@oracle/oraclejet-preact 14.0.0

package/cjs/UNSAFE_AspectRatio.js

@@ -0,0 +1,92 @@
+/* @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');
+require("identity-obj-proxy");
+var utils_UNSAFE_interpolations_dimensions = require('./utils/UNSAFE_interpolations/dimensions.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+require('./utils/UNSAFE_classNames.js');
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
+var classNames = require('./classNames-825d80d7.js');
+require('./utils/UNSAFE_size.js');
+require('./_curry1-72279dc6.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+
+// hack to get aspect-ratio to work.
+// CSS now has an aspect-ratio attribute that makes this super easy.
+// aspect-ratio is supported in all major browsers, most recently in Safari 15.
+// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
+// However, it isn't until jet 14 that we drop support for Safari 14.
+// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.
+// Also a user could just put aspect-ratio directly on their dom, instead of wrapping
+// it inside this AspectRatio component.
+// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has
+// width, not the same dom node. From css doc:
+// The size of the padding as a percentage, relative to the width of the containing block.
+// So the root dom node has the dimensions styling and the '::before' dom node
+// has the padding information.
+// 100%/ratio. 100/(4/3) = 75%
+// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%
+
+const baseDivStyles = "ozb0o6"; // 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.
+// TODO: Don't use fixed ratios. Let them specify any number
+
+const ratios = utils_UNSAFE_arrayUtils.stringLiteralArray(['9/16', '1/1', '6/5', '5/4', '4/3', '11/8', '1.43/1', '3/2', '14/9', '16/10', '1.6180/1', '5/3', '16/9', '1.85/1', '1.9/1', '2/1', '2.2/1', '64/21', '2.4/1', '2.414/1', '2.76/1', '32/9', '18/5', '4/1']);
+const dimensions = utils_UNSAFE_arrayUtils.stringLiteralArray(['maxWidth', 'minWidth', 'width']); // Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]
+
+const widthDimensionInterpolation = Array.from(dimensions, x => utils_UNSAFE_interpolations_dimensions.dimensionInterpolations[x]);
+const interpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(widthDimensionInterpolation);
+/**
+ * The AspectRatio component displays its content with a certain ratio based on the dimension
+ * properties. Overflow content is hidden.
+ *
+ * It uses a common padding-bottom hack to do this. In future versions it will
+ * be implemented using the CSS's aspect-ratio property when the browsers we need to support
+ * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.
+ *
+ */
+
+function AspectRatio(_a) {
+  var {
+    children,
+    ratio = '1/1'
+  } = _a,
+      props = tslib_es6.__rest(_a, ["children", "ratio"]);
+
+  const _b = interpolations(props),
+        {
+    class: cls
+  } = _b,
+        styles = tslib_es6.__rest(_b, ["class"]);
+
+  const stylesWithAspectRatioVar = Object.assign(Object.assign({}, styles), {
+    '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio
+  });
+  return jsxRuntime.jsx("div", Object.assign({
+    class: classNames.classNames([baseDivStyles, cls]),
+    style: stylesWithAspectRatioVar
+  }, {
+    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.AspectRatio = AspectRatio;
+exports.ratios = ratios;
+/*  */
+//# sourceMappingURL=UNSAFE_AspectRatio.js.map

package/cjs/UNSAFE_AspectRatio.js.map

@@ -0,0 +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,0CAAA,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,0CAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA;;AAoBA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,8DAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,oDAAA,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,gBAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;;;;"}

package/cjs/UNSAFE_Avatar.js

@@ -0,0 +1,111 @@
+/* @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');
+require('./utils/UNSAFE_classNames.js');
+require("identity-obj-proxy");
+var classNames = require('./classNames-825d80d7.js');
+
+/**
+ * An avatar represents a person or entity as initials or an image.
+ */
+
+function Avatar(_a) {
+  var {
+    children,
+    src
+  } = _a,
+      otherProps = tslib_es6.__rest(_a, ["children", "src"]);
+
+  if (src && !children) {
+    return jsxRuntime.jsx(ImageAvatar, Object.assign({
+      src: src
+    }, otherProps));
+  } else {
+    return jsxRuntime.jsx(ContentAvatar, Object.assign({}, otherProps, {
+      children: children
+    }));
+  }
+}
+
+const ImageAvatar = _a => {
+  var {
+    src
+  } = _a,
+      otherProps = tslib_es6.__rest(_a, ["src"]);
+
+  const classes = classNames.classNames([contentStyles.base, contentStyles.image]);
+  return jsxRuntime.jsx(AvatarWrapper, Object.assign({}, otherProps, {
+    children: jsxRuntime.jsx("div", {
+      class: classes,
+      style: {
+        backgroundImage: `url(${src})`
+      }
+    })
+  }));
+};
+
+const ContentAvatar = _a => {
+  var {
+    children,
+    initials
+  } = _a,
+      otherProps = tslib_es6.__rest(_a, ["children", "initials"]);
+
+  const classes = [contentStyles.base, contentStyles.content, initials ? contentStyles.initials : contentStyles.icon, !initials && childrenStyles];
+  const childContent = initials || children;
+  return jsxRuntime.jsx(AvatarWrapper, Object.assign({}, otherProps, {
+    children: jsxRuntime.jsx("div", Object.assign({
+      "aria-hidden": "true",
+      class: classNames.classNames(classes)
+    }, {
+      children: childContent
+    }))
+  }));
+};
+
+const AvatarWrapper = ({
+  background = 'neutral',
+  size = 'md',
+  shape = 'square',
+  children,
+  accessibleLabel
+}) => {
+  const classes = classNames.classNames([styles.base, `oj-c-avatar-bg-${background}`, `oj-c-avatar-${size}`, shape === 'circle' && styles.circle]);
+
+  if (accessibleLabel) {
+    return jsxRuntime.jsx("div", Object.assign({
+      "aria-label": accessibleLabel,
+      role: "img",
+      class: classes
+    }, {
+      children: children
+    }));
+  } else {
+    return jsxRuntime.jsx("div", Object.assign({
+      class: classes
+    }, {
+      children: children
+    }));
+  }
+};
+
+const styles = {
+  base: "_15sgeok",
+  circle: "_1wwwg9g"
+};
+const childrenStyles = "_1bfdaqr";
+const contentStyles = {
+  base: "ixizoq",
+  content: "y2gbyv",
+  image: "ex7hqq",
+  initials: "w5ngqh",
+  icon: "b5bloj"
+};
+
+exports.Avatar = Avatar;
+/*  */
+//# sourceMappingURL=UNSAFE_Avatar.js.map

package/cjs/UNSAFE_Avatar.js.map

@@ -0,0 +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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<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   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\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    !initials && childrenStyles\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 childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\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","childrenStyles"],"mappings":";;;;;;;;;;;AAyDA;;AAEG;;AACH,SAAAA,MAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,IAAAC,GAAA,IAAA,CAAAC,QAAA,EAAA;;;;AAEC,GAFD,MAEO;IACL,OAAAC,cAAA,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,gBAAA,CAAAT,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAU,OAAA,GAAAC,qBAAA,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,6BAAA,CAAA,CAAA;AAOA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAhBA,CAAA;;AAkBA,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;yCAQIC,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,cAAA,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,cAAA,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,UAAA;;AAAA,CAAA,CAAA;AAYA,MAAAI,cAAA,GAAA,UAAA,CAAA;AAUA,MAAAf,aAAA,GAAA;QAAA,QAAA;WAAA,QAAA;SAAA,QAAA;YAAA,QAAA;;AAAA,CAAA;;;;;;;"}

package/cjs/UNSAFE_Badge.js

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

package/cjs/UNSAFE_Badge.js.map

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

package/cjs/UNSAFE_BaseButton.js

@@ -0,0 +1,36 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BaseButton = require('./BaseButton-82e1ea19.js');
+require('./tslib.es6-d7adde1f.js');
+require('preact/jsx-runtime');
+require('./hooks/UNSAFE_usePress.js');
+require('preact/hooks');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('./hooks/UNSAFE_useActive.js');
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('preact/compat');
+require("identity-obj-proxy");
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_size.js');
+require('./_curry1-72279dc6.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+require('./utils/PRIVATE_clientHints.js');
+require('./clientHints-78b0e917.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('preact');
+require('./utils/UNSAFE_mergeProps.js');
+
+
+
+exports.BaseButton = BaseButton.BaseButton;
+/*  */
+//# sourceMappingURL=UNSAFE_BaseButton.js.map

package/cjs/UNSAFE_BaseButton.js.map

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

package/cjs/UNSAFE_Button.js

@@ -0,0 +1,39 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Button = require('./Button-b68878ba.js');
+require('preact/jsx-runtime');
+require('./UNSAFE_BaseButton.js');
+require('./BaseButton-82e1ea19.js');
+require('./tslib.es6-d7adde1f.js');
+require('./hooks/UNSAFE_usePress.js');
+require('preact/hooks');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('./hooks/UNSAFE_useActive.js');
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('preact/compat');
+require("identity-obj-proxy");
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_size.js');
+require('./_curry1-72279dc6.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+require('./utils/PRIVATE_clientHints.js');
+require('./clientHints-78b0e917.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('preact');
+require('./utils/UNSAFE_mergeProps.js');
+
+
+
+exports.Button = Button.Button;
+exports.ButtonLayout = Button.ButtonLayout;
+/*  */
+//# sourceMappingURL=UNSAFE_Button.js.map

package/cjs/UNSAFE_Button.js.map

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

package/cjs/UNSAFE_Center.js

@@ -0,0 +1,49 @@
+/* @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');
+require('./UNSAFE_Flex.js');
+var Flex = require('./Flex-71c6255f.js');
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_size.js');
+require('./_curry1-72279dc6.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.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');
+
+/**
+ * Center is a convenience component that creates a flexbox
+ * with justifyContent: center and alignItems: center.
+ *
+ */
+// TODO: How do I add background-color, border, etc?
+function Center(_a) {
+    var { children, width = '100%', height = '100%' } = _a, props = tslib_es6.__rest(_a, ["children", "width", "height"]);
+    return (jsxRuntime.jsx(Flex.Flex, Object.assign({}, props, { justify: "center", align: "center", width: width, height: height }, { 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.Center = Center;
+/*  */
+//# sourceMappingURL=UNSAFE_Center.js.map

package/cjs/UNSAFE_Center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_Center.js","sources":["../../src/UNSAFE_Center/Center.tsx","../../src/UNSAFE_Center/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\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 { Center } from './Center';\n"],"names":["__rest","_jsx","Flex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;;;;AAIG;AACH;AACA,SAAS,MAAM,CAAC,EAA8D,EAAA;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAmB,GAAA,EAAA,EAAd,KAAK,GAAAA,gBAAA,CAAA,EAAA,EAArD,+BAAuD,CAAF,CAAA;IACnE,QACEC,cAAC,CAAAC,SAAI,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAC1E,EAAA,EAAA,QAAA,EAAA,QAAQ,EACJ,CAAA,CAAA,EACP;AACJ;;ACpBA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_Chip.js

@@ -0,0 +1,26 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Chip = require('./Chip-81ae6291.js');
+require('preact/jsx-runtime');
+require('./hooks/UNSAFE_useActionable.js');
+require('./utils/UNSAFE_mergeProps.js');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('preact/hooks');
+require('./hooks/UNSAFE_useActive.js');
+require('./hooks/UNSAFE_useFocus.js');
+require('./hooks/UNSAFE_usePress.js');
+require("identity-obj-proxy");
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('preact');
+
+
+
+exports.Chip = Chip.Chip;
+/*  */
+//# sourceMappingURL=UNSAFE_Chip.js.map

package/cjs/UNSAFE_Chip.js.map

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