@oracle/oraclejet-preact 14.0.17 → 14.0.18

package/amd/UNSAFE_Avatar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-74fb34cf","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-e64f6be5"],function(s,e,a,i,c,r){"use strict";const n=s=>{var{src:i}=s,c=e.__rest(s,["src"]);const n=r.classNames([o.base,o.image]);return a.jsx(l,Object.assign({},c,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${i})`}})}))},t=s=>{var{children:i,initials:c}=s,n=e.__rest(s,["children","initials"]);const t=[o.base,o.content,c?o.initials:o.icon,!c&&b],d=c||i;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:i="square",children:c,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===i&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:c})):a.jsx("div",Object.assign({class:t},{children:c}))},d={base:"_1pn7q6f",circle:"w4gouf"},b="m269t5",o={base:"_1rmizgw",content:"_1ffgif7",image:"_132zzfm",initials:"_17vouva",icon:"sdqiv2"};s.Avatar=function(s){var{children:i,src:c}=s,r=e.__rest(s,["children","src"]);return c&&!i?a.jsx(n,Object.assign({src:c},r)):a.jsx(t,Object.assign({},r,{children:i}))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-9d88853c","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-f3dd3ee3"],function(s,e,a,i,c,r){"use strict";const n=s=>{var{src:i}=s,c=e.__rest(s,["src"]);const n=r.classNames([j.base,j.image]);return a.jsx(l,Object.assign({},c,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${i})`}})}))},t=s=>{var{children:i,initials:c}=s,n=e.__rest(s,["children","initials"]);const t=[j.base,j.content,c?j.initials:j.icon,!c&&b],d=c||i;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:i="square",children:c,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===i&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:c})):a.jsx("div",Object.assign({class:t},{children:c}))},d={base:"m17d6i",circle:"_7v49b6"},b="hqvxdk",j={base:"e4lk5d",content:"_1xg30zv",image:"li6fvg",initials:"_1bkkpo3",icon:"_1yuxmd0"};s.Avatar=function(s){var{children:i,src:c}=s,r=e.__rest(s,["children","src"]);return c&&!i?a.jsx(n,Object.assign({src:c},r)):a.jsx(t,Object.assign({},r,{children:i}))},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,4BAYAO,EAAA,SAUApB,EAAA,MAAA,mBAAA,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,2BAYAO,EAAA,SAUApB,EAAA,MAAA,iBAAA,iBAAA,kBAAA,qCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}

package/amd/UNSAFE_Badge.css

@@ -1,13 +1,13 @@
-._15atkyw{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;}
-.zndlqh{border-top-right-radius:0;border-bottom-right-radius:0;}
-._1caivv6{--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);}
-._1im3sp9{--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);}
-._1e580yc{--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);}
-.jur6c9{--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);}
-._1trfvsp{--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);}
-._8qmh04{--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);}
-._1364kbe{--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);}
-.nxt16z{--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);}
-.qtyals{--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);}
-._1w9npj6{--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);}
-._1quc8vq > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1s62pyz{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;}
+.ntrir{border-top-right-radius:0;border-bottom-right-radius:0;}
+._2jp1i4{--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);}
+.mf18bv{--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);}
+.g468on{--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);}
+._1mkj2e{--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);}
+.rvldlw{--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);}
+.f54rl1{--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);}
+._1izee8v{--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);}
+._11iy5kg{--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);}
+.xx5yk2{--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);}
+._1d93bju{--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);}
+.k0n9ri > *{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-64e6fcda","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-e64f6be5","css!./UNSAFE_Badge.css"],function(e,a,s,t,i,c){"use strict";e.Badge=a.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Badge-cab31023","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","css!./UNSAFE_Badge.css"],function(e,a,s,t,d,i){"use strict";e.Badge=a.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Badge.js.map

package/amd/UNSAFE_BaseButton.css

@@ -1,15 +1,15 @@
-._169hcp6{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;}._169hcp6: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);}._169hcp6:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1grekpw: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);}
-.ncfq3b{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){.rhgei0: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){._1i1shu6: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);}}
-.t4l5ff{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);}
-._1difrnc{padding-inline-start:0;padding-inline-end:0;}
-.enjgtj{width:100%;}
-._1y96jw9{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._1y96jw9:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-._13vuma1{height:100%;display:flex;}._13vuma1:focus-visible{outline-style:none;}
-._1uv6uki{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-.t8f9iy{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-._1vlc968{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);}
-._117v71o{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;}
-._1yr5dql > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1xffyms{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;}._1xffyms: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);}._1xffyms:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.ybb0fr: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);}
+.hhejin{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){.hpslgv: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){.tzd76h: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);}}
+._1wvb5le{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);}
+._1bfjilj{padding-inline-start:0;padding-inline-end:0;}
+._4an509{width:100%;}
+.v6gexh{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.v6gexh:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+.twg9t0{height:100%;display:flex;}.twg9t0:focus-visible{outline-style:none;}
+.vam16o{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+.x82v86{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+.vtwqos{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);}
+.rbi7c{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;}
+._1q8ct35 > *{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-e1bc5ecf","./tslib.es6-74fb34cf","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-e64f6be5","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8ff28a98","./utils/UNSAFE_mergeInterpolations","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4","./utils/PRIVATE_clientHints","./clientHints-e7f42d0c","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,s,t,o,i,r,a,c,u,l,n,_,A,N,E,U,f,F,S,b,p,d,h,m,k,B){"use strict";e.BaseButton=s.BaseButton,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./BaseButton-d3a7182f","./tslib.es6-9d88853c","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e9025233","./utils/UNSAFE_mergeInterpolations","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe","./utils/PRIVATE_clientHints","./clientHints-eee7d2aa","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,s,t,o,a,i,r,u,l,n,_,c,A,N,E,U,F,S,d,p,f,h,m,k,B,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 @@
-.ix6ezs{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-._1lirbcy{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-.zksk0i{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.jbt70t{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-._2zco06{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);}
-._1t3quw7{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);}
-.aguhhx{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);}
-._1hxhk0n{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+.wlha44{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+.jp00ib{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._1befaqb{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._1ubnf0o{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._1ac51z7{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);}
+.f8dxo6{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);}
+._1iq68fk{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);}
+.eumni3{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-b2cfdb96","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-e1bc5ecf","./tslib.es6-74fb34cf","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-e64f6be5","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8ff28a98","./utils/UNSAFE_mergeInterpolations","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4","./utils/PRIVATE_clientHints","./clientHints-e7f42d0c","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,u,i,a,c,r,n,l,_,A,N,E,U,b,f,F,S,p,B,d,h,m,y,k,g){"use strict";e.Button=t.Button,e.ButtonLayout=t.ButtonLayout,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Button-af8ce77b","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-d3a7182f","./tslib.es6-9d88853c","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e9025233","./utils/UNSAFE_mergeInterpolations","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe","./utils/PRIVATE_clientHints","./clientHints-eee7d2aa","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,a,u,i,r,n,l,_,c,A,N,E,U,F,S,d,p,B,f,h,m,y,b,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-74fb34cf","preact/jsx-runtime","./UNSAFE_Flex","./Flex-d51505a6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8ff28a98","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e64f6be5","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-8e8a35ab","./utils/UNSAFE_interpolations/flexbox","./flexbox-779e73ea","./utils/UNSAFE_interpolations/flexitem","./flexitem-e6a6355c"],function(e,i,t,s,l,n,r,a,c,o,u,_,f,h,x,d,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})});
+define(["exports","./tslib.es6-9d88853c","preact/jsx-runtime","./UNSAFE_Flex","./Flex-98329367","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e9025233","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-3b7ed071","./utils/UNSAFE_interpolations/flexbox","./flexbox-926e15dc","./utils/UNSAFE_interpolations/flexitem","./flexitem-e03beddd"],function(e,i,t,s,l,n,r,a,o,u,c,d,_,h,x,f,F,N,U,A,E,S){"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 @@
-._7n346t{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._7n346t:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._137t2tm{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;}
-._78dbes{--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);}
-.m2boma{--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);}
-._8rm6qg{--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);}
-._4rap0z{--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);}
-._1rzc6tm > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1hrdy55{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1hrdy55:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._1ckinxh{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;}
+.i4om9v{--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);}
+._1xz0919{--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);}
+.n6h779{--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);}
+._1pumfdz{--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);}
+._1xg1po0 > *{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-8bc3f2b3","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-e64f6be5","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,u,i,t,a,r,c,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Chip-af7e2e0a","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-f3dd3ee3","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,a,u,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 @@
-.iz4zu > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._14wdzqw > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-._43uu6v{cursor:pointer;}._43uu6v:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._137h3ea{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._1injlmx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-.ql4wvw{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.skwsue{flex-grow:1;}.skwsue > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.zllz34{padding-inline-start:16px;}
-.we4mhq{padding-inline-end:16px;}
+.llfqct{cursor:pointer;}.llfqct:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.coq3nd{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+.obayjr{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._14kvxt{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1a0t2w1{flex-grow:1;}._1a0t2w1 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.h06yv4{padding-inline-start:16px;}
+._1idov01{padding-inline-end:16px;}

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-680090e2","./index-e91138c6","./hooks/UNSAFE_usePress","./classNames-e64f6be5","./Flex-d51505a6","./Divider-2c1748b0","./hooks/UNSAFE_useAnimation","./useAnimation-74110f0c","./tslib.es6-74fb34cf","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8ff28a98","./utils/UNSAFE_mergeInterpolations","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4","./utils/UNSAFE_interpolations/boxalignment","./keys-8e8a35ab","./utils/UNSAFE_interpolations/flexbox","./flexbox-779e73ea","./utils/UNSAFE_interpolations/flexitem","./flexitem-e6a6355c","./UNSAFE_Icon","./Icon-e13a0a05","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-2b860872","preact/compat","./index-28b36e2a","./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,i,n,t,o,a,l,r,d,c,u,x,h,g,E,p,b,m,_,F,N,A,S,U,j,f,v,k,I,O,P,H,y,T,z,C,D,w,R,$,q,V,L,M,Y,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:i})=>{const n="start"===i&&e?c.SvgIcoChevronDown:d.CollapseIcon,t="end"===i&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,o="start"===i?n:t;return s.jsx(o,{size:"6x"})},X="_43uu6v",Z="_137h3ea",ee="_1injlmx",se="ql4wvw",ie="skwsue",ne="zllz34",te="we4mhq",oe=({children:e,id:n,contentId:o,isDisabled:a,isExpanded:l,iconPosition:r,variant:d="basic",toggleHandler:c})=>{const E=x.classNames([X,"horizontal-rule"===d&&se,l&&"horizontal-rule"!==d&&Z,a&&ee]),p=x.classNames([ie,"end"===r&&te,"start"===r&&ne]),b=i.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:n,tabIndex:0,className:E},m,{children:s.jsx(h.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className:p},{children:e})),s.jsx(W,{iconPosition:r,isExpanded:l}),"start"===r&&s.jsx("div",Object.assign({className:p},{children:e}))]})}))})),"horizontal-rule"===d&&s.jsx(g.Divider,{})]})},ae=({children:e,id:n,isExpanded:t,onTransitionEnd:o})=>{const[a,l]=i.useState(t?"expanding":"unmounted"),r=i.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});i.useEffect(()=>{("unmounted"!==a||t)&&l(t?"expanding":"collapsing")},[t,a]);const{nodeRef:d}=p.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"iz4zu",ref:d,id:n,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=i.useRef(null),h=n.useId(),g=`oj-collapsible-header-${h}`,E=`oj-collapsible-content-${h}`,p=i.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),b=i.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:g,contentId:E,toggleHandler:p,isDisabled:a,isExpanded:l,iconPosition:r,variant:d},{children:t})),s.jsx(ae,Object.assign({id:E,isExpanded:l,onTransitionEnd:b},{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-bb78541d","./index-9cd290d0","./hooks/UNSAFE_usePress","./classNames-f3dd3ee3","./Flex-98329367","./Divider-7d1b810d","./hooks/UNSAFE_useAnimation","./useAnimation-eff230e0","./tslib.es6-9d88853c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e9025233","./utils/UNSAFE_mergeInterpolations","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe","./utils/UNSAFE_interpolations/boxalignment","./keys-3b7ed071","./utils/UNSAFE_interpolations/flexbox","./flexbox-926e15dc","./utils/UNSAFE_interpolations/flexitem","./flexitem-e03beddd","./UNSAFE_Icon","./Icon-27ae306b","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-5426966f","preact/compat","./index-504efee4","./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,h,g,E,p,b,_,m,F,N,A,S,U,j,f,v,k,I,y,O,P,H,T,C,D,w,z,R,$,q,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="llfqct",Z="coq3nd",ee="obayjr",se="_14kvxt",ne="_1a0t2w1",ie="h06yv4",te="_1idov01",oe=({children:e,id:i,contentId:o,isDisabled:a,isExpanded:l,iconPosition:d,variant:r="basic",toggleHandler:c})=>{const E=x.classNames([X,"horizontal-rule"===r&&se,l&&"horizontal-rule"!==r&&Z,a&&ee]),p=x.classNames([ne,"end"===d&&te,"start"===d&&ie]),b=n.useCallback(e=>{c(e.target)},[c]),{pressProps:_}=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:E},_,{children:s.jsx(h.Flex,Object.assign({align:"center",justify:"start"===d?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===d&&s.jsx("div",Object.assign({className:p},{children:e})),s.jsx(W,{iconPosition:d,isExpanded:l}),"start"===d&&s.jsx("div",Object.assign({className:p},{children:e}))]})}))})),"horizontal-rule"===r&&s.jsx(g.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}=p.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"_14wdzqw",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),h=i.useId(),g=`oj-collapsible-header-${h}`,E=`oj-collapsible-content-${h}`,p=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:g,contentId:E,toggleHandler:p,isDisabled:a,isExpanded:l,iconPosition:d,variant:r},{children:t})),s.jsx(ae,Object.assign({id:E,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 @@
-._1rbk7cn{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+.jyk9ju{overflow-x:hidden;overflow-y:hidden;}
 
-._1ef6npq{overflow-x:hidden;overflow-y:hidden;}
+.sljnle{box-sizing:border-box;display:flex;flex-wrap:wrap;}

package/amd/UNSAFE_ComponentMessage.js

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-e03ada1f","./ComponentMessageContainer-9215ce8b","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-d51505a6","./tslib.es6-74fb34cf","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8ff28a98","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e64f6be5","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4","./utils/UNSAFE_interpolations/boxalignment","./keys-8e8a35ab","./utils/UNSAFE_interpolations/flexbox","./flexbox-779e73ea","./utils/UNSAFE_interpolations/flexitem","./flexitem-e6a6355c","./utils/PRIVATE_timer","./MessageCloseButton-91b80681","./UNSAFE_Button","./Button-b2cfdb96","./UNSAFE_BaseButton","./BaseButton-e1bc5ecf","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-e7f42d0c","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-680090e2","./index-e91138c6","./UNSAFE_Icon","./Icon-e13a0a05","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-2b860872","./index-28b36e2a","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-74110f0c","./hooks/UNSAFE_useTheme","./MessageDetail-b6aa38c5","./MessageFormattingUtils-ad3c7998","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-46474c2b","./Message.types-e4f47631","./MessageStartIcon-2755fe36","./MessageSummary-7effa6f2","./MessageTimestamp-5bbfed00","./MessageUtils-dfc71879","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-5c36e297","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-7e5881b5"],function(e,s,t,o,i,a,n,l,u,_,A,r,c,U,E,F,N,S,g,b,f,m,d,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,ae,ne,le,ue,_e,Ae,re,ce,Ue,Ee,Fe,Ne,Se,ge,be,fe,me,de,pe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ComponentMessage-bc697e9f","./ComponentMessageContainer-302d6f66","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-98329367","./tslib.es6-9d88853c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e9025233","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe","./utils/UNSAFE_interpolations/boxalignment","./keys-3b7ed071","./utils/UNSAFE_interpolations/flexbox","./flexbox-926e15dc","./utils/UNSAFE_interpolations/flexitem","./flexitem-e03beddd","./utils/PRIVATE_timer","./MessageCloseButton-92785492","./UNSAFE_Button","./Button-af8ce77b","./UNSAFE_BaseButton","./BaseButton-d3a7182f","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-eee7d2aa","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-bb78541d","./index-9cd290d0","./UNSAFE_Icon","./Icon-27ae306b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-5426966f","./index-504efee4","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-eff230e0","./hooks/UNSAFE_useTheme","./MessageDetail-da0140ec","./MessageFormattingUtils-0d3af9ea","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-5a1d41c7","./Message.types-58377c0f","./MessageStartIcon-65875f63","./MessageSummary-d89ee92b","./MessageTimestamp-d95637f1","./MessageUtils-6057c9b6","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-d46677ed","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-776680bb"],function(e,s,t,o,i,n,a,l,u,_,A,r,U,E,F,N,S,d,c,g,m,f,p,b,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,Ne,Se,de,ce,ge,me,fe,pe,be,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 @@
-._137htix{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;}
+.czvap1{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-2c1748b0","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e64f6be5","./_curry1-8ff28a98","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4"],function(e,r,i,s,c,a,t,u,l,n,_){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Divider-7d1b810d","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./_curry1-e9025233","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe"],function(e,r,i,s,a,t,d,u,c,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 @@
-._170w3qh{display:block;height:100%;width:100%;}
-._1plwm9d{max-width:400px;}
-._1c43mj7{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);}._1c43mj7:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-._4wcr3:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
-@media(hover:hover){.vx2xtp:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
-.qpc6p5 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1njh9xg{display:block;height:100%;width:100%;}
+.iq62ki{max-width:400px;}
+._1xfe4wo{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);}._1xfe4wo:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+.dlapj8:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
+@media(hover:hover){._162qi7z:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
+._10qtv4z > *{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-2c58043c","./tslib.es6-74fb34cf","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-e64f6be5","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_FilePicker.css","./UNSAFE_Text","./Text-781e64c9","./utils/UNSAFE_mergeInterpolations","./_curry1-8ff28a98","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4","./UNSAFE_Spacer","./Spacer-0f11773d","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/flexitem","./flexitem-e6a6355c","./keys-8e8a35ab","./utils/UNSAFE_stringUtils","./stringUtils-46474c2b","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./clientHints-e7f42d0c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTabbableMode"],function(e,s,i,t,r,l,c,a,o,n,_,u,U,F,E,N,S,A,f,p,b,k,m,d,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-8ceee4cf","./tslib.es6-9d88853c","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_FilePicker.css","./UNSAFE_Text","./Text-442082b8","./utils/UNSAFE_mergeInterpolations","./_curry1-e9025233","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe","./UNSAFE_Spacer","./Spacer-53cc7de2","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/flexitem","./flexitem-e03beddd","./keys-3b7ed071","./utils/UNSAFE_stringUtils","./stringUtils-5a1d41c7","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./clientHints-eee7d2aa","./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,k,f,m,b,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 @@
-.hhp553{display:flex;}
-._1xyyptb > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.hr4ado{display:flex;}
+.l4hxrw > *{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-d51505a6","./tslib.es6-74fb34cf","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8ff28a98","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e64f6be5","./_curry3-ccc05acd","./_curry2-4707be52","./_has-707f8be4","css!./UNSAFE_Flex.css","./utils/UNSAFE_interpolations/boxalignment","./keys-8e8a35ab","./utils/UNSAFE_interpolations/flexbox","./flexbox-779e73ea","./utils/UNSAFE_interpolations/flexitem","./flexitem-e6a6355c"],function(e,i,s,t,l,a,r,n,o,u,c,_,f,x,F,b,N,U,m,p,A){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Flex-98329367","./tslib.es6-9d88853c","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e9025233","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./_curry3-8a91848a","./_curry2-722350a9","./_has-f54967fe","css!./UNSAFE_Flex.css","./utils/UNSAFE_interpolations/boxalignment","./keys-3b7ed071","./utils/UNSAFE_interpolations/flexbox","./flexbox-926e15dc","./utils/UNSAFE_interpolations/flexitem","./flexitem-e03beddd"],function(e,i,s,t,l,r,a,n,o,u,_,d,x,c,F,f,N,U,m,p,A){"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-2b860872","preact/jsx-runtime","preact/hooks","preact/compat","./index-28b36e2a","./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-5426966f","preact/jsx-runtime","preact/hooks","preact/compat","./index-504efee4","./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 @@
-.ce99am > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1vsfhgc > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-.aqb6w2{height:0px;left:0;position:fixed;top:0;width:1px;}
+.h0yxs8{height:0px;left:0;position:fixed;top:0;width:1px;}

package/amd/UNSAFE_FocusTrap.js

@@ -1,2 +1,2 @@
-define(["exports","./FocusTrap-bf73a011","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames","./classNames-e64f6be5","css!./UNSAFE_FocusTrap.css","./utils/PRIVATE_tabbableUtils","./_curry1-8ff28a98","./_curry2-4707be52","./_curry3-ccc05acd"],function(e,a,c,r,s,t,u,i,l,p,o,b){"use strict";e.FocusTrap=a.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./FocusTrap-ee186ec0","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","css!./UNSAFE_FocusTrap.css","./utils/PRIVATE_tabbableUtils","./_curry1-e9025233","./_curry2-722350a9","./_curry3-8a91848a"],function(e,a,r,s,c,t,u,i,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 @@
-._1x7dsga{display:grid;}
+._1vw60i7{display:grid;}

package/amd/UNSAFE_Grid.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-74fb34cf","preact/jsx-runtime","css!./UNSAFE_Grid.css","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-8e8a35ab","./_curry1-8ff28a98","./_has-707f8be4","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-e64f6be5","./_curry3-ccc05acd","./_curry2-4707be52"],function(e,s,t,i,r,a,l,n,c,o,u,_,b,d,f,g){"use strict";const p=[...Object.values(r.gridInterpolations),...Object.values(a.boxAlignmentInterpolations)],N=l.mergeInterpolations(p);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:`_1x7dsga ${l}`,style:c},{children:i}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-9d88853c","preact/jsx-runtime","css!./UNSAFE_Grid.css","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-3b7ed071","./_curry1-e9025233","./_has-f54967fe","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./_curry3-8a91848a","./_curry2-722350a9"],function(e,s,t,i,r,l,n,a,c,o,u,_,d,b,p,g){"use strict";const N=[...Object.values(r.gridInterpolations),...Object.values(l.boxAlignmentInterpolations)],j=n.mergeInterpolations(N);e.Grid=e=>{var{children:i}=e,r=s.__rest(e,["children"]);const l=j(r),{class:n}=l,a=s.__rest(l,["class"]),c=Object.assign({},a);return t.jsx("div",Object.assign({class:`_1vw60i7 ${n}`,style:c},{children:i}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Grid.js.map

package/amd/UNSAFE_Heading.css

@@ -1,9 +1,9 @@
-._1eq7sa3{margin:0;}
-.z0n9ti{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);}
-.znskh9{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);}
-._1ljj8o3{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);}
-.vbqlpy{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);}
-.t4pnzz{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);}
-._1yb6a2y{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);}
-.gp7tgw{font-size:inherit;font-weight:inherit;line-height:inherit;}
-._1iu5ejh > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.zqdadw{margin:0;}
+._1ub6qxr{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);}
+._1frwyi5{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);}
+._84tva6{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);}
+._1joxe5d{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);}
+._1acn7fn{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);}
+._1nqtfvu{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);}
+._81uwfv{font-size:inherit;font-weight:inherit;line-height:inherit;}
+.xa78so > *{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-6c8f6318","./tslib.es6-74fb34cf","preact/jsx-runtime","./keys-8e8a35ab","./_curry1-8ff28a98","./_has-707f8be4","./utils/UNSAFE_arrayUtils","css!./UNSAFE_Heading.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e64f6be5","./_curry3-ccc05acd","./_curry2-4707be52"],function(e,s,i,a,t,n,r,c,l,u,f,d,_,o){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Heading-4549ceb5","./tslib.es6-9d88853c","preact/jsx-runtime","./keys-3b7ed071","./_curry1-e9025233","./_has-f54967fe","./utils/UNSAFE_arrayUtils","css!./UNSAFE_Heading.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f3dd3ee3","./_curry3-8a91848a","./_curry2-722350a9"],function(e,s,i,a,t,n,r,l,d,c,u,_,o,p){"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 @@
-._1ckpdjc{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;}
+.d8buyg{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-7e5881b5","preact/jsx-runtime","css!./UNSAFE_HiddenAccessible.css"],function(e,i,s,c){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./HiddenAccessible-776680bb","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 @@
-._1nej36b{font-weight:700;}
+._1x928zy{font-weight:700;}

package/amd/UNSAFE_HighlightText.js

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