@oracle/oraclejet 13.1.12 → 13.1.13

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_dataProvider.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 /**

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_getLocale.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/aria.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/borders.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/boxalignment.js

@@ -1,37 +1,37 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('identity-obj-proxy');
-var keys = require('../../keys-0828fec7.js');
+var keys = require('../../keys-14f97975.js');
 var utils_UNSAFE_size = require('../UNSAFE_size.js');
 var utils_UNSAFE_arrayUtils = require('../UNSAFE_arrayUtils.js');
-require('../../_curry1-e0bfa924.js');
-require('../../_has-5808062e.js');
+require('../../_curry1-ec26e48d.js');
+require('../../_has-88d191df.js');
 require('../UNSAFE_stringUtils.js');
-require('../../stringUtils-e02aced9.js');
+require('../../stringUtils-411926bf.js');
 
 // align, and gap.
 
 const alignStyles = {
-  baseline: "npwpj9",
-  center: "bo61ul",
-  end: "_9vgs1p",
-  start: "_ja0bs",
-  inherit: "_cyqzhk",
-  initial: "_3cfpyp",
-  stretch: "lkzf4y"
+  baseline: "_6vtwgq",
+  center: "lo6x05",
+  end: "_gzn1c",
+  start: "c3pkn3",
+  inherit: "ziva4i",
+  initial: "_sn4h2",
+  stretch: "aordkg"
 };
 const justifyStyles = {
-  center: "x9mtup",
-  end: "q9lfc5",
-  start: "x1eyrh",
-  inherit: "s6pb9z",
-  initial: "_jpob0q",
-  around: "twtrsu",
-  between: "_kmiaz1",
-  evenly: "z9jj59"
+  center: "_nguq7z",
+  end: "_frihw",
+  start: "w78knj",
+  inherit: "g9li1t",
+  initial: "_ug51xe",
+  around: "zbfklo",
+  between: "_o488ax",
+  evenly: "_vrt39o"
 };
 const boxAlignmentInterpolations = {
   align: ({

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/boxalignment.js.map

@@ -1 +1 @@
-{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","justifies"],"mappings":";;;;;;;;;;;;;;AAMA;;AAEA,MAAAA,WAAA,GAAA;YAAA,QAAA;UAAA,QAAA;OAAA,SAAA;SAAA,QAAA;WAAA,SAAA;WAAA,SAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,QAAA;OAAA,QAAA;SAAA,QAAA;WAAA,QAAA;WAAA,SAAA;UAAA,QAAA;WAAA,SAAA;;AAAA,CAAA,CAAA;AA4CA,MAAAC,0BAAA,GAAA;;;8BAGM,KACA;IACIC,KAAA,EAAAH,WAAA,CAAAI,KAAA,CAAA;GALV;;;gCASM,KACA;IACID,KAAA,EAAAF,aAAA,CAAAI,OAAA,CAAA;GAXV;;AAcEC,EAAAA,GAAA,EAAA,CAAA;AAAAA,IAAAA,GAAAA;AAAA,GAAA,KAAA;;AAEI,MAAA,OAAA,EAAA,CAAA;AACD,WAAM;MACL,MAAA,CAAAC,OAAA,EAAAC,UAAA,GAAAD,OAAA,CAAAE,GAAAA,mCAAA,CAAAH,GAAA,CAAA,CAAA;MACA,OAAA;QAAAA,GAAA,EAAA,CAAAI,EAAAA,2BAAA,CAAAH,OAAA,CAAA,CAAAG,CAAAA,EAAAA,2BAAA,CAAAF,UAAA,CAAA,CAAA,CAAA;OAAA,CAAA;AACD,KAAA;;AApBL;AAyBA;;AACA,MAAAG,MAAA,GAAAC,WAAA,CAAAZ,WAAA,EAAA;AACA,MAAAa,SAAA,GAAAD,WAAA,CAAAX,aAAA;;;;;;;;;"}
+{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","justifies"],"mappings":";;;;;;;;;;;;;;AAMA;;AAEA,MAAAA,WAAA,GAAA;YAAA,SAAA;UAAA,QAAA;OAAA,QAAA;SAAA,QAAA;WAAA,QAAA;WAAA,QAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,SAAA;OAAA,QAAA;SAAA,QAAA;WAAA,QAAA;WAAA,SAAA;UAAA,QAAA;WAAA,SAAA;;AAAA,CAAA,CAAA;AA4CA,MAAAC,0BAAA,GAAA;;;8BAGM,KACA;IACIC,KAAA,EAAAH,WAAA,CAAAI,KAAA,CAAA;GALV;;;gCASM,KACA;IACID,KAAA,EAAAF,aAAA,CAAAI,OAAA,CAAA;GAXV;;AAcEC,EAAAA,GAAA,EAAA,CAAA;AAAAA,IAAAA,GAAAA;AAAA,GAAA,KAAA;;AAEI,MAAA,OAAA,EAAA,CAAA;AACD,WAAM;MACL,MAAA,CAAAC,OAAA,EAAAC,UAAA,GAAAD,OAAA,CAAAE,GAAAA,mCAAA,CAAAH,GAAA,CAAA,CAAA;MACA,OAAA;QAAAA,GAAA,EAAA,CAAAI,EAAAA,2BAAA,CAAAH,OAAA,CAAA,CAAAG,CAAAA,EAAAA,2BAAA,CAAAF,UAAA,CAAA,CAAA,CAAA;OAAA,CAAA;AACD,KAAA;;AApBL;AAyBA;;AACA,MAAAG,MAAA,GAAAC,WAAA,CAAAZ,WAAA,EAAA;AACA,MAAAa,SAAA,GAAAD,WAAA,CAAAX,aAAA;;;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/colors.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/dimensions.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('../UNSAFE_arrayUtils.js');
 var utils_UNSAFE_size = require('../UNSAFE_size.js');
-var _curry1$1 = require('../../_curry1-e0bfa924.js');
+var _curry1$1 = require('../../_curry1-ec26e48d.js');
 require('../UNSAFE_stringUtils.js');
-require('../../stringUtils-e02aced9.js');
+require('../../stringUtils-411926bf.js');
 
 var _curry1 =
 

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/flexbox.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexbox = require('../../flexbox-20b23fc3.js');
+var flexbox = require('../../flexbox-16554f86.js');
 require('identity-obj-proxy');
-require('../../keys-0828fec7.js');
-require('../../_curry1-e0bfa924.js');
-require('../../_has-5808062e.js');
+require('../../keys-14f97975.js');
+require('../../_curry1-ec26e48d.js');
+require('../../_has-88d191df.js');
 
 
 

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/flexitem.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexitem = require('../../flexitem-a9b567a2.js');
+var flexitem = require('../../flexitem-e60c68f9.js');
 require('identity-obj-proxy');
-require('../../keys-0828fec7.js');
-require('../../_curry1-e0bfa924.js');
-require('../../_has-5808062e.js');
+require('../../keys-14f97975.js');
+require('../../_curry1-ec26e48d.js');
+require('../../_has-88d191df.js');
 
 
 

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/grid.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/griditem.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/padding.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils_UNSAFE_arrayUtils = require('../UNSAFE_arrayUtils.js');
 var utils_UNSAFE_size = require('../UNSAFE_size.js');
 require('../UNSAFE_stringUtils.js');
-require('../../stringUtils-e02aced9.js');
+require('../../stringUtils-411926bf.js');
 
 const paddingstartends = utils_UNSAFE_arrayUtils.stringLiteralArray([
     'paddingBlockStart',

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/text.js

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('identity-obj-proxy');
-var keys = require('../../keys-0828fec7.js');
-require('../../_curry1-e0bfa924.js');
-require('../../_has-5808062e.js');
+var keys = require('../../keys-14f97975.js');
+require('../../_curry1-ec26e48d.js');
+require('../../_has-88d191df.js');
 
 const textAlignStyles = {
-  start: "_n706ys",
-  end: "_ehkqo",
-  right: "zujcpf"
+  start: "ebcuag",
+  end: "xls24p",
+  right: "dfbqmg"
 };
 const textStyles = {
   textAlign: textAlignStyles

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_interpolations/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","textInterpolations"],"mappings":";;;;;;;;;;AAGA,MAAAA,eAAA,GAAA;SAAA,SAAA;OAAA,QAAA;;AAAA,EAAA;AAcA,MAAAC,UAAA,GAAA;AACEC,EAAAA,SAAA,EAAAF,eAAAA;AADF,EAAA;AAIA,MAAAG,UAAA,GAAAC,WAAA,CAAAJ,eAAA,EAAA;AAUA,MAAAK,kBAAA,GAAA;;;;;;AAAA;;;;;;;;;;"}
+{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","textInterpolations"],"mappings":";;;;;;;;;;AAGA,MAAAA,eAAA,GAAA;SAAA,QAAA;OAAA,QAAA;;AAAA,EAAA;AAcA,MAAAC,UAAA,GAAA;AACEC,EAAAA,SAAA,EAAAF,eAAAA;AADF,EAAA;AAIA,MAAAG,UAAA,GAAAC,WAAA,CAAAJ,eAAA,EAAA;AAUA,MAAAK,kBAAA,GAAA;;;;;;AAAA;;;;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_keys.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_lengthFilter.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_logger.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_curry1-e0bfa924.js');
-var _curry2$1 = require('../_curry2-ad5d2dfb.js');
+require('../_curry1-ec26e48d.js');
+var _curry2$1 = require('../_curry2-f4875cf0.js');
 
 var _curry2 =
 

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_matchTranslationBundle.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_mergeInterpolations.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./UNSAFE_classNames.js');
-var _curry1$1 = require('../_curry1-e0bfa924.js');
-var _curry2$1 = require('../_curry2-ad5d2dfb.js');
-var _has$1 = require('../_has-5808062e.js');
-var classNames = require('../classNames-a1a4bca8.js');
+var _curry1$1 = require('../_curry1-ec26e48d.js');
+var _curry2$1 = require('../_curry2-f4875cf0.js');
+var _has$1 = require('../_has-88d191df.js');
+var classNames = require('../classNames-489a4e81.js');
 
 var _curry1 =
 

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_mergeProps.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_roles.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_size.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./UNSAFE_stringUtils.js');
-var stringUtils = require('../stringUtils-e02aced9.js');
+var stringUtils = require('../stringUtils-411926bf.js');
 
 /**
  * Given a value that is of type Size, transform the value into

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_soundUtils.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_stringUtils.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var stringUtils = require('../stringUtils-e02aced9.js');
+var stringUtils = require('../stringUtils-411926bf.js');
 
 /**
  * @license

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_typeUtils.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_units.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('./UNSAFE_arrayUtils.js');
 require('./UNSAFE_stringUtils.js');
-var stringUtils = require('../stringUtils-e02aced9.js');
+var stringUtils = require('../stringUtils-411926bf.js');
 
 const is = (Ctor) => (val) => (val != null && val.constructor === Ctor) || val instanceof Ctor;
 const isNumber = is(Number);

package/dist/js/libs/oraclejet-preact/cjs/utils/UNSAFE_valueUpdateDetail.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
+/* @oracle/oraclejet-preact: 13.1.13 */
 'use strict';
 
 

