@oracle/oraclejet-preact 14.0.2 → 14.0.4

package/amd/UNSAFE_Avatar.css

@@ -1,8 +1,8 @@
-._1t80beg{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-.r7rswf{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-.y0bafy > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1gtt7rt{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
-.gobikp{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
-._1exlq2n{background-size:cover;}
-._1964cfk{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
-.qtos6k{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
+._1wcqaao{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+.xi8wk0{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+.fso5c2 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.l9udmj{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
+._1xi39ou{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
+.lv68bk{background-size:cover;}
+._17vikip{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
+._11iwnhw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/amd/UNSAFE_Avatar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-fa3971d7","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-e580c7c7"],function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([o.base,o.image]);return a.jsx(l,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},t=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const t=[o.base,o.content,i?o.initials:o.icon,!i&&b],d=i||c;return a.jsx(l,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(t)},{children:d}))}))},l=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const t=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:t},{children:i})):a.jsx("div",Object.assign({class:t},{children:i}))},d={base:"_1t80beg",circle:"r7rswf"},b="y0bafy",o={base:"_1gtt7rt",content:"gobikp",image:"_1exlq2n",initials:"_1964cfk",icon:"qtos6k"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(t,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-2ba58777"],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:"_1wcqaao",circle:"xi8wk0"},b="fso5c2",o={base:"l9udmj",content:"_1xi39ou",image:"lv68bk",initials:"_17vikip",icon:"_11iwnhw"};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,IACAC,eAAAA,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,eAAA,oBAAA,mCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}
+{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\n */\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon,\n    !initials && childrenStyles\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class","childrenStyles"],"mappings":"gKAoEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,mCAKFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACA,eAAAC,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,4BAYAO,EAAA,SAUApB,EAAA,MAAA,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 @@
-._4ajw{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;}
-.j1ykn9{border-top-right-radius:0;border-bottom-right-radius:0;}
-._143ngwh{--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);}
-.pzzjeu{--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);}
-._4vxn1w{--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);}
-._19335f9{--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);}
-._181n7fe{--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);}
-._1uibzu4{--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);}
-._1w393i6{--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);}
-._1xsaexx{--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);}
-._1wc24ue{--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);}
-._1kz3aao{--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);}
-._1alhxz2 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._17ikhni{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;}
+.lrg2a9{border-top-right-radius:0;border-bottom-right-radius:0;}
+.hyi7n1{--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);}
+._7oezb1{--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);}
+._1w87aj9{--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);}
+._1v907y6{--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);}
+.lo0ex3{--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);}
+._1ye0x4k{--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);}
+._195p35l{--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);}
+.uofy8f{--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);}
+.oxtisk{--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);}
+.glnt6r{--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);}
+._11t87zl > *{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-0beeb09e","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-e580c7c7","css!./UNSAFE_Badge.css"],function(e,s,a,t,c,i){"use strict";e.Badge=s.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Badge-654c1034","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-2ba58777","css!./UNSAFE_Badge.css"],function(e,a,s,t,i,c){"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 @@
-.djzn6f{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;}.djzn6f: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);}.djzn6f:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1pv941m: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);}
-._1xu8deo{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){.fgx6t3: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){.cfwx8b: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);}}
-.t145a4{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);}
-._1cz9196{padding-inline-start:0;padding-inline-end:0;}
-.t8136i{width:100%;}
-.gba3f1{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.gba3f1:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-.qwpaki{height:100%;display:flex;}.qwpaki:focus-visible{outline-style:none;}
-._1vvke1k{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-._18udar1{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-._1dxn2yi{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);}
-._1r7dzdi{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;}
-.ffwlds > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.pn71mo{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;}.pn71mo: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);}.pn71mo:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1a0rjxt: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);}
+.m5m13d{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){._8oendx: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){.mauytz: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);}}
+._37pel2{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);}
+.exms7p{padding-inline-start:0;padding-inline-end:0;}
+._15893n3{width:100%;}
+._1mjq7jl{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._1mjq7jl:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+.aahywa{height:100%;display:flex;}.aahywa:focus-visible{outline-style:none;}
+._17scfdi{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+.ht1ihq{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+._1q606dx{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);}
+._3yb4ny{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;}
+.h5bh9o > *{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-a31275cc","./tslib.es6-fa3971d7","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-e580c7c7","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,s,t,o,a,i,r,c,u,l,n,_,A,N,E,U,F,S,p,d,f,h,m,b,k,B){"use strict";e.BaseButton=s.BaseButton,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./BaseButton-f6b56c16","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-2ba58777","preact/compat","css!./UNSAFE_BaseButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./utils/PRIVATE_clientHints","./clientHints-4aaefa1c","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(s,e,t,o,i,a,r,u,c,l,n,_,A,N,E,U,F,S,b,f,p,d,h,m,k,B){"use strict";s.BaseButton=e.BaseButton,Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_BaseButton.js.map

package/amd/UNSAFE_Button.css

@@ -1,8 +1,8 @@
-._1wzp8if{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-._1bzjkvk{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-.achc79{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.pog86r{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
-.qkvfir{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);}
-.w6j5g8{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);}
-.oq8ygx{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);}
-._1hgths1{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+._1sdxnis{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._1dqggx8{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._12npzaf{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._12khi4z{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
+._1spl4ha{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);}
+.j9ri8r{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);}
+.jk6y2i{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);}
+.mv7mad{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-26513e96","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-a31275cc","./tslib.es6-fa3971d7","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-e580c7c7","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(e,t,s,o,a,u,i,r,c,n,l,_,A,N,E,U,F,S,p,B,d,f,h,m,y,b,k,g){"use strict";e.Button=t.Button,e.ButtonLayout=t.ButtonLayout,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Button-dc28bc46","preact/jsx-runtime","./UNSAFE_BaseButton","./BaseButton-f6b56c16","./tslib.es6-d9d2f5d6","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-2ba58777","preact/compat","css!./UNSAFE_Button.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./utils/PRIVATE_clientHints","./clientHints-4aaefa1c","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps"],function(t,s,e,o,u,a,i,r,c,n,l,_,A,N,E,U,F,S,b,f,p,d,B,h,m,y,k,g){"use strict";t.Button=s.Button,t.ButtonLayout=s.ButtonLayout,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Button.js.map

package/amd/UNSAFE_Center.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-fa3971d7","preact/jsx-runtime","./UNSAFE_Flex","./Flex-bfc6c229","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81"],function(e,i,t,s,l,n,r,a,c,o,u,_,d,f,h,x,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})});
+define(["exports","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./UNSAFE_Flex","./Flex-f922bd14","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77"],function(e,i,t,s,l,n,r,a,c,o,u,f,_,d,h,x,b,F,N,U,A,E){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Center.js.map

package/amd/UNSAFE_Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Center.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["_a","children","width","height","props","__rest","_jsx","jsx","Flex","Object","assign","justify","align"],"mappings":"ynBAcA,SAAgBA,GAAA,IAAAC,SAAEA,EAAFC,MAAYA,EAAQ,OAApBC,OAA4BA,EAAS,QAAyBH,EAAdI,EAAKC,EAAAA,OAAAL,EAArD,+BACd,OACEM,EAACC,IAAAC,EAAIA,KAAKC,OAAAC,OAAA,GAAAN,GAAOO,QAAQ,SAASC,MAAM,SAASV,MAAOA,EAAOC,OAAQA,GACpE,CAAAF,SAAAA"}
+{"version":3,"file":"UNSAFE_Center.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["_a","children","width","height","props","__rest","_jsx","jsx","Flex","Object","assign","justify","align"],"mappings":"ynBAcA,SAAgBA,GAAA,IAAAC,SAAEA,EAAQC,MAAEA,EAAQ,OAAMC,OAAEA,EAAS,QAAyBH,EAAdI,EAAKC,EAAAA,OAAAL,EAArD,+BACd,OACEM,EAACC,IAAAC,EAAIA,KAAKC,OAAAC,OAAA,GAAAN,GAAOO,QAAQ,SAASC,MAAM,SAASV,MAAOA,EAAOC,OAAQA,GACpE,CAAAF,SAAAA"}

package/amd/UNSAFE_Chip.css

@@ -1,7 +1,7 @@
-._92rtrw{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._92rtrw:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.jpphy9{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;}
-._3cvn0{--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);}
-.fmn6sm{--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);}
-.w6ed2m{--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);}
-.ps9jnb{--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);}
-._1dc8vw9 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._15ygee0{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._15ygee0:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._1mph7sn{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;}
+._1maz683{--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);}
+.pd9h3i{--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);}
+.pprnbc{--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);}
+.e9w2ve{--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);}
+._12atjh4 > *{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-a71f9224","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-e580c7c7","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,u,a,i,t,c,r,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Chip-d51425d5","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-2ba58777","./hooks/UNSAFE_useTabbableMode","preact"],function(e,s,o,u,a,i,t,r,c,h,A,N,_,l,F,p){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Chip.js.map

package/amd/UNSAFE_Collapsible.css

@@ -1,9 +1,9 @@
-._1hgopid{cursor:pointer;}._1hgopid:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1mk4upv{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-.a1lx95{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-._1401983{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.nietip{flex-grow:1;}.nietip > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1fn04q{padding-inline-start:16px;}
-._11uardx{padding-inline-end:16px;}
+._1paozd3 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-._66kijc > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.jrxr8m{cursor:pointer;}.jrxr8m:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1gbjg6i{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._1j9ln69{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._1mzuknb{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1hemueg{flex-grow:1;}._1hemueg > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1wemas9{padding-inline-start:16px;}
+._1k1c0s3{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-03ab344e","./index-4d399da7","./hooks/UNSAFE_usePress","./classNames-e580c7c7","./Flex-bfc6c229","./Divider-9262e69a","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-863a4a52","preact/compat","./index-17cde748","./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,a,o,l,r,d,c,u,x,g,h,p,E,_,m,b,F,N,A,S,U,j,f,v,k,I,O,P,H,y,T,C,D,R,z,w,$,V,q,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,a="start"===i?n:t;return s.jsx(a,{size:"6x"})},X="_1hgopid",Z="_1mk4upv",ee="a1lx95",se="_1401983",ie="nietip",ne="_1fn04q",te="_11uardx",ae=({children:e,id:n,contentId:a,isDisabled:o,isExpanded:l,iconPosition:r,variant:d="basic",toggleHandler:c})=>{const p=x.classNames([X,"horizontal-rule"===d&&se,l&&"horizontal-rule"!==d&&Z,o&&ee]),E=x.classNames([ie,"end"===r&&te,"start"===r&&ne]),_=i.useCallback(e=>{c(e.target)},[c]),{pressProps:m}=u.usePress(_,{isDisabled:o,isRepeat:!1});return s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({role:"button","aria-controls":a,"aria-expanded":l,id:n,tabIndex:0,className:p},m,{children:s.jsx(g.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className:E},{children:e})),s.jsx(W,{iconPosition:r,isExpanded:l}),"start"===r&&s.jsx("div",Object.assign({className:E},{children:e}))]})}))})),"horizontal-rule"===d&&s.jsx(h.Divider,{})]})},oe=({children:e,id:n,isExpanded:t,onTransitionEnd:a})=>{const[o,l]=i.useState(t?"expanding":"unmounted"),r=i.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});i.useEffect(()=>{("unmounted"!==o||t)&&l(t?"expanding":"collapsing")},[t,o]);const{nodeRef:d}=E.useAnimation(o,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==a||a()}});return s.jsx("div",Object.assign({className:"_66kijc",ref:d,id:n,tabIndex:-1,style:r.current,"aria-hidden":!t||void 0},{children:"unmounted"!==o&&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:a,isDisabled:o=!1,isExpanded:l=!1,iconPosition:r="start",variant:d="basic",onToggle:c,onTransitionEnd:u})=>{const x=i.useRef(null),g=n.useId(),h=`oj-collapsible-header-${g}`,p=`oj-collapsible-content-${g}`,E=i.useCallback(e=>{o||null==c||c({value:!l,target:e})},[o,c,l]),_=i.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(ae,Object.assign({id:h,contentId:p,toggleHandler:E,isDisabled:o,isExpanded:l,iconPosition:r,variant:d},{children:t})),s.jsx(oe,Object.assign({id:p,isExpanded:l,onTransitionEnd:_},{children:a}))]}))},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-16862ac7","./index-cf988fc7","./hooks/UNSAFE_usePress","./classNames-2ba58777","./Flex-f922bd14","./Divider-9f2d3a19","./hooks/UNSAFE_useAnimation","./useAnimation-c8511df4","./tslib.es6-d9d2f5d6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77","./UNSAFE_Icon","./Icon-4325e74f","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-f23a546d","preact/compat","./index-b6f31c6c","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTheme"],function(e,s,n,i,t,o,a,l,r,d,c,u,x,g,h,m,p,E,_,b,f,F,N,A,S,j,U,v,k,I,O,P,H,y,T,C,D,z,R,w,$,V,L,M,Y,q,B,G,J,K,Q){"use strict";const W=({isExpanded:e,iconPosition:n})=>{const i="start"===n&&e?c.SvgIcoChevronDown:d.CollapseIcon,t="end"===n&&e?c.SvgIcoChevronUp:c.SvgIcoChevronDown,o="start"===n?i:t;return s.jsx(o,{size:"6x"})},X="jrxr8m",Z="_1gbjg6i",ee="_1j9ln69",se="_1mzuknb",ne="_1hemueg",ie="_1wemas9",te="_1k1c0s3",oe=({children:e,id:i,contentId:o,isDisabled:a,isExpanded:l,iconPosition:r,variant:d="basic",toggleHandler:c})=>{const m=x.classNames([X,"horizontal-rule"===d&&se,l&&"horizontal-rule"!==d&&Z,a&&ee]),p=x.classNames([ne,"end"===r&&te,"start"===r&&ie]),E=n.useCallback(e=>{c(e.target)},[c]),{pressProps:_}=u.usePress(E,{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:m},_,{children:s.jsx(g.Flex,Object.assign({align:"center",justify:"start"===r?"start":"between"},{children:s.jsxs(t.Fragment,{children:["end"===r&&s.jsx("div",Object.assign({className: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(h.Divider,{})]})},ae=({children:e,id:i,isExpanded:t,onTransitionEnd:o})=>{const[a,l]=n.useState(t?"expanding":"unmounted"),r=n.useRef({overflowY:"hidden",maxHeight:t?"none":"0"});n.useEffect(()=>{("unmounted"!==a||t)&&l(t?"expanding":"collapsing")},[t,a]);const{nodeRef:d}=p.useAnimation(a,{animationStates:le,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&l("unmounted"),null==o||o()}});return s.jsx("div",Object.assign({className:"_1paozd3",ref:d,id:i,tabIndex:-1,style:r.current,"aria-hidden":!t||void 0},{children:"unmounted"!==a&&e}))},le={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:a=!1,isExpanded:l=!1,iconPosition:r="start",variant:d="basic",onToggle:c,onTransitionEnd:u})=>{const x=n.useRef(null),g=i.useId(),h=`oj-collapsible-header-${g}`,m=`oj-collapsible-content-${g}`,p=n.useCallback(e=>{a||null==c||c({value:!l,target:e})},[a,c,l]),E=n.useCallback(()=>{null==u||u({value:l})},[u,l]);return s.jsxs("div",Object.assign({id:e,ref:x},{children:[s.jsx(oe,Object.assign({id:h,contentId:m,toggleHandler:p,isDisabled:a,isExpanded:l,iconPosition:r,variant:d},{children:t})),s.jsx(ae,Object.assign({id:m,isExpanded:l,onTransitionEnd:E},{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":"g0CAUO,MAAMA,EAAwB,EAAGC,WAAAA,EAAYC,aAAAA,MAClD,MAAMC,EAA6B,UAAjBD,GAA4BD,EAAaG,EAAAA,kBAAaC,EAAAA,aAClEC,EAA2B,QAAjBJ,GAA0BD,EAAaM,EAAAA,gBAAiBH,EAAAA,kBAClEI,EAAwB,UAAjBN,EAA2BC,EAAYG,EAEpD,OAAOG,MAACD,EAAI,CAACE,KAAK,QCQpBC,EAAA,WAAAA,EAAA,WAAAA,GAAA,SAAAA,cAsBAC,GAAA,SAAAA,GAAA,UAAAA,cAuBAC,GAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAhB,WAAAA,EAAAC,aAAAA,EAAAgB,QAAAA,EAAA,QAAAC,cAAAA,4BAWIR,EACA,oBAAAO,GAAAP,GACAV,GAAA,oBAAAiB,GAAAP,0BAKAC,GACA,QAAAV,GAAAU,GACA,UAAAV,GAAAU,KAGFQ,EAAAC,EAAAA,YAAAC,IAEIH,EAAAG,EAAAC,SACF,CAAAJ,KAIFK,WAAAA,GAAAC,EAAAA,SAAAL,EAAA,cAEEM,UAAA,IAWF,OAAAC,EAAAA,KAAAC,EAAAA,SAAA,CAAAd,SAAA,CAAAL,EAAAoB,IAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,SAAA,gBAAAhB,EAAA,gBAAAf,EAAAc,GAAAA,EAAAkB,SAAA,EAAAC,UAAAC,GAAAX,EAAA,CAAAV,SAAAL,EAAAoB,IAAAO,OAAAN,OAAAC,OAAA,CAAAM,MAAA,SAAAC,QAAA,UAAApC,EAAA,QAAA,WAAA,CAAAY,4NAAA,oBAAAI,GAAAT,EAAAA,IAAA8B,EAAAA,QAAA,QC/EFC,GAAA,EAAA1B,SAAAA,EAAAC,GAAAA,EAAAd,WAAAA,EAAAwC,gBAAAA,MACE,MAAAC,EAAAC,GAAAC,EAAAA,SAAA3C,EAAA,YAAA,yBAYE4C,UAAA,oDAMA,cAAAH,GAAAzC,mCAIF,CAAAA,EAAAyC,IAEA,MAAAI,QAAAA,GAAAC,EAAAA,aAAAL,EAAA,oBAEEM,eAAA,EAAAC,eAAAA,uCAIER,MAAAA,GAAAA,OAIJ,OAAAhC,MAAA,MAAAqB,OAAAC,OAAA,CAAAG,UA7CF,UA6CEgB,IAAAJ,EAAA/B,GAAAA,EAAAkB,UAAA,EAAAkB,MAAAC,EAAAC,QAAA,eAAApD,QAAAqD,GAAA,CAAAxC,SAAA,cAAA4B,GAAA5B,MA4BFyC,GAAA,CACEC,UAAAC,IAAA,CACEC,GAAA,CACEC,UAAA,GAAAF,EAAAG,kBAEFC,QAAA,CACEC,SAAA,KAEFC,IAAA,CACEJ,UAAA,UAGJK,WAAAP,GAAA3B,OAAAC,OAAAD,OAAAC,OAAA,GAAA,SAAA0B,EAAAN,MAAAQ,WAAA,CAEIM,KAAA,CACEN,UAAA,GAAAF,EAAAG,yBAIFD,UAAA,KACDE,QAAA,CAECC,SAAA,sBCpDqB,EACzB/C,GAAAA,EACAmD,OAAAA,EACApD,SAAAA,EACAG,WAAAA,GAAa,EACbhB,WAAAA,GAAa,EACbC,aAAAA,EAAe,QACfgB,QAAAA,EAAU,QACViD,SAAAA,EACA1B,gBAAAA,MAEA,MAAM2B,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACXC,EAAoC,yBAAAF,IACpCtD,EAAsC,0BAAAsD,IAKtCnD,EAAgBE,cACnBE,IACKN,GAGJkD,MAAAA,GAAAA,EAAW,CACTM,OAAQxE,EACRsB,OAAAA,KAGJ,CAACN,EAAYkD,EAAUlE,IAMnByE,EAAuBrD,EAAAA,YAAY,KACvCoB,MAAAA,GAAAA,EAAkB,CAChBgC,MAAOxE,KAER,CAACwC,EAAiBxC,IAErB,OACE0B,OAAA,MAAAG,OAAAC,OAAA,CAAKhB,GAAIA,EAAImC,IAAKkB,GAAO,CAAAtD,SAAA,CACvBL,EAAAA,IAACI,GACCiB,OAAAC,OAAA,CAAAhB,GAAIyD,EACJxD,UAAWA,EACXG,cAAeA,EACfF,WAAYA,EACZhB,WAAYA,EACZC,aAAcA,EACdgB,QAASA,GAAO,CAAAJ,SACfoD,KAEHzD,EAAAA,IAAC+B,GACCV,OAAAC,OAAA,CAAAhB,GAAIC,EACJf,WAAYA,EACZwC,gBAAiBiC,GAChB,CAAA5D,SAAAA"}
+{"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":"g0CAUO,MAAMA,EAAwB,EAAGC,WAAAA,EAAYC,aAAAA,MAClD,MAAMC,EAA6B,UAAjBD,GAA4BD,EAAaG,EAAAA,kBAAaC,EAAAA,aAClEC,EAA2B,QAAjBJ,GAA0BD,EAAaM,EAAAA,gBAAiBH,EAAAA,kBAClEI,EAAwB,UAAjBN,EAA2BC,EAAYG,EAEpD,OAAOG,MAACD,EAAI,CAACE,KAAK,QCQpBC,EAAA,SAAAA,EAAA,WAAAA,GAAA,WAAAA,cAsBAC,GAAA,WAAAA,GAAA,WAAAA,cAuBAC,GAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAhB,WAAAA,EAAAC,aAAAA,EAAAgB,QAAAA,EAAA,QAAAC,cAAAA,4BAWIR,EACA,oBAAAO,GAAAP,GACAV,GAAA,oBAAAiB,GAAAP,0BAKAC,GACA,QAAAV,GAAAU,GACA,UAAAV,GAAAU,KAGFQ,EAAAC,EAAAA,YAAAC,IAEIH,EAAAG,EAAAC,SACF,CAAAJ,KAIFK,WAAAA,GAAAC,EAAAA,SAAAL,EAAA,cAEEM,UAAA,IAWF,OAAAC,EAAAA,KAAAC,EAAAA,SAAA,CAAAd,SAAA,CAAAL,EAAAoB,IAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,SAAA,gBAAAhB,EAAA,gBAAAf,EAAAc,GAAAA,EAAAkB,SAAA,EAAAC,UAAAC,GAAAX,EAAA,CAAAV,SAAAL,EAAAoB,IAAAO,OAAAN,OAAAC,OAAA,CAAAM,MAAA,SAAAC,QAAA,UAAApC,EAAA,QAAA,WAAA,CAAAY,4NAAA,oBAAAI,GAAAT,EAAAA,IAAA8B,EAAAA,QAAA,QC/EFC,GAAA,EAAA1B,SAAAA,EAAAC,GAAAA,EAAAd,WAAAA,EAAAwC,gBAAAA,MACE,MAAAC,EAAAC,GAAAC,EAAAA,SAAA3C,EAAA,YAAA,yBAYE4C,UAAA,oDAMA,cAAAH,GAAAzC,mCAIF,CAAAA,EAAAyC,IAEA,MAAAI,QAAAA,GAAAC,EAAAA,aAAAL,EAAA,oBAEEM,eAAA,EAAAC,eAAAA,uCAIER,MAAAA,GAAAA,OAIJ,OAAAhC,MAAA,MAAAqB,OAAAC,OAAA,CAAAG,UA7CF,WA6CEgB,IAAAJ,EAAA/B,GAAAA,EAAAkB,UAAA,EAAAkB,MAAAC,EAAAC,QAAA,eAAApD,QAAAqD,GAAA,CAAAxC,SAAA,cAAA4B,GAAA5B,MA4BFyC,GAAA,CACEC,UAAAC,IAAA,CACEC,GAAA,CACEC,UAAA,GAAAF,EAAAG,kBAEFC,QAAA,CACEC,SAAA,KAEFC,IAAA,CACEJ,UAAA,UAGJK,WAAAP,GAAA3B,OAAAC,OAAAD,OAAAC,OAAA,GAAA,SAAA0B,EAAAN,MAAAQ,WAAA,CAEIM,KAAA,CACEN,UAAA,GAAAF,EAAAG,yBAIFD,UAAA,KACDE,QAAA,CAECC,SAAA,sBCpDqB,EACzB/C,GAAAA,EACAmD,OAAAA,EACApD,SAAAA,EACAG,WAAAA,GAAa,EACbhB,WAAAA,GAAa,EACbC,aAAAA,EAAe,QACfgB,QAAAA,EAAU,QACViD,SAAAA,EACA1B,gBAAAA,MAEA,MAAM2B,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACXC,EAAW,yBAAyBF,IACpCtD,EAAY,0BAA0BsD,IAKtCnD,EAAgBE,cACnBE,IACKN,GAGJkD,MAAAA,GAAAA,EAAW,CACTM,OAAQxE,EACRsB,OAAAA,KAGJ,CAACN,EAAYkD,EAAUlE,IAMnByE,EAAuBrD,EAAAA,YAAY,KACvCoB,MAAAA,GAAAA,EAAkB,CAChBgC,MAAOxE,KAER,CAACwC,EAAiBxC,IAErB,OACE0B,OAAA,MAAAG,OAAAC,OAAA,CAAKhB,GAAIA,EAAImC,IAAKkB,GAAO,CAAAtD,SAAA,CACvBL,EAAAA,IAACI,GACCiB,OAAAC,OAAA,CAAAhB,GAAIyD,EACJxD,UAAWA,EACXG,cAAeA,EACfF,WAAYA,EACZhB,WAAYA,EACZC,aAAcA,EACdgB,QAASA,GAAO,CAAAJ,SACfoD,KAEHzD,EAAAA,IAAC+B,GACCV,OAAAC,OAAA,CAAAhB,GAAIC,EACJf,WAAYA,EACZwC,gBAAiBiC,GAChB,CAAA5D,SAAAA"}

