@oracle/oraclejet-preact 14.0.6 → 14.0.8

package/amd/UNSAFE_Avatar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-14cea078"],function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([j.base,j.image]);return a.jsx(l,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},t=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const t=[j.base,j.content,i?j.initials:j.icon,!i&&b],d=i||c;return a.jsx(l,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(t)},{children:d}))}))},l=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:i})):a.jsx("div",Object.assign({class:t},{children:i}))},d={base:"_97ed4b",circle:"_1ejzqin"},b="nvqrk4",j={base:"_52k45p",content:"_14ymsjk",image:"_1vbataw",initials:"_9f88er",icon:"_7ech9k"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(t,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f5cdfdde","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-d0ddb6e6"],function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([j.base,j.image]);return a.jsx(l,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},t=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const t=[j.base,j.content,i?j.initials:j.icon,!i&&b],d=i||c;return a.jsx(l,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(t)},{children:d}))}))},l=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:i})):a.jsx("div",Object.assign({class:t},{children:i}))},d={base:"_1mc08q1",circle:"s8wbxn"},b="wjem6h",j={base:"_168rnfs",content:"_12r88pu",image:"_6srlkn",initials:"wmc9w8",icon:"_1ffrlzr"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(t,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Avatar.js.map

package/amd/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 { 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":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class","childrenStyles"],"mappings":"gKAoEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,mCAKFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACA,eAAAC,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,6BAYAO,EAAA,SAUApB,EAAA,MAAA,kBAAA,iBAAA,oBAAA,mCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}
+{"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":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class","childrenStyles"],"mappings":"gKAoEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,mCAKFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACA,eAAAC,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,4BAYAO,EAAA,SAUApB,EAAA,MAAA,mBAAA,iBAAA,mBAAA,mCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}

package/amd/UNSAFE_Badge.css

@@ -1,13 +1,13 @@
-._19q1vvr{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:middle;}
-._1axuh6i{border-top-right-radius:0;border-bottom-right-radius:0;}
-.akynap{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
-._1jwmd3h{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
-._1lgiijs{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
-.m1a86q{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
-._14z8y8u{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-._1x2b04h{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
-.exvfog{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
-._1a1vqvm{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
-._1bsfbqw{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
-._15q4b6v{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
-.nco491 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1xwq386{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:middle;}
+._1e54i0f{border-top-right-radius:0;border-bottom-right-radius:0;}
+._1lqxuiw{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
+._1ehbv2z{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
+._1ad6c7y{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
+._1kjljct{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
+._12z0iru{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+.cbi9il{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
+.x3qb27{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
+.f1aq50{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
+._1tgzirr{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
+.tlbvwc{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
+.e7824f > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Badge.js

@@ -1,2 +1,2 @@
-define(["exports","./Badge-7df5d353","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-14cea078","css!./UNSAFE_Badge.css"],function(e,a,s,t,d,i){"use strict";e.Badge=a.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Badge-5724474e","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","css!./UNSAFE_Badge.css"],function(e,s,a,d,t,i){"use strict";e.Badge=s.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Badge.js.map

package/amd/UNSAFE_BaseButton.css

@@ -1,15 +1,15 @@
-.bz4a5q{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}.bz4a5q:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}.bz4a5q:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.gfvpkp:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
-._1ineg5n{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
-@media(hover:hover){._1epyo4e:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-@media(hover:hover){.ime6h4:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-._12ynms3{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
-._1o8u0l1{padding-inline-start:0;padding-inline-end:0;}
-.ahkwm8{width:100%;}
-.idmyy9{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.idmyy9:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-.ix6he2{height:100%;display:flex;}.ix6he2:focus-visible{outline-style:none;}
-._152166t{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-.pqn4ds{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-._1rvbo1h{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
-._10lmwdm{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
-.q1i3bi > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.ksahlt{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}.ksahlt:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}.ksahlt:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.lx8jo6:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
+.xj42au{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
+@media(hover:hover){.ldw31o:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+@media(hover:hover){.mn5aqu:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+._10wxsdo{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
+.zq08n5{padding-inline-start:0;padding-inline-end:0;}
+.l8fx6d{width:100%;}
+._7m7mld{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._7m7mld:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+._15oozcv{height:100%;display:flex;}._15oozcv:focus-visible{outline-style:none;}
+._1oz5jd{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+.ahkl0k{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+._25t8eq{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
+.ymbvo5{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+._18wfsc4 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_BaseButton.js

@@ -1,2 +1,2 @@
-define(["exports","./BaseButton-7b3d7ae3","./tslib.es6-10853083","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-14cea078","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,s,t,o,a,i,r,u,l,c,n,_,A,N,E,U,F,S,b,p,d,h,m,k,B,f){"use strict";e.BaseButton=s.BaseButton,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./BaseButton-19147e28","./tslib.es6-f5cdfdde","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./utils/PRIVATE_clientHints","./clientHints-688646f4","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,s,t,o,i,a,r,u,c,l,n,_,A,N,d,E,U,F,S,b,p,f,h,m,k,B){"use strict";e.BaseButton=s.BaseButton,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_BaseButton.js.map

package/amd/UNSAFE_Button.css

@@ -1,8 +1,8 @@
-.s1c0bb{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-.st2q91{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-.ad60kc{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.e276hy{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.ed0ed7{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-.cko306{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._1u4rq1g{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-.l88hmx{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+._1fdeq0x{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._1vuost{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._1d459pe{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._6td4uc{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+.t9id94{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._1yc8dwt{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+.kwo9y7{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._1buo02f{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}

package/amd/UNSAFE_Button.js

@@ -1,2 +1,2 @@
-define(["exports","./Button-d575f4d8","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-7b3d7ae3","./tslib.es6-10853083","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-14cea078","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,u,a,i,r,n,l,c,_,A,N,E,U,F,S,d,b,p,B,h,m,y,f,k,g){"use strict";e.Button=t.Button,e.ButtonLayout=t.ButtonLayout,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Button-a416ba53","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-19147e28","./tslib.es6-f5cdfdde","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./utils/PRIVATE_clientHints","./clientHints-688646f4","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,a,u,i,r,n,c,l,_,A,N,E,U,d,F,S,b,p,B,f,h,m,y,k,g){"use strict";e.Button=t.Button,e.ButtonLayout=t.ButtonLayout,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Button.js.map

package/amd/UNSAFE_Center.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./UNSAFE_Flex","./Flex-95e67964","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d"],function(e,i,t,s,l,n,r,a,c,o,u,_,d,h,x,F,f,N,b,U,A,E){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f5cdfdde","preact/jsx-runtime","./UNSAFE_Flex","./Flex-1da2d394","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38"],function(e,i,t,s,l,n,r,a,c,d,o,u,_,f,h,x,F,b,N,U,A,E){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Center.js.map

package/amd/UNSAFE_Chip.css

@@ -1,7 +1,7 @@
-.ow3ypb{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.ow3ypb:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.rq2tb9{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-.i464hw{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._1439x0i{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-._1cuumt6{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-.f27y2p{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-._16m8pb8 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.vyoog1{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.vyoog1:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._1rtm8m1{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+.ctomrw{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1x491i1{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+._66n9at{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._1vqrge0{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._9448fl > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Chip.js

@@ -1,2 +1,2 @@
-define(["exports","./Chip-c048386f","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress","css!./UNSAFE_Chip.css","./utils/UNSAFE_classNames","./classNames-14cea078","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,u,a,i,t,c,r,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Chip-131e9a76","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress","css!./UNSAFE_Chip.css","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,u,a,i,t,r,c,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Chip.js.map

package/amd/UNSAFE_Collapsible.css

@@ -1,9 +1,9 @@
-._11f5jxn > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.kqb58p{cursor:pointer;}.kqb58p:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1vsj5cn{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._9waznq{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+.kdvkia{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1uq17fr{flex-grow:1;}._1uq17fr > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1da5m77{padding-inline-start:16px;}
+._9u56sq{padding-inline-end:16px;}
 
-.yxs2ua{cursor:pointer;}.yxs2ua:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1ylhsvl{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._1cfnkla{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-._16rxp3d{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.blqta6{flex-grow:1;}.blqta6 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1byfxwk{padding-inline-start:16px;}
-._1wfjdyg{padding-inline-end:16px;}
+.alqzm9 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Collapsible.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId","preact","css!./UNSAFE_Collapsible.css","./utils/UNSAFE_classNames","./UNSAFE_Flex","./UNSAFE_Divider","./index-2155a66c","./index-240ba9ad","./hooks/UNSAFE_usePress","./classNames-14cea078","./Flex-95e67964","./Divider-0e4c5047","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744","./tslib.es6-10853083","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./UNSAFE_Icon","./Icon-f927c830","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-d29f2f68","preact/compat","./index-367c5592","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTheme"],function(e,s,n,i,t,o,a,l,r,d,c,u,x,g,h,p,E,_,b,m,F,N,A,S,U,j,f,v,k,I,y,O,P,H,T,C,D,w,R,z,$,V,q,L,M,Y,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:n})=>{const i="start"===n&&e?c.SvgIcoChevronDown:d.CollapseIcon,t="end"===n&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,o="start"===n?i:t;return s.jsx(o,{size:"6x"})},X="yxs2ua",Z="_1ylhsvl",ee="_1cfnkla",se="_16rxp3d",ne="blqta6",ie="_1byfxwk",te="_1wfjdyg",oe=({children:e,id:i,contentId:o,isDisabled:a,isExpanded:l,iconPosition:r,variant:d="basic",toggleHandler:c})=>{const p=x.classNames([X,"horizontal-rule"===d&&se,l&&"horizontal-rule"!==d&&Z,a&&ee]),E=x.classNames([ne,"end"===r&&te,"start"===r&&ie]),_=n.useCallback(e=>{c(e.target)},[c]),{pressProps:b}=u.usePress(_,{isDisabled:a,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":o,"aria-expanded":l,id:i,tabIndex:0,className:p},b,{children:s.jsx(g.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className:E},{children:e})),s.jsx(W,{iconPosition:r,isExpanded:l}),"start"===r&&s.jsx("div",Object.assign({className:E},{children:e}))]})}))})),"horizontal-rule"===d&&s.jsx(h.Divider,{})]})},ae=({children:e,id:i,isExpanded:t,onTransitionEnd:o})=>{const[a,l]=n.useState(t?"expanding":"unmounted"),r=n.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});n.useEffect(()=>{("unmounted"!==a||t)&&l(t?"expanding":"collapsing")},[t,a]);const{nodeRef:d}=E.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"_11f5jxn",ref:d,id:i,tabIndex:-1,style:r.current,"aria-hidden":!t||void 0},{children:"unmounted"!==a&&e}))},le={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:a=!1,isExpanded:l=!1,iconPosition:r="start",variant:d="basic",onToggle:c,onTransitionEnd:u})=>{const x=n.useRef(null),g=i.useId(),h=`oj-collapsible-header-${g}`,p=`oj-collapsible-content-${g}`,E=n.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),_=n.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(oe,Object.assign({id:h,contentId:p,toggleHandler:E,isDisabled:a,isExpanded:l,iconPosition:r,variant:d},{children:t})),s.jsx(ae,Object.assign({id:p,isExpanded:l,onTransitionEnd:_},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId","preact","css!./UNSAFE_Collapsible.css","./utils/UNSAFE_classNames","./UNSAFE_Flex","./UNSAFE_Divider","./index-2f61a0e0","./index-d54f6449","./hooks/UNSAFE_usePress","./classNames-d0ddb6e6","./Flex-1da2d394","./Divider-09385658","./hooks/UNSAFE_useAnimation","./useAnimation-5f1db993","./tslib.es6-f5cdfdde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38","./UNSAFE_Icon","./Icon-4e765cae","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-de2b8be5","preact/compat","./index-6871cdf1","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTheme"],function(e,s,n,i,t,o,a,l,d,r,c,u,x,g,h,p,E,b,m,_,F,N,A,S,U,f,j,v,k,I,O,P,H,y,T,C,D,z,R,q,w,$,V,L,M,Y,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:n})=>{const i="start"===n&&e?c.SvgIcoChevronDown:r.CollapseIcon,t="end"===n&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,o="start"===n?i:t;return s.jsx(o,{size:"6x"})},X="kqb58p",Z="_1vsj5cn",ee="_9waznq",se="kdvkia",ne="_1uq17fr",ie="_1da5m77",te="_9u56sq",oe=({children:e,id:i,contentId:o,isDisabled:a,isExpanded:l,iconPosition:d,variant:r="basic",toggleHandler:c})=>{const p=x.classNames([X,"horizontal-rule"===r&&se,l&&"horizontal-rule"!==r&&Z,a&&ee]),E=x.classNames([ne,"end"===d&&te,"start"===d&&ie]),b=n.useCallback(e=>{c(e.target)},[c]),{pressProps:m}=u.usePress(b,{isDisabled:a,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":o,"aria-expanded":l,id:i,tabIndex:0,className:p},m,{children:s.jsx(g.Flex,Object.assign({align:"center",justify:"start"===d?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===d&&s.jsx("div",Object.assign({className:E},{children:e})),s.jsx(W,{iconPosition:d,isExpanded:l}),"start"===d&&s.jsx("div",Object.assign({className:E},{children:e}))]})}))})),"horizontal-rule"===r&&s.jsx(h.Divider,{})]})},ae=({children:e,id:i,isExpanded:t,onTransitionEnd:o})=>{const[a,l]=n.useState(t?"expanding":"unmounted"),d=n.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});n.useEffect(()=>{("unmounted"!==a||t)&&l(t?"expanding":"collapsing")},[t,a]);const{nodeRef:r}=E.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"alqzm9",ref:r,id:i,tabIndex:-1,style:d.current,"aria-hidden":!t||void 0},{children:"unmounted"!==a&&e}))},le={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:a=!1,isExpanded:l=!1,iconPosition:d="start",variant:r="basic",onToggle:c,onTransitionEnd:u})=>{const x=n.useRef(null),g=i.useId(),h=`oj-collapsible-header-${g}`,p=`oj-collapsible-content-${g}`,E=n.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),b=n.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(oe,Object.assign({id:h,contentId:p,toggleHandler:E,isDisabled:a,isExpanded:l,iconPosition:d,variant:r},{children:t})),s.jsx(ae,Object.assign({id:p,isExpanded:l,onTransitionEnd:b},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Collapsible.js.map

package/amd/UNSAFE_Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    cursor: 'pointer',\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n  expanded: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`,\n  divider: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nconst childrenStylesBase = {\n  base: cssProps`${{\n    flexGrow: 1,\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`,\n  iconStart: cssProps`${{\n    paddingInlineStart: '16px'\n  }}`,\n  iconEnd: cssProps`${{\n    paddingInlineEnd: '16px'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([\n    styles.base,\n    variant === 'horizontal-rule' && styles.divider,\n    isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n    isDisabled && styles.disabled\n  ]);\n\n  const childrenClasses = classNames([\n    childrenStylesBase.base,\n    iconPosition === 'end' && childrenStylesBase.iconEnd,\n    iconPosition === 'start' && childrenStylesBase.iconStart\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        id={id}\n        tabIndex={0}\n        className={classes}\n        {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nconst styles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n  /**\n   * Id of the component\n   */\n  id?: string;\n\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * The content node to be collapsed\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n"],"names":["CollapsibleHeaderIcon","isExpanded","iconPosition","startIcon","ExpandIcon","CollapseIcon","endIcon","CollapseUpIcon","Icon","_jsx","size","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","variant","toggleHandler","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","jsx","Object","assign","role","tabIndex","className","classes","Flex","align","justify","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from","header","onToggle","rootRef","useRef","uniqueID","useId","headerId","value","transitionEndHandler"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    cursor: 'pointer',\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n  expanded: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`,\n  divider: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nconst childrenStylesBase = {\n  base: cssProps`${{\n    flexGrow: 1,\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`,\n  iconStart: cssProps`${{\n    paddingInlineStart: '16px'\n  }}`,\n  iconEnd: cssProps`${{\n    paddingInlineEnd: '16px'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([\n    styles.base,\n    variant === 'horizontal-rule' && styles.divider,\n    isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n    isDisabled && styles.disabled\n  ]);\n\n  const childrenClasses = classNames([\n    childrenStylesBase.base,\n    iconPosition === 'end' && childrenStylesBase.iconEnd,\n    iconPosition === 'start' && childrenStylesBase.iconStart\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        id={id}\n        tabIndex={0}\n        className={classes}\n        {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nconst styles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n  /**\n   * Id of the component\n   */\n  id?: string;\n\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * The content node to be collapsed\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n"],"names":["CollapsibleHeaderIcon","isExpanded","iconPosition","startIcon","ExpandIcon","CollapseIcon","endIcon","CollapseUpIcon","Icon","_jsx","size","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","variant","toggleHandler","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","jsx","Object","assign","role","tabIndex","className","classes","Flex","align","justify","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from","header","onToggle","rootRef","useRef","uniqueID","useId","headerId","value","transitionEndHandler"],"mappings":"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"}

package/amd/UNSAFE_ComponentMessage.css

@@ -1,3 +1,3 @@
-.qpveq1{overflow-x:hidden;overflow-y:hidden;}
+._9ikekf{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-._9f37uf{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+._1hknbzw{overflow-x:hidden;overflow-y:hidden;}

package/amd/UNSAFE_ComponentMessage.js

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-e718a00c","./ComponentMessageContainer-b043c5d9","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-95e67964","./tslib.es6-10853083","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./utils/PRIVATE_timer","./MessageCloseButton-970cbd82","./UNSAFE_Button","./Button-d575f4d8","./UNSAFE_BaseButton","./BaseButton-7b3d7ae3","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-2155a66c","./index-240ba9ad","./UNSAFE_Icon","./Icon-f927c830","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-d29f2f68","./index-367c5592","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744","./hooks/UNSAFE_useTheme","./MessageDetail-ddfaa852","./MessageFormattingUtils-fbc95605","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-20539320","./Message.types-c19a2d25","./MessageStartIcon-0470534b","./MessageSummary-71773382","./MessageTimestamp-2f08c777","./MessageUtils-9295af3b","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-4b874934","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-c8f46f15"],function(e,s,t,o,i,a,n,l,u,_,A,r,U,E,F,c,N,S,d,g,m,p,b,f,M,h,k,x,T,C,I,y,P,B,R,V,H,v,j,L,O,z,D,G,q,w,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,ue,_e,Ae,re,Ue,Ee,Fe,ce,Ne,Se,de,ge,me,pe,be,fe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ComponentMessage-630becdf","./ComponentMessageContainer-11b0304c","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-1da2d394","./tslib.es6-f5cdfdde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38","./utils/PRIVATE_timer","./MessageCloseButton-60db7be7","./UNSAFE_Button","./Button-a416ba53","./UNSAFE_BaseButton","./BaseButton-19147e28","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-688646f4","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-2f61a0e0","./index-d54f6449","./UNSAFE_Icon","./Icon-4e765cae","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-de2b8be5","./index-6871cdf1","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5f1db993","./hooks/UNSAFE_useTheme","./MessageDetail-7918d7e4","./MessageFormattingUtils-4063485a","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-51e08a5f","./Message.types-4b8afc3d","./MessageStartIcon-637c962e","./MessageSummary-6fe541fe","./MessageTimestamp-6dc78d5b","./MessageUtils-e57bb07e","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-e92eb23e","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-f6ee2f4a"],function(e,s,t,o,i,n,a,l,u,_,A,r,U,E,F,c,N,S,d,g,b,f,m,p,M,h,k,x,T,C,I,y,P,B,R,V,H,v,j,L,O,z,D,G,q,w,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ie,ne,ae,le,ue,_e,Ae,re,Ue,Ee,Fe,ce,Ne,Se,de,ge,be,fe,me,pe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ComponentMessage.js.map

package/amd/UNSAFE_Divider.css

@@ -1 +1 @@
-._1tm2ggs{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}
+._1pwd9w9{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}

package/amd/UNSAFE_Divider.js

@@ -1,2 +1,2 @@
-define(["exports","./Divider-0e4c5047","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry1-8acb7bd9","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac"],function(e,r,i,s,a,c,t,u,l,n,_){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Divider-09385658","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./_curry1-bee77b02","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306"],function(e,r,i,s,a,c,t,d,u,l,n){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Divider.js.map

package/amd/UNSAFE_FilePicker.css

@@ -1,6 +1,6 @@
-._1hx7mch{display:block;height:100%;width:100%;}
-._1fm0bgf{max-width:400px;}
-.qin7ge{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}.qin7ge:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-.c4s6lu:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
-@media(hover:hover){.lnafia:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
-._16u1zj > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.u00bbi{display:block;height:100%;width:100%;}
+._1krjoba{max-width:400px;}
+._1pukwb1{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}._1pukwb1:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+.t8olpe:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
+@media(hover:hover){._5sbomf:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
+._3con2w > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_FilePicker.js

@@ -1,2 +1,2 @@
-define(["exports","./FilePicker-89374ddb","./tslib.es6-10853083","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-14cea078","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_FilePicker.css","./UNSAFE_Text","./Text-617f0e96","./utils/UNSAFE_mergeInterpolations","./_curry1-8acb7bd9","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./UNSAFE_Spacer","./Spacer-bcde3cb4","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./keys-5d739900","./utils/UNSAFE_stringUtils","./stringUtils-20539320","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTabbableMode"],function(e,s,i,t,r,l,a,o,c,n,_,u,U,F,E,N,S,A,d,p,b,k,f,m,P,h,y,g,x,T,v,H,j,I,M,z,B,L){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./FilePicker-8bf23b98","./tslib.es6-f5cdfdde","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_FilePicker.css","./UNSAFE_Text","./Text-75ed9308","./utils/UNSAFE_mergeInterpolations","./_curry1-bee77b02","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./UNSAFE_Spacer","./Spacer-0a0ef1ce","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38","./keys-fc8999ee","./utils/UNSAFE_stringUtils","./stringUtils-51e08a5f","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./clientHints-688646f4","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTabbableMode"],function(e,s,i,t,r,l,a,o,c,n,_,u,U,F,E,N,S,A,d,f,p,b,k,m,P,h,y,g,x,T,v,H,j,I,M,z,B,L){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_FilePicker.js.map

package/amd/UNSAFE_Flex.css

@@ -1,2 +1,2 @@
-.l4jzt9{display:flex;}
-.xck1o > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.z32lin{display:flex;}
+._1vdgnf1 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Flex.js

@@ -1,2 +1,2 @@
-define(["exports","./Flex-95e67964","./tslib.es6-10853083","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","css!./UNSAFE_Flex.css","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d"],function(e,i,s,t,l,a,r,n,o,u,_,c,x,F,N,b,f,U,m,p,A){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Flex-1da2d394","./tslib.es6-f5cdfdde","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","css!./UNSAFE_Flex.css","./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38"],function(e,i,s,t,l,a,r,n,o,c,u,d,_,f,x,F,b,N,U,m,p){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Flex.js.map

package/amd/UNSAFE_Floating.js

@@ -1,2 +1,2 @@
-define(["exports","./Floating-d29f2f68","preact/jsx-runtime","preact/hooks","preact/compat","./index-367c5592","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils"],function(e,t,i,s,o,r,a,l,n,u,c,U,_,E){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Floating-de2b8be5","preact/jsx-runtime","preact/hooks","preact/compat","./index-6871cdf1","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils"],function(e,t,i,s,o,r,a,l,n,u,c,U,_,E){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Floating.js.map

package/amd/UNSAFE_FocusTrap.css

@@ -1,3 +1,3 @@
-._1ml0xhb > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._5u2ewv > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-.rcuiq{height:0px;left:0;position:fixed;top:0;width:1px;}
+._1brwwn7{height:0px;left:0;position:fixed;top:0;width:1px;}

package/amd/UNSAFE_FocusTrap.js

@@ -1,2 +1,2 @@
-define(["exports","./FocusTrap-dea153a7","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames","./classNames-14cea078","css!./UNSAFE_FocusTrap.css","./utils/PRIVATE_tabbableUtils","./_curry1-8acb7bd9","./_curry2-217feee5","./_curry3-3b4923a5"],function(e,a,r,c,s,t,u,i,l,p,o,b){"use strict";e.FocusTrap=a.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./FocusTrap-e0295e15","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","css!./UNSAFE_FocusTrap.css","./utils/PRIVATE_tabbableUtils","./_curry1-bee77b02","./_curry2-fcaaab1b","./_curry3-e03383af"],function(e,a,r,s,c,t,u,i,b,l,p,o){"use strict";e.FocusTrap=a.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_FocusTrap.js.map

package/amd/UNSAFE_Grid.css

@@ -1 +1 @@
-._1067zry{display:grid;}
+._11avi5t{display:grid;}

package/amd/UNSAFE_Grid.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","css!./UNSAFE_Grid.css","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-5d739900","./_curry1-8acb7bd9","./_has-eb5860ac","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry3-3b4923a5","./_curry2-217feee5"],function(e,s,t,i,r,a,l,n,c,o,u,_,b,d,p,g){"use strict";const y=[...Object.values(r.gridInterpolations),...Object.values(a.boxAlignmentInterpolations)],N=l.mergeInterpolations(y);e.Grid=e=>{var{children:i}=e,r=s.__rest(e,["children"]);const a=N(r),{class:l}=a,n=s.__rest(a,["class"]),c=Object.assign({},n);return t.jsx("div",Object.assign({class:`_1067zry ${l}`,style:c},{children:i}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-f5cdfdde","preact/jsx-runtime","css!./UNSAFE_Grid.css","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-fc8999ee","./_curry1-bee77b02","./_has-cc9d7306","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./_curry3-e03383af","./_curry2-fcaaab1b"],function(e,s,t,i,r,a,l,n,c,o,d,u,_,b,p,f){"use strict";const g=[...Object.values(r.gridInterpolations),...Object.values(a.boxAlignmentInterpolations)],N=l.mergeInterpolations(g);e.Grid=e=>{var{children:i}=e,r=s.__rest(e,["children"]);const a=N(r),{class:l}=a,n=s.__rest(a,["class"]),c=Object.assign({},n);return t.jsx("div",Object.assign({class:`_11avi5t ${l}`,style:c},{children:i}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Grid.js.map

package/amd/UNSAFE_Heading.css

@@ -1,9 +1,9 @@
-.mukgge{margin:0;}
-._1svx6sw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height);}
-._1v1fcll{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height);}
-.qmhhik{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height);}
-.b73fko{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height);}
-._1f8iej8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height);}
-.ddbcm2{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height);}
-._1xr36ak{font-size:inherit;font-weight:inherit;line-height:inherit;}
-._37g47r > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.indv0t{margin:0;}
+.c9gw3m{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height);}
+.ft69r6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height);}
+._1tn601o{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height);}
+.d8uoho{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height);}
+.fl4l7i{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height);}
+.ee7yql{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height);}
+.yk7l3n{font-size:inherit;font-weight:inherit;line-height:inherit;}
+.dw3l0s > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Heading.js

@@ -1,2 +1,2 @@
-define(["exports","./Heading-d20ac2b9","./tslib.es6-10853083","preact/jsx-runtime","./keys-5d739900","./_curry1-8acb7bd9","./_has-eb5860ac","./utils/UNSAFE_arrayUtils","css!./UNSAFE_Heading.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry3-3b4923a5","./_curry2-217feee5"],function(e,s,a,i,t,n,r,c,l,d,u,_,o,p){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Heading-120a3ae0","./tslib.es6-f5cdfdde","preact/jsx-runtime","./keys-fc8999ee","./_curry1-bee77b02","./_has-cc9d7306","./utils/UNSAFE_arrayUtils","css!./UNSAFE_Heading.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./_curry3-e03383af","./_curry2-fcaaab1b"],function(e,s,a,i,t,n,r,d,c,l,u,_,f,o){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Heading.js.map

package/amd/UNSAFE_HiddenAccessible.css

@@ -1 +1 @@
-.lptkai{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+._1k9zn1p{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/amd/UNSAFE_HiddenAccessible.js

@@ -1,2 +1,2 @@
-define(["exports","./HiddenAccessible-c8f46f15","preact/jsx-runtime","css!./UNSAFE_HiddenAccessible.css"],function(e,i,c,s){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./HiddenAccessible-f6ee2f4a","preact/jsx-runtime","css!./UNSAFE_HiddenAccessible.css"],function(e,i,s,c){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_HiddenAccessible.js.map

package/amd/UNSAFE_HighlightText.css

@@ -1 +1 @@
-._7jeop9{font-weight:700;}
+.kjiqu1{font-weight:700;}

package/amd/UNSAFE_HighlightText.js

@@ -1,2 +1,2 @@
-define(["exports","./HighlightText-794dd54c","preact/jsx-runtime","preact","css!./UNSAFE_HighlightText.css"],function(e,t,i,r,c){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./HighlightText-a38e20af","preact/jsx-runtime","preact","css!./UNSAFE_HighlightText.css"],function(e,t,i,r,a){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_HighlightText.js.map