package/dist/js/libs/oraclejet-preact/es/ClearIcon-12e5467e.js

@@ -0,0 +1,60 @@
+/* @oracle/oraclejet-preact: 13.1.13 */
+import { jsx } from 'preact/jsx-runtime';
+
+import { useCallback } from 'preact/hooks';
+import { usePress } from './hooks/UNSAFE_usePress.js';
+import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
+
+const ojButtonHeight = '2.75rem'; // TODO: replace this with var(--oj-button-border-radius) once it is available
+
+const ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available
+
+const ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available
+
+const ojButtonBorderlessChromeTextColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available
+
+const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'; // TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available
+
+const ojButtonBorderlessChromeBorderColorHover = 'transparent';
+const clearIconStyles = {
+  base: "_dykkd"
+};
+
+const noop = () => {};
+
+function ClearIcon({
+  onClick
+}) {
+  const killEvent = useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const {
+    pressProps
+  } = usePress(onClick !== null && onClick !== void 0 ? onClick : noop);
+  const translations = useTranslationBundle('@oracle/oraclejet-preact');
+  const clearStr = translations.formControl_clear();
+  return jsx("span", Object.assign({
+    "aria-hidden": "true",
+    class: clearIconStyles.base,
+    tabIndex: -1,
+    onMouseDown: killEvent,
+    title: clearStr
+  }, pressProps, {
+    children: jsx("svg", Object.assign({
+      height: "24",
+      viewBox: "0 0 24 24",
+      width: "24",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, {
+      children: jsx("path", {
+        d: "m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z",
+        fill: "#100f0e",
+        "fill-rule": "evenodd"
+      })
+    }))
+  }));
+}
+
+export { ClearIcon as C };
+/*  */
+//# sourceMappingURL=ClearIcon-12e5467e.js.map

package/dist/js/libs/oraclejet-preact/es/ClearIcon-12e5467e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-12e5467e.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\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-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","clearIconStyles","noop","ClearIcon","onClick","killEvent","useCallback","event","pressProps","usePress","translations","useTranslationBundle","clearStr","formControl_clear"],"mappings":";;;;;;;AAWA,MAAAA,cAAA,GAAA,SAAA;;AAEA,MAAAC,oBAAA,GAAA,sDAAA;;AAEA,MAAAC,iCAAA,GAAA,wDAAA;;AAEA,MAAAC,sCAAA,GAAA,wDAAA;;AAGA,MAAAC,oCAAA,GAAA,oDAAA;;AAEA,MAAAC,wCAAA,GAAA,aAAA,CAAA;AAEA,MAAAC,eAAA,GAAA;;AAAA,CAAA,CAAA;;AAwBA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,SAAA,CAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,SAAA,GAAAC,WAAA,CAAAC,KAAA,IAAA;;GAAA,IAAA,CAAA,CAAA;EAGA,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAL,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAF,IAAA,CAAA,CAAA;AACA,EAAA,MAAAQ,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,QAAA,GAAAF,YAAA,CAAAG,iBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_AspectRatio.css

@@ -1 +1 @@
-.xj23nv{position:relative;overflow-x:hidden;overflow-y:hidden;}.xj23nv::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}.xj23nv > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}.xj23nv > img{object-fit:cover;}.xj23nv > video{object-fit:cover;}
+._knip8j{position:relative;overflow-x:hidden;overflow-y:hidden;}._knip8j::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._knip8j > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._knip8j > img{object-fit:cover;}._knip8j > video{object-fit:cover;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_AspectRatio.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
-import { _ as __rest } from './tslib.es6-c87c73ed.js';
+/* @oracle/oraclejet-preact: 13.1.13 */
+import { _ as __rest } from './tslib.es6-92c01d19.js';
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_AspectRatio.css';
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
@@ -8,9 +8,9 @@ import { classNames } from './utils/UNSAFE_classNames.js';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-90e45184.js';
-import './_curry2-841301b6.js';
-import './_has-28ada7e7.js';
+import './_curry1-f945691a.js';
+import './_curry2-bb3461f5.js';
+import './_has-a3aa99e7.js';
 
 // hack to get aspect-ratio to work.
 // CSS now has an aspect-ratio attribute that makes this super easy.
@@ -28,7 +28,7 @@ import './_has-28ada7e7.js';
 // 100%/ratio. 100/(4/3) = 75%
 // e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%
 
-const baseDivStyles = "xj23nv"; // common aspect ratios
+const baseDivStyles = "_knip8j"; // common aspect ratios
 // The box’s preferred aspect ratio is the specified ratio of width / height.
 // The ratio has a '/' as a separator and not a ':' because the '/' is what
 // the CSS aspect-ratio uses.

package/dist/js/libs/oraclejet-preact/es/UNSAFE_AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\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 */\nexport * from './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","_a","_b","props","class","cls","styles","__rest"],"mappings":";;;;;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAAA,aAAA,GAAA,QAAA;AAgCA;AACA;AACA;AACA;;AACA,MAAAC,MAAA,GAAAC,kBAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,QAAA,UAAA,OAAA,QAAA,SAAA,YAAA,OAAA,QAAA,UAAA,SAAA,OAAA,SAAA,SAAA,SAAA,WAAA,UAAA,QAAA,QAAA,OAAA,CAAA,EAAA;AA4BA,MAAAC,UAAA,GAAAD,kBAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA;;AAoBA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,uBAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,mBAAA,CAAAN,2BAAA,CAAA,CAAA;AAEA;;;;;;;;AAQG;;AACH,SAAAO,WAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,MAAAC,EAAA,GAAAJ,cAAA,CAAAK,KAAA,CAAA;QAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAH,EAAA;QAAAI,MAAA,GAAAC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\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 */\nexport * from './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","_a","_b","props","class","cls","styles","__rest"],"mappings":";;;;;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAAA,aAAA,GAAA,SAAA;AAgCA;AACA;AACA;AACA;;AACA,MAAAC,MAAA,GAAAC,kBAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,QAAA,UAAA,OAAA,QAAA,SAAA,YAAA,OAAA,QAAA,UAAA,SAAA,OAAA,SAAA,SAAA,SAAA,WAAA,UAAA,QAAA,QAAA,OAAA,CAAA,EAAA;AA4BA,MAAAC,UAAA,GAAAD,kBAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA;;AAoBA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,uBAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,mBAAA,CAAAN,2BAAA,CAAA,CAAA;AAEA;;;;;;;;AAQG;;AACH,SAAAO,WAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,MAAAC,EAAA,GAAAJ,cAAA,CAAAK,KAAA,CAAA;QAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAH,EAAA;QAAAI,MAAA,GAAAC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Avatar.css

@@ -1,7 +1,7 @@
-.o06kkg{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-.lmvbdr{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-._liqxq0{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
-._oesaam{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
-._eswxxw{background-size:cover;}
-._qskr1n{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
-.pxwktj{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
+.az4418{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+._9i9wqw{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+.hel357{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
+._4m7gxc{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
+.x117ce{background-size:cover;}
+._o5egia{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
+.lqvmj6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Avatar.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.12 */
-import { _ as __rest } from './tslib.es6-c87c73ed.js';
+/* @oracle/oraclejet-preact: 13.1.13 */
+import { _ as __rest } from './tslib.es6-92c01d19.js';
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './UNSAFE_Avatar.css';
@@ -85,15 +85,15 @@ const AvatarWrapper = ({
 };
 
 const styles = {
-  base: "o06kkg",
-  circle: "lmvbdr"
+  base: "az4418",
+  circle: "_9i9wqw"
 };
 const contentStyles = {
-  base: "_liqxq0",
-  content: "_oesaam",
-  image: "_eswxxw",
-  initials: "_qskr1n",
-  icon: "pxwktj"
+  base: "hel357",
+  content: "_4m7gxc",
+  image: "x117ce",
+  initials: "_o5egia",
+  icon: "lqvmj6"
 };
 
 export { Avatar };

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * Avatar will set the aria-label attribute with accessibleLabel.\n   * If the component needs to be accessible, the aria label of the avatar must be populated.\n   * The component does not need to be accessible if any associated information (e.g. the name of the person represented by the avatar)\n   * is already available to assistive technologies (e.g when the name is rendered in addition to the avatar as part of the page content).\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["Avatar","_a","src","children","_jsx","ContentAvatar","Object","assign","otherProps","ImageAvatar","__rest","classes","classNames","contentStyles","base","image","content","childContent","initials","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","role","class"],"mappings":";;;;;;AA0DA,SAAAA,MAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,IAAAC,GAAA,IAAA,CAAAC,QAAA,EAAA;;;;AAEC,GAFD,MAEO;IACL,OAAAC,GAAA,CAAAC,aAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,EAAA;AAAAL,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAAA;;AAEA,MAAAM,WAAA,GAAAR,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,GAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAO,UAAA,GAAAE,MAAA,CAAAT,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAU,OAAA,GAAAC,UAAA,CAAA,CAAAC,aAAA,CAAAC,IAAA,EAAAD,aAAA,CAAAE,KAAA,CAAA,CAAA,CAAA;;;;;;;;;AAMF,CAPA,CAAA;;AASA,MAAAV,aAAA,GAAAJ,EAAA,IAAA;;;;;;;EACE,MAAAU,OAAA,GAAA,CACEE,aAAA,CAAAC,IADF,EAEED,aAAA,CAAAG,OAFF,wDAAA,CAAA,CAAA;AAMA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAfA,CAAA;;AAiBA,MAAAgB,aAAA,GAAA,CAAA;AAAAC,EAAAA,UAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,KAAA,GAAA,QAAA;EAAAnB,QAAA;AAAAoB,EAAAA,eAAAA;AAAA,CAAA,KAAA;8BAQIC,MAAA,CAAAV,MACA,CAAA,eAAA,EAAAM,UAAA,CAAA,GACA,CAAAC,YAAAA,EAAAA,IAAA,IACAC,KAAA,KAAA,QAAA,IAAAE,MAAA,CAAAC;;AAEF,EAAA,IAAAF,eAAA,EAAA;AACE,IAAA,OAAAnB,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAA,MAAA,YAAA,EAAAgB,eAAA;AAAAG,MAAAA,IAAA,EAAA,KAAA;AAAAC,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAKD,GAND,MAMO;AACL,IAAA,OAAAC,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAoB,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAtBA,CAAA;;AAwBA,MAAAqB,MAAA,GAAA;QAAA,QAAA;;AAAA,CAAA,CAAA;AAYA,MAAAX,aAAA,GAAA;QAAA,SAAA;WAAA,SAAA;SAAA,SAAA;YAAA,SAAA;;AAAA,CAAA;;;;;;;"}
+{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * Avatar will set the aria-label attribute with accessibleLabel.\n   * If the component needs to be accessible, the aria label of the avatar must be populated.\n   * The component does not need to be accessible if any associated information (e.g. the name of the person represented by the avatar)\n   * is already available to assistive technologies (e.g when the name is rendered in addition to the avatar as part of the page content).\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["Avatar","_a","src","children","_jsx","ContentAvatar","Object","assign","otherProps","ImageAvatar","__rest","classes","classNames","contentStyles","base","image","content","childContent","initials","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","role","class"],"mappings":";;;;;;AA0DA,SAAAA,MAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,IAAAC,GAAA,IAAA,CAAAC,QAAA,EAAA;;;;AAEC,GAFD,MAEO;IACL,OAAAC,GAAA,CAAAC,aAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,EAAA;AAAAL,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAAA;;AAEA,MAAAM,WAAA,GAAAR,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,GAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAO,UAAA,GAAAE,MAAA,CAAAT,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAU,OAAA,GAAAC,UAAA,CAAA,CAAAC,aAAA,CAAAC,IAAA,EAAAD,aAAA,CAAAE,KAAA,CAAA,CAAA,CAAA;;;;;;;;;AAMF,CAPA,CAAA;;AASA,MAAAV,aAAA,GAAAJ,EAAA,IAAA;;;;;;;EACE,MAAAU,OAAA,GAAA,CACEE,aAAA,CAAAC,IADF,EAEED,aAAA,CAAAG,OAFF,wDAAA,CAAA,CAAA;AAMA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAfA,CAAA;;AAiBA,MAAAgB,aAAA,GAAA,CAAA;AAAAC,EAAAA,UAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,KAAA,GAAA,QAAA;EAAAnB,QAAA;AAAAoB,EAAAA,eAAAA;AAAA,CAAA,KAAA;8BAQIC,MAAA,CAAAV,MACA,CAAA,eAAA,EAAAM,UAAA,CAAA,GACA,CAAAC,YAAAA,EAAAA,IAAA,IACAC,KAAA,KAAA,QAAA,IAAAE,MAAA,CAAAC;;AAEF,EAAA,IAAAF,eAAA,EAAA;AACE,IAAA,OAAAnB,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAA,MAAA,YAAA,EAAAgB,eAAA;AAAAG,MAAAA,IAAA,EAAA,KAAA;AAAAC,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAKD,GAND,MAMO;AACL,IAAA,OAAAC,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAoB,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAtBA,CAAA;;AAwBA,MAAAqB,MAAA,GAAA;QAAA,QAAA;;AAAA,CAAA,CAAA;AAYA,MAAAX,aAAA,GAAA;QAAA,QAAA;WAAA,SAAA;SAAA,QAAA;YAAA,SAAA;;AAAA,CAAA;;;;;;;"}