package/amd/UNSAFE_ComponentMessage.css

@@ -1,3 +1,3 @@
-.uu1ezh{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+.ekm3y9{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-._1xvn4kz{overflow-x:hidden;overflow-y:hidden;}
+._1nrr3vh{overflow-x:hidden;overflow-y:hidden;}

package/amd/UNSAFE_ComponentMessage.js

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-9e802f39","./ComponentMessageContainer-2bfa2078","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-bfc6c229","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./utils/PRIVATE_timer","./MessageCloseButton-8366a158","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./Message.types-eb760bd7","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./MessageUtils-8216ac4e","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-615b69fb","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-4801c573"],function(e,s,t,o,a,i,n,l,u,_,A,r,c,U,E,F,N,S,g,d,m,b,p,f,M,h,k,x,T,C,I,y,P,B,R,V,H,v,j,L,O,z,D,G,q,w,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ae,ie,ne,le,ue,_e,Ae,re,ce,Ue,Ee,Fe,Ne,Se,ge,de,me,be,pe,fe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ComponentMessage-08ded24e","./ComponentMessageContainer-d309a605","preact/jsx-runtime","css!./UNSAFE_ComponentMessage.css","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./PRIVATE_Message","./UNSAFE_Flex","./Flex-f922bd14","./tslib.es6-d9d2f5d6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77","./utils/PRIVATE_timer","./MessageCloseButton-fc804358","./UNSAFE_Button","./Button-dc28bc46","./UNSAFE_BaseButton","./BaseButton-f6b56c16","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-4aaefa1c","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-16862ac7","./index-cf988fc7","./UNSAFE_Icon","./Icon-4325e74f","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-f23a546d","./index-b6f31c6c","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-c8511df4","./hooks/UNSAFE_useTheme","./MessageDetail-c1e0cdc2","./MessageFormattingUtils-95f48c88","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-1ad4f59d","./Message.types-97d3e7a4","./MessageStartIcon-665f54bc","./MessageSummary-4bfdff83","./MessageTimestamp-7b2ca246","./MessageUtils-e1daf68f","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-815876b7","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3afe5d7e"],function(e,s,t,o,i,a,n,l,u,c,_,A,r,U,E,F,N,S,f,d,g,m,b,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,ce,_e,Ae,re,Ue,Ee,Fe,Ne,Se,fe,de,ge,me,be,pe,Me,he){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ComponentMessage.js.map

package/amd/UNSAFE_Divider.css

@@ -1 +1 @@
-._1iwznct{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;}
+._5mnwdc{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-9262e69a","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry1-9eeaf6ed","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d"],function(e,r,i,a,s,c,t,u,d,l,n){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Divider-9f2d3a19","preact/jsx-runtime","css!./UNSAFE_Divider.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry1-9cbf463f","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56"],function(e,r,i,s,a,c,t,u,f,l,n){"use strict";e.Divider=r.Divider,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Divider.js.map

package/amd/UNSAFE_Environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Environment.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Environment/EnvironmentProvider.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 */\n\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\ntype ColorScheme = 'light' | 'dark';\ntype Scale = 'lg' | 'md' | 'sm';\n\n/**\n * Defines theme environment on root element\n */\ntype Theme = {\n  name: string;\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = {\n  // supports user preferences\n  user?: Partial<User>;\n  // supports theme settings\n  theme?: Theme;\n  colorScheme?: ColorScheme;\n  scale?: Scale;\n  // supports translation bundles\n  translations?: Translations;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = {\n  colorScheme?: ColorScheme;\n  scale?: Scale;\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = {\n  user: User;\n  theme: Theme;\n  scale: Scale;\n  colorScheme: ColorScheme;\n  translations?: Translations;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction: document.documentElement.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: {\n    name: 'redwood'\n  },\n  colorScheme: 'light',\n  scale: 'lg'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { useContext, useMemo } from 'preact/hooks';\nimport {\n  EnvironmentContext,\n  Environment,\n  RootEnvironment,\n  DefaultEnvironment,\n  CompleteEnvironmentType\n} from './EnvironmentContext';\nimport { LayerManager } from '../UNSAFE_Layer';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from _'@oracle/oraclejet-preact'_.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","forcedColors","_b","window","matchMedia","_a","call","matches","theme","name","colorScheme","scale","EnvironmentContext","createContext","mergeEnvironment","env1","env2","userValue","Object","assign","themeValue","targetTranslations","translations","sourceTranslations","keys","forEach","key","newVal","children","environment","consumerEnv","useContext","mergedEnvironment","useMemo","_jsx","jsx","Provider","value","LayerManager"],"mappings":"4IAmFO,MAAMA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UAA4D,QAAjDH,SAASC,gBAAgBC,aAAa,OAAmB,MAAQ,MAC5EE,cAA8D,QAAhDC,EAAoB,UAApBC,OAAOC,kBAAa,IAAAC,OAAA,EAAAA,EAAAC,KAAAH,OAAA,kCAA4B,IAAAD,OAAA,EAAAA,EAAAK,SAAU,SAAW,QAErFC,MAAO,CACLC,KAAM,WAERC,YAAa,QACbC,MAAO,MAGIC,EAAqBC,EAAaA,cAA0BnB,GCtEzE,SAASoB,EACPC,EACAC,WAEA,MAAMC,EAAYC,OAAOC,OAAO,GAAIJ,EAAKpB,KAAMqB,MAAAA,OAAI,EAAJA,EAAMrB,MAC/CyB,EAAaF,OAAOC,OAAO,GAAIJ,EAAKP,MAAOQ,MAAAA,OAAI,EAAJA,EAAMR,OAGjDa,EAAqBH,OAAOC,OAAO,GAAIJ,EAAKO,cAC5CC,GAAqBP,MAAAA,OAAA,EAAAA,EAAMM,eAAgB,GAUjD,OATAJ,OAAOM,KAAKD,GAAoBE,QAASC,IACvC,IAAIC,EAASJ,EAAmBG,GAC5BL,EAAmBK,KAErBC,EAAST,OAAOC,OAAO,GAAIE,EAAmBK,GAAMC,IAEtDN,EAAmBK,GAAOC,IAGrB,CACLhC,KAAMsB,EACNT,MAAOY,EACPE,aAAcD,EACdX,YAA8B,QAAjBL,EAAAW,MAAAA,OAAI,EAAJA,EAAMN,mBAAW,IAAAL,EAAAA,EAAIU,EAAKL,YACvCC,MAAkB,QAAXT,EAAAc,MAAAA,OAAI,EAAJA,EAAML,aAAK,IAAAT,EAAAA,EAAIa,EAAKJ,8DAiCKiB,SAAEA,EAAFC,YAAYA,IAC9C,MAAMC,EAAcC,aAAWnB,GACzBoB,EAAoBC,UACxB,IAAMnB,EAAiBgB,EAAaD,GACpC,CAACC,EAAaD,IAGhB,OACEK,EAAAC,IAACvB,EAAmBwB,SAAQlB,OAAAC,OAAA,CAACkB,MAAOL,GAAiB,CAAAJ,SAAGA,0CA/BpBA,SACtCA,EADsCC,YAEtCA,IAEA,MAAMG,EAAoBC,EAAOA,QAC/B,IAAMnB,EAAiBpB,EAAoBmC,GAC3C,CAACA,IAEH,OACEK,EAAAA,IAACtB,EAAmBwB,wBAASC,MAAOL,GAAiB,CAAAJ,SACnDM,MAACI,eAAY,CAAAV,SAAEA"}
+{"version":3,"file":"UNSAFE_Environment.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Environment/EnvironmentProvider.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 */\n\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\ntype ColorScheme = 'light' | 'dark';\ntype Scale = 'lg' | 'md' | 'sm';\n\n/**\n * Defines theme environment on root element\n */\ntype Theme = {\n  name: string;\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = {\n  // supports user preferences\n  user?: Partial<User>;\n  // supports theme settings\n  theme?: Theme;\n  colorScheme?: ColorScheme;\n  scale?: Scale;\n  // supports translation bundles\n  translations?: Translations;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = {\n  colorScheme?: ColorScheme;\n  scale?: Scale;\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = {\n  user: User;\n  theme: Theme;\n  scale: Scale;\n  colorScheme: ColorScheme;\n  translations?: Translations;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction: document.documentElement.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: {\n    name: 'redwood'\n  },\n  colorScheme: 'light',\n  scale: 'lg'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { useContext, useMemo } from 'preact/hooks';\nimport {\n  EnvironmentContext,\n  Environment,\n  RootEnvironment,\n  DefaultEnvironment,\n  CompleteEnvironmentType\n} from './EnvironmentContext';\nimport { LayerManager } from '../UNSAFE_Layer';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from _'@oracle/oraclejet-preact'_.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","forcedColors","_b","window","matchMedia","_a","call","matches","theme","name","colorScheme","scale","EnvironmentContext","createContext","mergeEnvironment","env1","env2","userValue","Object","assign","themeValue","targetTranslations","translations","sourceTranslations","keys","forEach","key","newVal","children","environment","consumerEnv","useContext","mergedEnvironment","useMemo","_jsx","jsx","Provider","value","LayerManager"],"mappings":"4IAmFO,MAAMA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UAA4D,QAAjDH,SAASC,gBAAgBC,aAAa,OAAmB,MAAQ,MAC5EE,cAA8D,QAAhDC,EAAoB,UAApBC,OAAOC,kBAAa,IAAAC,OAAA,EAAAA,EAAAC,KAAAH,OAAA,kCAA4B,IAAAD,OAAA,EAAAA,EAAAK,SAAU,SAAW,QAErFC,MAAO,CACLC,KAAM,WAERC,YAAa,QACbC,MAAO,MAGIC,EAAqBC,EAAaA,cAA0BnB,GCtEzE,SAASoB,EACPC,EACAC,WAEA,MAAMC,EAAYC,OAAOC,OAAO,GAAIJ,EAAKpB,KAAMqB,MAAAA,OAAI,EAAJA,EAAMrB,MAC/CyB,EAAaF,OAAOC,OAAO,GAAIJ,EAAKP,MAAOQ,MAAAA,OAAI,EAAJA,EAAMR,OAGjDa,EAAqBH,OAAOC,OAAO,GAAIJ,EAAKO,cAC5CC,GAAqBP,MAAAA,OAAA,EAAAA,EAAMM,eAAgB,GAUjD,OATAJ,OAAOM,KAAKD,GAAoBE,QAASC,IACvC,IAAIC,EAASJ,EAAmBG,GAC5BL,EAAmBK,KAErBC,EAAST,OAAOC,OAAO,GAAIE,EAAmBK,GAAMC,IAEtDN,EAAmBK,GAAOC,IAGrB,CACLhC,KAAMsB,EACNT,MAAOY,EACPE,aAAcD,EACdX,YAA8B,QAAjBL,EAAAW,MAAAA,OAAI,EAAJA,EAAMN,mBAAW,IAAAL,EAAAA,EAAIU,EAAKL,YACvCC,MAAkB,QAAXT,EAAAc,MAAAA,OAAI,EAAJA,EAAML,aAAK,IAAAT,EAAAA,EAAIa,EAAKJ,8DAiCKiB,SAAEA,EAAQC,YAAEA,IAC9C,MAAMC,EAAcC,aAAWnB,GACzBoB,EAAoBC,UACxB,IAAMnB,EAAiBgB,EAAaD,GACpC,CAACC,EAAaD,IAGhB,OACEK,EAAAC,IAACvB,EAAmBwB,SAAQlB,OAAAC,OAAA,CAACkB,MAAOL,GAAiB,CAAAJ,SAAGA,0CA/BpBA,SACtCA,EAAQC,YACRA,IAEA,MAAMG,EAAoBC,EAAOA,QAC/B,IAAMnB,EAAiBpB,EAAoBmC,GAC3C,CAACA,IAEH,OACEK,EAAAA,IAACtB,EAAmBwB,wBAASC,MAAOL,GAAiB,CAAAJ,SACnDM,MAACI,eAAY,CAAAV,SAAEA"}

package/amd/UNSAFE_FilePicker.css

@@ -1,6 +1,6 @@
-._1ifjfi8{display:block;height:100%;width:100%;}
-._2wlb37{max-width:400px;}
-.auhz2g{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);}.auhz2g:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-._2gxobi:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
-@media(hover:hover){._1383s03:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
-._12zvehv > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.n6sygn{display:block;height:100%;width:100%;}
+._11dyird{max-width:400px;}
+._1csvcs3{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);}._1csvcs3:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+._1y4a2kz:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
+@media(hover:hover){._1vqcaya:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
+._14lquol > *{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-18a92512","./tslib.es6-fa3971d7","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-e580c7c7","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_FilePicker.css","./UNSAFE_Text","./Text-0f26039f","./utils/UNSAFE_mergeInterpolations","./_curry1-9eeaf6ed","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./UNSAFE_Spacer","./Spacer-da4de41b","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./keys-992a0824","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./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,f,p,d,k,m,P,b,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-6887d5e2","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-2ba58777","./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_FilePicker.css","./UNSAFE_Text","./Text-e56a259a","./utils/UNSAFE_mergeInterpolations","./_curry1-9cbf463f","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./UNSAFE_Spacer","./Spacer-db6d0be9","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77","./keys-ac292f2b","./utils/UNSAFE_stringUtils","./stringUtils-1ad4f59d","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./clientHints-4aaefa1c","./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,f,d,p,b,k,m,P,h,y,g,x,T,v,H,j,I,M,z,B,L){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_FilePicker.js.map

package/amd/UNSAFE_Flex.css

@@ -1,2 +1,2 @@
-._1c5focr{display:flex;}
-.fmu3ty > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1p6cal1{display:flex;}
+.qj47b3 > *{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-bfc6c229","./tslib.es6-fa3971d7","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","css!./UNSAFE_Flex.css","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81"],function(e,i,s,t,l,a,r,n,o,c,u,_,f,x,F,N,d,U,m,p,A){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Flex-f922bd14","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","css!./UNSAFE_Flex.css","./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77"],function(e,i,s,t,l,a,r,n,o,f,u,_,c,x,b,F,N,U,d,m,p){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Flex.js.map

package/amd/UNSAFE_Floating.js

@@ -1,2 +1,2 @@
-define(["exports","./Floating-863a4a52","preact/jsx-runtime","preact/hooks","preact/compat","./index-17cde748","./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,a,r,l,n,u,c,U,_,E){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Floating-f23a546d","preact/jsx-runtime","preact/hooks","preact/compat","./index-b6f31c6c","./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,c,u,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 @@
-.xhl5uv > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.aw4xxh > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-.dkww9j{height:0px;left:0;position:fixed;top:0;width:1px;}
+._1ki1nm9{height:0px;left:0;position:fixed;top:0;width:1px;}

package/amd/UNSAFE_FocusTrap.js

@@ -1,2 +1,2 @@
-define(["exports","./FocusTrap-4796ed88","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames","./classNames-e580c7c7","css!./UNSAFE_FocusTrap.css","./utils/PRIVATE_tabbableUtils","./_curry1-9eeaf6ed","./_curry2-466cc994","./_curry3-167fa665"],function(e,c,a,r,s,t,u,i,l,p,o,_){"use strict";e.FocusTrap=c.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./FocusTrap-38127371","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames","./classNames-2ba58777","css!./UNSAFE_FocusTrap.css","./utils/PRIVATE_tabbableUtils","./_curry1-9cbf463f","./_curry2-37583590","./_curry3-2cf14b96"],function(e,r,a,c,s,t,u,i,l,p,o,b){"use strict";e.FocusTrap=r.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_FocusTrap.js.map

package/amd/UNSAFE_Grid.css

@@ -1 +1 @@
-.wor3ym{display:grid;}
+._4qhegf{display:grid;}

package/amd/UNSAFE_Grid.js

@@ -1,2 +1,2 @@
-function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,e){if(r){if("string"==typeof r)return _arrayLikeToArray(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,e):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=r[t];return a}define(["exports","./tslib.es6-fa3971d7","preact/jsx-runtime","css!./UNSAFE_Grid.css","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-992a0824","./_curry1-9eeaf6ed","./_has-aa07e02d","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994"],function(r,e,t,a,n,o,i,s,l,u,c,y,_,b,d,A){"use strict";const p=[].concat(_toConsumableArray(Object.values(n.gridInterpolations)),_toConsumableArray(Object.values(o.boxAlignmentInterpolations))),f=i.mergeInterpolations(p);r.Grid=r=>{var{children:a}=r,n=e.__rest(r,["children"]);const o=f(n),{class:i}=o,s=e.__rest(o,["class"]),l=Object.assign({},s);return t.jsx("div",Object.assign({class:`wor3ym ${i}`,style:l},{children:a}))},Object.defineProperty(r,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-d9d2f5d6","preact/jsx-runtime","css!./UNSAFE_Grid.css","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-ac292f2b","./_curry1-9cbf463f","./_has-b679fc56","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry3-2cf14b96","./_curry2-37583590"],function(s,e,t,i,r,l,n,a,c,o,u,_,b,d,f,g){"use strict";const p=[...Object.values(r.gridInterpolations),...Object.values(l.boxAlignmentInterpolations)],N=n.mergeInterpolations(p);s.Grid=s=>{var{children:i}=s,r=e.__rest(s,["children"]);const l=N(r),{class:n}=l,a=e.__rest(l,["class"]),c=Object.assign({},a);return t.jsx("div",Object.assign({class:`_4qhegf ${n}`,style:c},{children:i}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Grid.js.map