@oracle/oraclejet-preact 14.0.0

package/cjs/UNSAFE_Label.js

@@ -0,0 +1,86 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-d7adde1f.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+require('./utils/UNSAFE_classNames.js');
+require("identity-obj-proxy");
+var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
+var classNames = require('./classNames-825d80d7.js');
+require('preact');
+require('preact/hooks');
+
+const labelStyles = {
+  base: "_18vd7df",
+  startBase: "_1wh72j2",
+  topBase: "_1ihkgwm",
+  insideBase: "_5xgwyy",
+  insideReadonlyInEnabledForm: "_1fzaz6b",
+  insideReadonlyNotInEnabledForm: "_13i5m0r",
+  insideNonReadonly: "_1m0k1mh",
+  insideNonReadonlyHasValue: "_1d46w6v",
+  insideDisabled: "_1320747",
+  insideFocused: "_12wid4f",
+  insideError: "_1jp0whx",
+  insideWarning: "lmeyy9",
+  noWrap: "_1qsw9dj"
+};
+
+const StyledLabel = _a => {
+  var {
+    hasValue,
+    readonly,
+    disabled,
+    isFocused,
+    variant = 'inside'
+  } = _a,
+      props = tslib_es6.__rest(_a, ["hasValue", "readonly", "disabled", "isFocused", "variant"]);
+
+  const {
+    isFormLayout,
+    isReadonly: isReadonlyForm,
+    labelWrapping
+  } = hooks_UNSAFE_useFormContext.useFormContext();
+  const cssClassNames = variant === 'inside' || variant === 'insideError' || variant === 'insideWarning' ? classNames.classNames([labelStyles.base, labelStyles.insideBase, readonly && (isFormLayout && !isReadonlyForm ? labelStyles.insideReadonlyInEnabledForm : labelStyles.insideReadonlyNotInEnabledForm), !readonly && labelStyles.insideNonReadonly, !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue, !readonly && isFocused && labelStyles.insideFocused, disabled && labelStyles.insideDisabled, !disabled && !readonly && (variant === 'insideError' || variant === 'insideWarning') && labelStyles[variant]]) : variant === 'start' ? classNames.classNames([labelStyles.base, labelStyles.startBase, labelWrapping === 'truncate' && labelStyles.noWrap]) : variant === 'top' ? classNames.classNames([labelStyles.base, labelStyles.topBase, labelWrapping === 'truncate' && labelStyles.noWrap]) : undefined; // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll
+  // run into issues destructuring style interpolations, for example having to concatenate both.
+
+  return jsxRuntime.jsx("label", Object.assign({}, props, {
+    class: cssClassNames
+  }));
+};
+
+const Label = _a => {
+  var {
+    forId
+  } = _a,
+      props = tslib_es6.__rest(_a, ["forId"]);
+
+  const {
+    hasValue,
+    isDisabled,
+    isFocused,
+    isReadonly
+  } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+  return jsxRuntime.jsx(StyledLabel, Object.assign({
+    for: forId,
+    hasValue: hasValue,
+    disabled: isDisabled,
+    isFocused: isFocused,
+    readonly: isReadonly
+  }, props));
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.Label = Label;
+/*  */
+//# sourceMappingURL=UNSAFE_Label.js.map

package/cjs/UNSAFE_Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { Label } from './Label';\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAAA,WAAA,GAAA;QAAA,UAAA;aAAA,UAAA;WAAA,UAAA;cAAA,SAAA;+BAAA,UAAA;kCAAA,UAAA;qBAAA,UAAA;6BAAA,UAAA;kBAAA,UAAA;iBAAA,UAAA;eAAA,UAAA;iBAAA,QAAA;;AAAA,CAAA,CAAA;;AAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA,OAAA,GAAA,QAAA;AAAA,GAAA,GAAAL,EAAA;AAAA,MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;EAQnB,MAAA;IAAAQ,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;AAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,0BAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,gDAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,sDAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;EA2CE,OAAAE,cAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;AAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF,CA5CA,CAAA;;AAiEAa,MAAAA,KAAA,GAAA1B,EAAA,IAAA;EAAsB,IAAA;AAAA2B,IAAAA,KAAAA;AAAA,GAAA,GAAA3B,EAAA;MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACpB,MAAA;IAAAC,QAAA;IAAA2B,UAAA;IAAAxB,SAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAoB,oDAAA,EAAA,CAAA;;;;;;;;AAWF;;ACtLA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_LabelValueLayout.js

@@ -0,0 +1,110 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./utils/UNSAFE_classNames.js');
+require("identity-obj-proxy");
+require('./UNSAFE_Flex.js');
+var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+var utils_UNSAFE_size = require('./utils/UNSAFE_size.js');
+var classNames = require('./classNames-825d80d7.js');
+var Flex = require('./Flex-71c6255f.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./_curry1-72279dc6.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./keys-4d35cf5a.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./flexbox-659a8cf1.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+require('./flexitem-8d661117.js');
+require('preact');
+require('preact/hooks');
+
+const labelSlotStyles = {
+  base: "f2bnu1",
+  start: "_1dgj6nh",
+  top: "_1f0b98f",
+  topPureReadonly: "_15l72ku"
+};
+const labelInnerStyles = {
+  // base is labelEdge 'top'
+  base: "qxz678",
+  start: "s2tqs2",
+  startNotPureReadonly: "tvd1b8",
+  // TODO: Use Text Component instead of CSS
+  noWrap: "_13k998o"
+};
+const valueSlotStyles = "_1fun5ad";
+const LabelValueLayout = ({
+  label,
+  labelEdge,
+  children,
+  labelStartWidth = '33%'
+}) => {
+  const width = utils_UNSAFE_size.sizeToCSS(labelStartWidth);
+  const valueWidth = `calc(100% - ${width})`;
+  const labelStyles = labelEdge === 'start' ? {
+    flexBasis: width,
+    width: width,
+    maxWidth: width
+  } : {};
+  const valueStyles = labelEdge === 'start' ? {
+    flexBasis: valueWidth,
+    width: valueWidth,
+    maxWidth: valueWidth
+  } : {};
+  const {
+    isFormLayout,
+    isReadonly: isFormReadonly,
+    labelWrapping
+  } = hooks_UNSAFE_useFormContext.useFormContext();
+  const {
+    isReadonly
+  } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+  const isPureReadonly = isFormLayout && isFormReadonly || !isFormLayout && isReadonly;
+  const labelStyleClasses = classNames.classNames([labelSlotStyles.base, labelEdge === 'start' && labelSlotStyles.start, // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,
+  // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,
+  labelEdge === 'top' && labelSlotStyles.top, labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly]);
+  const labelInnerClasses = classNames.classNames([labelInnerStyles.base, labelEdge === 'start' && labelInnerStyles.start, labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly, labelWrapping === 'truncate' && labelInnerStyles.noWrap]);
+  return jsxRuntime.jsxs(Flex.Flex, Object.assign({
+    wrap: "wrap",
+    align: "start"
+  }, {
+    children: [jsxRuntime.jsx("div", Object.assign({
+      class: labelStyleClasses,
+      style: labelStyles
+    }, {
+      children: jsxRuntime.jsx("div", Object.assign({
+        class: labelInnerClasses
+      }, {
+        children: label
+      }))
+    })), jsxRuntime.jsx("div", Object.assign({
+      class: valueSlotStyles,
+      style: valueStyles
+    }, {
+      children: children
+    }))]
+  }));
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.LabelValueLayout = LabelValueLayout;
+/*  */
+//# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/cjs/UNSAFE_LabelValueLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,eAAA,GAAA;QAAA,QAAA;SAAA,UAAA;OAAA,UAAA;;AAAA,CAAA,CAAA;AAuBA,MAAAC,gBAAA,GAAA;;QAAA,QAAA;SAAA,QAAA;wBAAA,QAAA;;;AAAA,CAAA,CAAA;AAyBA,MAAAC,eAAA,GAAA,UAAA,CAAA;AAyBA,MAAAC,gBAAA,GAAA,CAAA;EAAAC,KAAA;EAAAC,SAAA;EAAAC,QAAA;AAAAC,EAAAA,eAAA,GAAA,KAAA;AAAA,CAAA,KAAA;AAME,EAAA,MAAAC,KAAA,GAAAC,2BAAA,CAAAF,eAAA,CAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;EAMA,MAAA;IAAAG,YAAA;AAAAC,IAAAA,UAAA,EAAAC,cAAA;AAAAC,IAAAA,aAAAA;AAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;EACA,MAAA;AAAAH,IAAAA,UAAAA;AAAA,GAAA,GAAAI,oDAAA,EAAA,CAAA;EACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;mDAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;AAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;mDAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;AAGF,EAAA,OAAAC,eAAA,CAAAC,SAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,IAAA,EAAA,MAAA;AAAAC,IAAAA,KAAA,EAAA,OAAA;AAAA,GAAA,EAAA;IAAAtB,QAAA,EAAA,CAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAAC,iBAAA;AAAAC,MAAAA,KAAA,EAAAC,WAAAA;AAAA,KAAA,EAAA;MAAA3B,QAAA,EAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,QAAAA,KAAA,EAAAI,iBAAAA;AAAA,OAAA,EAAA;AAAA5B,QAAAA,QAAA,EAAAF,KAAAA;AAAA,OAAA,CAAA,CAAA;KAAA,CAAA,CAAA,EAAAyB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;AAAAI,MAAAA,KAAA,EAAA5B,eAAA;AAAA8B,MAAAA,KAAA,EAAAG,WAAAA;AAAA,KAAA,EAAA;AAAA7B,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAUF;;AC1HA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_Layer.js

@@ -0,0 +1,69 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var compat = require('preact/compat');
+var preact = require('preact');
+var jsxRuntime = require('preact/jsx-runtime');
+
+const LayerContext = preact.createContext({});
+
+const _LOGICAL_PARENT = '__oj_logical_parent';
+const Layer = (props) => {
+    var _a;
+    const context = compat.useContext(LayerContext);
+    const defaultHost = (_a = context.getHost) === null || _a === void 0 ? void 0 : _a.call(context);
+    const host = compat.useMemo(() => defaultHost, [defaultHost]);
+    const [layerContainer, setLayerContainer] = compat.useState(null);
+    // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented
+    // content does not get re-rendered with valid ref's
+    compat.useLayoutEffect(() => {
+        var _a;
+        if (!host)
+            return;
+        const doc = (_a = host.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        const layer = doc.createElement('div');
+        if (props.logicalParentRef) {
+            layer[_LOGICAL_PARENT] = props.logicalParentRef.current;
+        }
+        host.appendChild(layer);
+        setLayerContainer(layer);
+        return () => {
+            if (host && layer && host.contains(layer)) {
+                delete layer[_LOGICAL_PARENT];
+                host.removeChild(layer);
+            }
+            setLayerContainer(null);
+        };
+    }, [host]);
+    return layerContainer && compat.createPortal(props.children, layerContainer);
+};
+
+const LayerHost = compat.forwardRef((_props, ref) => {
+    return jsxRuntime.jsx("div", { id: "__oj_layerhost_container", ref: ref });
+});
+LayerHost.displayName = 'Forwarded<LayerHost>';
+
+function LayerManager({ children }) {
+    const [defaultHost, setDefaultHost] = compat.useState();
+    //const context = useContext(LayerContext);
+    const defaultHostRef = compat.useCallback((el) => {
+        // ref callbacks fire after the component has been unnmounted so we do not
+        // want to set state in this use-case
+        if (el !== null) {
+            setDefaultHost(el);
+        }
+    }, []);
+    return (jsxRuntime.jsx(LayerContext.Consumer, { children: (value) => {
+            const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};
+            const layerContext = value.getHost ? value : defaultHostContext;
+            return (jsxRuntime.jsxs(LayerContext.Provider, Object.assign({ value: layerContext }, { children: [children, !value.getHost && jsxRuntime.jsx(LayerHost, { ref: defaultHostRef })] })));
+        } }));
+}
+
+exports.Layer = Layer;
+exports.LayerContext = LayerContext;
+exports.LayerManager = LayerManager;
+/*  */
+//# sourceMappingURL=UNSAFE_Layer.js.map

package/cjs/UNSAFE_Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Layer.js","sources":["../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/Layer.tsx","../../src/UNSAFE_Layer/LayerHost.tsx","../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["import { createContext } from 'preact';\n\nexport type LayerContextProps = {\n  getHost?: () => Element;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useMemo, useState } from 'preact/compat';\nimport { LayerContext } from './LayerContext';\n\nconst _LOGICAL_PARENT = '__oj_logical_parent';\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n};\n\ntype LayerElement = HTMLDivElement & {\n  __oj_logical_parent?: Element | null;\n};\n\nconst Layer = (props: Props) => {\n  const context = useContext(LayerContext);\n  const defaultHost = context.getHost?.();\n  const host = useMemo(() => defaultHost, [defaultHost]);\n  const [layerContainer, setLayerContainer] = useState<Element | null>(null);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    if (props.logicalParentRef) {\n      layer[_LOGICAL_PARENT] = props.logicalParentRef.current;\n    }\n\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[_LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [host]);\n\n  return layerContainer && createPortal(props.children, layerContainer);\n};\n\nexport default Layer;\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__oj_layerhost_container\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n","/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};\n        const layerContext = value.getHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","useLayoutEffect","createPortal","forwardRef","_jsx","useCallback","_jsxs"],"mappings":"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"}

package/cjs/UNSAFE_Link.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Link = require('./Link-e6a1f8c7.js');
+require('preact/jsx-runtime');
+require("identity-obj-proxy");
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./hooks/UNSAFE_usePress.js');
+require('preact/hooks');
+
+
+
+exports.Link = Link.Link;
+/*  */
+//# sourceMappingURL=UNSAFE_Link.js.map

package/cjs/UNSAFE_Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/cjs/UNSAFE_ListItemLayout.js

@@ -0,0 +1,35 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ListItemTextLayout = require('./ListItemTextLayout-b553ae5f.js');
+require('preact/jsx-runtime');
+require("identity-obj-proxy");
+require('./UNSAFE_Grid.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_interpolations/grid.js');
+require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./keys-4d35cf5a.js');
+require('./_curry1-72279dc6.js');
+require('./_has-618da22b.js');
+require('./utils/UNSAFE_size.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./UNSAFE_Text.js');
+require('./Text-ebbac0b0.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('preact');
+require('preact/hooks');
+
+
+
+exports.ListItemLayout = ListItemTextLayout.ListItemLayout;
+exports.ListItemText = ListItemTextLayout.ListItemText;
+exports.ListItemTextLayout = ListItemTextLayout.ListItemTextLayout;
+/*  */
+//# sourceMappingURL=UNSAFE_ListItemLayout.js.map

package/cjs/UNSAFE_ListItemLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_ListItemLayout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/UNSAFE_ListView.js

@@ -0,0 +1,89 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ListView = require('./ListView-af3d5f2c.js');
+require('preact/jsx-runtime');
+require('./PRIVATE_List.js');
+require('./List-007d77af.js');
+require('preact/hooks');
+
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./utils/UNSAFE_mergeProps.js');
+require('./utils/UNSAFE_keys.js');
+require('./LoadMoreCollection-903ca14c.js');
+require('./PRIVATE_Collection.js');
+require('./Collection-1173258f.js');
+require('preact');
+require('./hooks/UNSAFE_useViewportIntersect.js');
+require('./PRIVATE_VirtualizedCollection.js');
+require('./VirtualizedCollection-4eb3b463.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('./UNSAFE_FocusTrap.js');
+require('./FocusTrap-242f0347.js');
+require('preact/compat');
+require('./utils/PRIVATE_tabbableUtils.js');
+require('./_curry1-72279dc6.js');
+require('./_curry2-f77dcc57.js');
+require('./_curry3-31dd4145.js');
+require('./hooks/UNSAFE_useId.js');
+require('./hooks/PRIVATE_useSelection.js');
+require('./hooks/PRIVATE_useCurrentKey.js');
+require('./hooks/PRIVATE_useCollectionFocusRing.js');
+require('./hooks/PRIVATE_useTabbableModeSet.js');
+require('./hooks/PRIVATE_useItemAction.js');
+require('./utils/PRIVATE_collectionUtils.js');
+require('./UNSAFE_Skeleton.js');
+require('./Skeleton-fac3589c.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_size.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_has-618da22b.js');
+require('./utils/UNSAFE_interpolations/borders.js');
+require('./UNSAFE_Flex.js');
+require('./Flex-71c6255f.js');
+require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./keys-4d35cf5a.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./flexbox-659a8cf1.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+require('./flexitem-8d661117.js');
+require('./UNSAFE_Selector.js');
+require('./index-ed6e3090.js');
+require('./index-5304d101.js');
+require('./UNSAFE_Icon.js');
+require('./Icon-a21be510.js');
+require('./hooks/UNSAFE_useTooltip.js');
+require('./UNSAFE_Floating.js');
+require('./Floating-3eb600a1.js');
+require('./index-94b1ff28.js');
+require('./hooks/UNSAFE_useUser.js');
+require('./UNSAFE_Environment.js');
+require('./UNSAFE_Layer.js');
+require('./utils/PRIVATE_floatingUtils.js');
+require('./utils/PRIVATE_refUtils.js');
+require('./hooks/UNSAFE_useOutsideClick.js');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('./hooks/UNSAFE_useFocus.js');
+require('./hooks/UNSAFE_useTouch.js');
+require('./hooks/UNSAFE_useAnimation.js');
+require('./useAnimation-9e794d84.js');
+require('./hooks/UNSAFE_useTheme.js');
+require('./hooks/UNSAFE_useTranslationBundle.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.ListView = ListView.ListView;
+/*  */
+//# sourceMappingURL=UNSAFE_ListView.js.map

package/cjs/UNSAFE_ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_ListView.js","sources":["../../src/UNSAFE_ListView/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { ListView } from './ListView';\nexport { Gridlines, ListProps as Props, Roles } from './List.types';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_LiveRegion.js

@@ -0,0 +1,63 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('preact/jsx-runtime');
+require("identity-obj-proxy");
+var hooks = require('preact/hooks');
+
+const offScreenStyle = "_15fafo4";
+/**
+ * A helper component that renders an aria-live region
+ *
+ * TODO: Create a more centralized component that can handle aria-live region for
+ * the whole application and use context api to communicate
+ */
+
+function LiveRegion({
+  atomic = 'false',
+  children = '',
+  timeout = 100,
+  type = 'polite'
+}) {
+  const ariaLiveText = useLiveText(children, timeout);
+  return jsxRuntime.jsx("span", Object.assign({
+    "aria-live": type,
+    "aria-atomic": atomic,
+    class: offScreenStyle
+  }, {
+    children: ariaLiveText
+  }));
+}
+/**
+ * A custom hook for handling the aria-live region
+ *
+ * @param text The aria-live text to use
+ * @param timeout The timeout for setting the aria-live text async
+ * @returns The aria-live text
+ */
+
+
+function useLiveText(text, timeout) {
+  const [liveText, setLiveText] = hooks.useState();
+  const updateText = hooks.useCallback(() => setLiveText(text), [text]);
+  const updateTextAsync = hooks.useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);
+  hooks.useEffect(() => {
+    const timeoutId = updateTextAsync();
+    return () => clearTimeout(timeoutId);
+  }, [updateTextAsync]);
+  return liveText;
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.LiveRegion = LiveRegion;
+/*  */
+//# sourceMappingURL=UNSAFE_LiveRegion.js.map

package/cjs/UNSAFE_LiveRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx","../../src/UNSAFE_LiveRegion/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { LiveRegion } from './LiveRegion';\n"],"names":["offScreenStyle","LiveRegion","atomic","children","timeout","type","_jsx","Object","assign","class","ariaLiveText","useLiveText","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText"],"mappings":";;;;;;;;;AAGA,MAAAA,cAAA,GAAA,UAAA,CAAA;AAqCA;;;;;AAKG;;AACH,SAAAC,UAAA,CAAA;AAAAC,EAAAA,MAAA,GAAA,OAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,GAAA;AAAAC,EAAAA,IAAA,GAAA,QAAA;AAAA,CAAA,EAAA;;AAGE,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,WAAA,EAAAH,IAAA;AAAA,IAAA,aAAA,EAAAH,MAAA;AAAAO,IAAAA,KAAA,EAAAT,cAAAA;AAAA,GAAA,EAAA;AAAAG,IAAAA,QAAA,EAAAO,YAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAAA;AAEA;;;;;;AAMG;;;AACH,SAAAC,WAAA,CAAAC,IAAA,EAAAR,OAAA,EAAA;;AAEE,EAAA,MAAAS,UAAA,GAAAC,iBAAA,CAAA,MAAAC,WAAA,CAAAH,IAAA,CAAA,EAAA,CAAAA,IAAA,CAAA,CAAA,CAAA;;;IAIE,MAAAI,SAAA,GAAAC,eAAA,EAAA,CAAA;AAEA,IAAA,OAAA,MAAAC,YAAA,CAAAF,SAAA,CAAA,CAAA;AACF,KAAA,CAAAC,eAAA;AAEA,EAAA,OAAAE,QAAA,CAAA;AACF;;AC3EA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_LoadMoreCollection.js

@@ -0,0 +1,24 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var LoadMoreCollection = require('./LoadMoreCollection-903ca14c.js');
+require('preact/jsx-runtime');
+require('preact/hooks');
+require('./PRIVATE_Collection.js');
+require('./Collection-1173258f.js');
+require('preact');
+require('./hooks/UNSAFE_useViewportIntersect.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.LoadMoreCollection = LoadMoreCollection.LoadMoreCollection;
+/*  */
+//# sourceMappingURL=UNSAFE_LoadMoreCollection.js.map

package/cjs/UNSAFE_LoadMoreCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_LoadMoreCollection.js","sources":["../../src/UNSAFE_LoadMoreCollection/index.ts"],"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 */\nexport { LoadMoreCollection } from './LoadMoreCollection';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_Menu.js

@@ -0,0 +1,51 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Menu = require('./Menu-5a37d850.js');
+var MenuItem = require('./MenuItem-e771b8f1.js');
+var MenuDivider = require('./MenuDivider-60c0b01a.js');
+require('preact/jsx-runtime');
+require('preact/hooks');
+require('./UNSAFE_Floating.js');
+require('./Floating-3eb600a1.js');
+require('preact/compat');
+require('./index-94b1ff28.js');
+require('./hooks/UNSAFE_useUser.js');
+require('./UNSAFE_Environment.js');
+require('preact');
+require('./UNSAFE_Layer.js');
+require('./utils/PRIVATE_floatingUtils.js');
+require('./utils/PRIVATE_refUtils.js');
+require('./hooks/UNSAFE_useOutsideClick.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./hooks/PRIVATE_useCollectionFocusRing.js');
+require('./utils/UNSAFE_mergeProps.js');
+require("identity-obj-proxy");
+require('./UNSAFE_Text.js');
+require('./Text-ebbac0b0.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./_curry1-72279dc6.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('./hooks/UNSAFE_useId.js');
+require('./hooks/UNSAFE_usePress.js');
+require('./utils/PRIVATE_clientHints.js');
+require('./clientHints-78b0e917.js');
+require('./UNSAFE_Divider.js');
+require('./Divider-0d44dde4.js');
+
+
+
+exports.Menu = Menu.Menu;
+exports.MenuItem = MenuItem.MenuItem;
+exports.MenuDivider = MenuDivider.MenuDivider;
+/*  */
+//# sourceMappingURL=UNSAFE_Menu.js.map

package/cjs/UNSAFE_Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}