@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/Badge-1c3c4b6e.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'module',"./classNames-77e465af"],function(e,n,s,a,i){"use strict";const c={base:"_1d383pp",end:"wfu873",neutral:"_1kdfmcy",danger:"ju7td4",warning:"nwc06o",success:"_185yk4i",info:"fvqfn9",neutralSubtle:"_10jivgv",dangerSubtle:"_8b33m6",warningSubtle:"mzpm0x",successSubtle:"_61gv8m",infoSubtle:"_9rscwv",childrenMargins:"q448yo"};e.Badge=function({variant:e="neutral",size:s="md",edge:a="none",children:r}){const t=i.classNames([c.base,"sm"===s&&"oj-badge-sm","end"===a&&c.end,c[e],c.childrenMargins]);return n.jsx("span",Object.assign({class:t},{children:r}))}});
+//# sourceMappingURL=Badge-1c3c4b6e.js.map

package/amd/Badge-1c3c4b6e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-1c3c4b6e.js","sources":["../../src/UNSAFE_Badge/Badge.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';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n    display: 'inline-block',\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n    fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center',\n    verticalAlign: 'middle'\n  }}`,\n\n  //right-aligned with the right edge of another component for ltr direction\n  //left-aligned for rtl direction pending by\n  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n  end: cssProps`${{\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0'\n  }}`,\n\n  neutral: cssProps`${{\n    /* solid neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n  }}`,\n  danger: cssProps`${{\n    /* solid danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n  }}`,\n  warning: cssProps`${{\n    /* solid warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n  }}`,\n  success: cssProps`${{\n    /* solid success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n  }}`,\n  info: cssProps`${{\n    /* solid info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n\n  neutralSubtle: cssProps`${{\n    /* subtle neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n  }}`,\n  dangerSubtle: cssProps`${{\n    /* subtle danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n  }}`,\n  warningSubtle: cssProps`${{\n    /* subtle warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n  }}`,\n  successSubtle: cssProps`${{\n    /* subtle success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    /* subtle info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":"uIAuCA,MAAAA,EAAA,MAAA,eAAA,iBAAA,kBAAA,iBAAA,iBAAA,gBAAA,uBAAA,wBAAA,wBAAA,uBAAA,qBAAA,4CAkHA,UAAAC,QAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,KAAAA,EAAA,OAAAC,SAAAA,0BAEIJ,EAAAK,6BAEA,QAAAF,GAAAH,EAAAM,SAEAN,EAAAO,kBAEF,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAR,SAAAA"}

package/amd/BaseButton-cc1e314c.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","preact/compat",'module',"./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/PRIVATE_clientHints","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./clientHints-6cd92723","./classNames-77e465af"],function(e,s,t,o,n,i,a,r,l,u,c,d,b,p,h,f){"use strict";const m=()=>null,_="_1kroqf0",v="_1gjyl5h",E="jjfmyo",g="yhh59l",y="gwtu4b",A="ss2pk2",S="cutrt2",F="_3fzhwq",N="e2idh9",j="sgc3bb",T="g8op07",H="rww4w0",R="dmlar6",k="_1l6oqsz",x=[...Object.values(u.dimensionInterpolations)],B=c.mergeInterpolations(x),M="ios"===h.getClientHints().platform?{ontouchstart:function(){}}:{},P="events"===h.getClientHints().hoverSupport,U=r.forwardRef((e,a)=>{var{variant:r="outlined",isDisabled:l=!1,isRepeat:u=!1,size:c="md",elementDetails:d={type:"button"},styling:h=["default"],edge:x="none",accessibleLabel:U,ariaHidden:w,ariaExpanded:D,ariaRoledescription:I,"aria-describedby":L,onBlur:z,onFocus:O,onMouseEnter:$,onMouseLeave:q,onTouchEnd:C,onTouchStart:V}=e,G=s.__rest(e,["variant","isDisabled","isRepeat","size","elementDetails","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription","aria-describedby","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart"]);const{pressProps:J}=o.usePress(G.onAction?G.onAction:m,{isDisabled:l,isRepeat:u}),K=e=>h.indexOf(e)>-1,{hoverProps:Q,isHover:W}=n.useHover({isDisabled:!P}),{activeProps:X,isActive:Y}=i.useActive(),Z=B(G),{class:ee}=Z,se=s.__rest(Z,["class"]),te=Object.assign({},d),{type:oe="button"}=te,ne=s.__rest(te,["type"]),ie=((e,s)=>{switch(e){case"link":return{role:"link"};case"button":return{};default:return s?{role:"generic"}:{role:"button"}}})(oe,null!=w&&w),ae=G.title||U,re=d.type,le="span"==re,ue="button"==re,{isTabbable:ce}=b.useTabbableMode(),de=f.classNames([!K("unstyled")&&_,K("unstyled")&&A,K("embedded")&&j,K("container")&&N,K("noBorderRadiusStart")&&T,K("noBorderRadiusEnd")&&H,K("active")&&E,K("fill")&&F,K("min")&&S,`oj-c-base-button-${r}`,`oj-c-base-button-${c}`,l&&R,"bottom"===x&&k,!P&&!le&&!Y&&g,!P&&le&&!Y&&!l&&!K("container")&&y,P&&W&&!Y&&!l&&!K("container")&&v,!K("container")&&Y&&!l&&E,"_197s62s"]),be={ariaDescribedBy:L,onBlur:z,onFocus:O,onMouseEnter:$,onMouseLeave:q,onTouchEnd:C,onTouchStart:V},pe=p.mergeProps(ne,J,M,Q,K("container")?{}:X,ue?{}:{"aria-disabled":l},be);return t.jsx(re,Object.assign({ref:a,disabled:l,class:`${de} ${ee}`,style:se,autofocus:G.autofocus,title:ae,tabIndex:l||!ce?-1:0,"aria-label":U,"aria-hidden":w,"aria-roledescription":I,"aria-expanded":D},pe,ie,{children:G.children}))});e.BaseButton=U});
+//# sourceMappingURL=BaseButton-cc1e314c.js.map

package/amd/BaseButton-cc1e314c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-cc1e314c.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  ariaHidden?: boolean;\n  ariaExpanded?: boolean;\n  ariaRoledescription?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The accessibleLabel is used to provide guidance for screen readers.\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n\nconst activeStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color)',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    display: 'inline-block',\n    fontFamily: 'inherit',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    pointerEvents: 'auto',\n    textOverflow: 'ellipsis',\n    verticalAlign: 'top',\n    WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n    whiteSpace: 'nowrap',\n\n    // @ts-ignore\n    '&:active': activeStyles,\n\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\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\n    }\n  }}`,\n\n  unstyled: cssProps`${{\n    boxSizing: 'border-box',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled)'\n  }}`,\n\n  bottom: cssProps`${{\n    borderLeftWidth: '0',\n    borderRightWidth: '0',\n    borderBlockEndWidth: '0',\n    width: '100%',\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0'\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 interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nconst roleProps = (elType: string, hidden: boolean) => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'generic' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      accessibleLabel,\n      ariaHidden,\n      ariaExpanded,\n      ariaRoledescription,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const globalEventProps = {\n      ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled },\n      globalEventProps\n    );\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["NullFunction","compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","hoverSupport","BaseButton","forwardRef","_a","ref","variant","isDisabled","isRepeat","size","elementDetails","type","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","props","__rest","pressProps","usePress","onAction","isStyled","name","hoverProps","isHover","useHover","_b","class","cls","styles","_c","assign","elementType","elementProps","role","elType","hidden","roleProps","tooltip","title","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","isActive","globalEventProps","mergedProps","mergeProps","activeProps","disabled","rootStyles","style","autofocus","tabIndex","children"],"mappings":"udA0BA,MAAAA,EAAA,IAAA,KAqHAC,EAAA,WAAAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,aA+IAC,EAAA,IAAAC,OAAAC,OAAAC,EAAAA,0BAEAC,EAAAC,EAAAA,oBAAAL,GAIAM,EAAA,QAFAC,EAAAA,iBAEAC,SAAA,CAAAC,aAAA,cAAA,GACAC,EAAA,WAAAH,EAAAA,iBAAAI,aAaAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAEI,IAAAC,QAAAA,EAAA,WAAAC,WAAAA,GAAA,EAAAC,SAAAA,GAAA,EAAAC,KAAAA,EAAA,KAAAC,eAAAA,EAAA,CAAAC,KAAA,UAAAC,QAAAA,EAAA,CAAA,WAAAC,KAAAA,EAAA,OAAAC,gBAAAA,EAAAC,WAAAA,EAAAC,aAAAA,EAAAC,oBAAAA,EAAA,mBAAAC,EAAAC,OAAAA,EAAAC,QAAAA,EAAAC,aAAAA,EAAAC,aAAAA,EAAAC,WAAAA,EAAAC,aAAAA,GAAApB,EAAAqB,EAAAC,EAAAA,OAAAtB,EAAA,CAAA,UAAA,aAAA,WAAA,OAAA,iBAAA,UAAA,OAAA,kBAAA,aAAA,eAAA,sBAAA,mBAAA,SAAA,UAAA,eAAA,eAAA,aAAA,iBA0BA,MAAAuB,WAAAA,GAAAC,EAAAA,SAAAH,EAAAI,SAAAJ,EAAAI,SAAAzC,EAAA,2BAIA0C,EAAAC,oBAGAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAA3B,YAAAP,6CAEAmC,EAAAzC,EAAA+B,IAAAW,MAAAC,IAAAF,EAAAG,GAAAZ,EAAAA,OAAAS,EAAA,CAAA,UACAI,GAAAhD,OAAAiD,OAAA,GAAA9B,IAAAC,KAAA8B,GAAA,UAAAF,GAAAG,GAAAhB,EAAAA,OAAAa,GAAA,CAAA,SACAI,GAlDJ,EAAAC,EAAAC,KACE,OAAAD,GACE,IAAA,OACE,MAAA,CAAAD,KAAA,QACF,IAAA,SACE,MAAA,GACF,QACE,OAAAE,EAAA,CAAAF,KAAA,WAAA,CAAAA,KAAA,YA2CFG,CAAAL,GAAA1B,MAAAA,GAAAA,GACAgC,GAAAtB,EAAAuB,OAAAlC,EACAmC,GAAAvC,EAAAC,KACAuC,GAAA,QAAAD,GACAE,GAAA,UAAAF,IACAG,WAAAA,IAAAC,EAAAA,oCAEEvB,EAAA,aAAAzC,EACAyC,EAAA,aAAAzC,EACAyC,EAAA,aAAAzC,EACAyC,EAAA,cAAAzC,EACAyC,EAAA,wBAAAzC,EACAyC,EAAA,sBAAAzC,EACAyC,EAAA,WAAAzC,EACAyC,EAAA,SAAAzC,EACAyC,EAAA,QAAAzC,EACA,oBAAAiB,IACA,oBAAAG,SAEA,WAAAI,GAAAxB,kBAEAW,QAEEsD,IACA/C,oBAEAlB,EACFW,GAAAiC,IAAAqB,IAAA/C,IAAAuB,EAAA,cAAAzC,GACAyC,EAAA,cAAAwB,IAAA/C,GAAAlB,EAjGN,aAqGIkE,GAAA,iGAUAC,GAAAC,EAAAA,WAAAf,GAAAf,EAAA/B,EAAAoC,EAAAF,EAAA,aAAA,GAAA4B,EAAAP,GAAA,GAAA,CAAA,gBAAA5C,GAAAgD,mCAaIlD,IAAAA,EAAAsD,SAAApD,EAAA6B,MAAA,GAAAwB,MAAAvB,KAAAwB,MAAAvB,GAAAwB,UAAArC,EAAA,UAAAuB,MAAAD,GAAAgB,SAAAxD,IAAA6C,IAAA,EAAA,EAAA,aAAAtC,EAAA,cAAAC,EAAA,uBAAAE,EAAA,gBAAAD,GAAAwC,GAAAb,GAAA,CAAAqB,SAAAvC,EAAAuC"}

package/amd/Button-95c272b3.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./UNSAFE_BaseButton","./tslib.es6-f169f6f6",'module',"./utils/UNSAFE_classNames","./classNames-77e465af","preact/compat","./BaseButton-cc1e314c"],function(s,n,e,a,t,o,c,l,i){"use strict";const d="z5wyoa",r="_6avhz9",u="_2rgm26",b="_17w8p0u",j="vamlz9",p="_1jrppqz",h="_6efwc7",f=s=>null==s;function y(s){var{size:e="md",display:t="all",styling:o="default"}=s,l=a.__rest(s,["size","display","styling"]);const i="all"===t||"icons"===t,y="all"===t||"label"===t,I=h,m=l.startIcon&&("icons"===t||!l.children)&&!l.endIcon,g="embedded"===o,B=!f(l.startIcon)&&"all"===t,v=!f(l.endIcon)&&"all"===t,z=l.startIcon&&l.endIcon,_=`${r} oj-c-button-layout-${e} ${p}`,x=c.classNames([r,g?`oj-c-button-layout-embedded-${e}`:`oj-c-button-layout-${e}`,!m&&j]),w=c.classNames([d,B&&!z&&b,v&&!z&&u]);return n.jsxs("span",Object.assign({class:I},{children:[i&&l.startIcon&&n.jsx("span",Object.assign({class:x},{children:l.startIcon})),y&&l.children&&n.jsxs("span",Object.assign({class:w},{children:[" ",l.children," "]})),i&&l.endIcon&&n.jsx("span",Object.assign({class:_},{children:l.endIcon}))]}))}const I=l.forwardRef(({variant:s="outlined",isDisabled:e=!1,isRepeat:a=!1,size:t="md",display:o="all",endIcon:c,startIcon:l,autofocus:d,edge:r,onAction:u,label:b="",accessibleLabel:j,title:p,"aria-describedby":h,width:f,onBlur:I,onFocus:m,onMouseEnter:g,onMouseLeave:B,onTouchEnd:v,onTouchStart:z},_)=>{const x=!l&&!c||"label"===o,w=x?b:n.jsx(y,Object.assign({display:o,startIcon:l,endIcon:c,size:t},{children:b}));return n.jsx(i.BaseButton,Object.assign({ref:_,isDisabled:e,isRepeat:a,size:t,width:f,autofocus:d,edge:r,variant:s,styling:[x?"default":"min"],onAction:u,accessibleLabel:null!=j?j:"icons"===o?b:void 0,title:null!=p?p:"icons"===o?null!=j?j:b:void 0,"aria-label":"icons"===o?b:null,"aria-describedby":h,onBlur:I,onFocus:m,onMouseEnter:g,onMouseLeave:B,onTouchEnd:v,onTouchStart:z},{children:w}))});s.Button=I,s.ButtonLayout=y});
+//# sourceMappingURL=Button-95c272b3.js.map

package/amd/Button-95c272b3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-95c272b3.js","sources":["../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.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 { ComponentChildren, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nexport type ButtonDisplay = 'icons' | 'label' | 'all';\n\nexport type Props = {\n  /**\n   *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\n      display: 'inline-flex',\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n      fontWeight: 'normal',\n      marginTop: 0,\n      marginBottom: 0\n    }}\n  `,\n\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n  ${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}\n`,\n\n  endIcon: cssProps`\n  ${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}\n`,\n\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\n  `\n};\n\nconst isNullOrUndefined = (\n  value: ComponentChildren | null | undefined\n): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\nexport function ButtonLayout({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: Props) {\n  const showIcons = display === 'all' || display === 'icons';\n  const showText = display === 'all' || display === 'label';\n  const labelClass = compStyles.label;\n  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;\n  const isEmbedded = styling === 'embedded';\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = props.startIcon && props.endIcon;\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`,\n    !isOnlyIcon && compStyles.startIcon\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n\n  return (\n    <span class={labelClass}>\n      {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n      {showText && props.children && <span class={textStyles}> {props.children} </span>}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n","/**\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 { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * accessibleLabel - override label for accessibility\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * The title is used to provide a tooltip.\n     */\n    title?: string;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      accessibleLabel,\n      title,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLayout>\n    );\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n        title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n        aria-label={display === 'icons' ? label : null}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["compStyles","isNullOrUndefined","value","ButtonLayout","_a","size","display","styling","props","__rest","labelClass","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","isOnlyIcon","isTwoIcons","Button","forwardRef","variant","isDisabled","isRepeat","autofocus","edge","onAction","label","accessibleLabel","title","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","content","_jsx","jsx","Object","assign","children","BaseButton","undefined"],"mappings":"oOA8CA,MAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,UAAAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,WAAAA,YA2DAC,EAAAC,GAGEA,MAAAA,EAGF,SAAAC,EAAAC,GAA6B,IAAAC,KAAAA,EAAA,KAAAC,QAAAA,EAAA,MAAAC,QAAAA,EAAA,WAAAH,EAAAI,EAAAC,EAAAA,OAAAL,EAAA,CAAA,OAAA,UAAA,oEAQ3BM,EAAAV,wDAEAW,EAAA,aAAAJ,EACAK,GAAAX,EAAAO,EAAAK,YAAA,QAAAP,EACAQ,GAAAb,EAAAO,EAAAO,UAAA,QAAAT,2BAGAU,EAAA,GAAAhB,wBAAAK,KAAAL,oBAEEA,kEAEAiB,GAAAjB,oBAGAA,EACAY,IAAAM,GAAAlB,EACAc,IAAAI,GAAAlB,+SC1BG,MAAMmB,EAASC,EAAUA,WAC9B,EAEIC,QAAAA,EAAU,WACVC,WAAAA,GAAa,EACbC,SAAAA,GAAW,EACXlB,KAAAA,EAAO,KACPC,QAAAA,EAAU,MACVS,QAAAA,EACAF,UAAAA,EACAW,UAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,MAAAA,EAAQ,GACRC,gBAAAA,EACAC,MAAAA,EACA,mBAAoBC,EACpBC,MAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,WAAAA,EACAC,aAAAA,GAEFC,KAEA,MAAMC,GAAc1B,IAAcE,GAAwB,UAAZT,EACxCkC,EAAUD,EACd,EAEAE,EAAAC,IAACvC,EAAawC,OAAAC,OAAA,CAAAtC,QAASA,EAASO,UAAWA,EAAWE,QAASA,EAASV,KAAMA,GAAI,CAAAwC,SAC/ElB,KAGL,OACEc,EAAAC,IAACI,EAAUA,WAAAH,OAAAC,OAAA,CACTN,IAAKA,EACLhB,WAAYA,EACZC,SAAUA,EACVlB,KAAMA,EACN0B,MAAOA,EACPP,UAAWA,EACXC,KAAMA,EACNJ,QAASA,EACTd,QAAS,CAACgC,EAAY,UAAY,OAClCb,SAAUA,EACVE,gBAAiBA,MAAAA,EAAAA,EAAgC,UAAZtB,EAAsBqB,OAAQoB,EACnElB,MAAOA,MAAAA,EAAAA,EAAsB,UAAZvB,EAAsBsB,MAAAA,EAAAA,EAAmBD,OAAQoB,EAAU,aACpD,UAAZzC,EAAsBqB,EAAQ,wBACxBG,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,GAAY,CAAAQ,SACzBL"}

package/amd/Chip-51a40115.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useActionable",'module',"preact/hooks","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTabbableMode","./classNames-77e465af"],function(e,s,a,i,l,b,c,n){"use strict";const t={base:"v5f5ib",disabled:"_115c62b",info:"t1tqch",infoSubtle:"_87jnas",infoSubtleLighter:"kdvvdj",childrenMargins:"ppvl2f"};e.Chip=function({isSelected:e,isDisabled:i,accessibleLabel:b,children:o,onToggle:r}){const d=l.useCallback(()=>{null==r||r({previousValue:e,value:!e})},[e,r]),{actionableProps:u,isHover:h,isActive:f}=a.useActionable(d),v=i?"disabled":e||f?"info":h?"infoSubtle":"infoSubtleLighter",g=n.classNames([t.base,i?t.disabled:`${t.base} ${t[v]} _16kzji8`,t.childrenMargins]),{isTabbable:j}=c.useTabbableMode();return i?s.jsx("div",Object.assign({class:g},{children:o})):s.jsx("div",Object.assign({},u,{class:g,tabIndex:j?0:-1,"aria-label":b,role:"switch","aria-checked":e?"true":"false"},{children:o}))}});
+//# sourceMappingURL=Chip-51a40115.js.map

package/amd/Chip-51a40115.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-51a40115.js","sources":["../../src/UNSAFE_Chip/Chip.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 { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\nconst cursorandFocusStyle = cssProps`${{\n  cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '1px'\n  }\n}}`;\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n    display: 'inline-block',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    height: '2rem',\n    minWidth: '2rem',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center'\n  }}`,\n  disabled: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  info: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`,\n  infoSubtleLighter: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n  /**\n   * Specifies if the chip component is selected.\n   */\n  isSelected?: boolean;\n  /**\n   * Disables the component.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies some screen reader text.\n   */\n  accessibleLabel?: string;\n  children: string;\n  /**\n   * Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n   */\n  onToggle?: (detail: SelectedChangeDetail) => void;\n  //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n  const handleAction = useCallback(() => {\n    onToggle?.({ previousValue: isSelected, value: !isSelected });\n  }, [isSelected, onToggle]);\n\n  const { actionableProps, isHover, isActive } = useActionable(handleAction);\n\n  const variant = isDisabled\n    ? 'disabled'\n    : isSelected || isActive\n    ? 'info'\n    : isHover\n    ? 'infoSubtle'\n    : 'infoSubtleLighter';\n\n  const classes = classNames([\n    styles.base,\n    isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`,\n    styles.childrenMargins\n  ]);\n  const { isTabbable } = useTabbableMode();\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...actionableProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      aria-label={accessibleLabel}\n      role=\"switch\"\n      aria-checked={isSelected ? 'true' : 'false'}>\n      {children}\n    </div>\n  );\n}\n"],"names":["styles","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","actionableProps","isHover","isActive","useActionable","base","childrenMargins","isTabbable","useTabbableMode"],"mappings":"4NAaA,MAUAA,EAAA,MAAA,kBAAA,gBAAA,oBAAA,4BAAA,0CAkFA,UAAAC,WAAAA,EAAAC,WAAAA,EAAAC,gBAAAA,EAAAC,SAAAA,EAAAC,SAAAA,IACE,MAAAC,EAAAC,EAAAA,YAAA,KACEF,MAAAA,GAAAA,EAAA,CAAAG,cAAAP,EAAAQ,OAAAR,KACF,CAAAA,EAAAI,KAEAK,gBAAAA,EAAAC,QAAAA,EAAAC,SAAAA,GAAAC,EAAAA,cAAAP,OAGE,gBAEA,OACAK,EACA,iDAIAX,EAAAc,+CAEAd,EAAAe,mBAEFC,WAAAA,GAAAC,EAAAA"}

package/amd/ClearIcon-a4a3313c.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"preact/hooks","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useTranslationBundle"],function(e,s,n,t,r,o){"use strict";const l="_1ea22j6",a=()=>{};e.ClearIcon=function({onClick:e}){const n=t.useCallback(e=>{e.preventDefault()},[]),{pressProps:i}=r.usePress(null!=e?e:a),c=o.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return s.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:n,title:c},i,{children:s.jsx("svg",Object.assign({height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},{children:s.jsx("path",{d:"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z",fill:"#100f0e","fill-rule":"evenodd"})}))}))}});
+//# sourceMappingURL=ClearIcon-a4a3313c.js.map

package/amd/ClearIcon-a4a3313c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-a4a3313c.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["clearIconStyles","noop","onClick","killEvent","useCallback","event","pressProps","usePress","clearStr","useTranslationBundle","formControl_clear"],"mappings":"oKAWA,MAaAA,aAwBAC,EAAA,mBAEA,UAAAC,QAAAA,IACE,MAAAC,EAAAC,EAAAA,YAAAC,6BAGAC,WAAAA,GAAAC,EAAAA,SAAAL,MAAAA,EAAAA,EAAAD,GAEAO,EADAC,uBAAA,4BACAC"}

package/amd/Collection-b7c3d993.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact"],function(e,t,n){"use strict";e.Collection=function({items:e,children:i}){return t.jsx(n.Fragment,{children:e.map((e,t)=>i({index:t,data:e}))})}});
+//# sourceMappingURL=Collection-b7c3d993.js.map

package/amd/Collection-b7c3d993.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-b7c3d993.js","sources":["../../src/PRIVATE_Collection/Collection.tsx"],"sourcesContent":["/**\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 */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        const ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["items","children","_jsx","jsx","Fragment","map","data","index"],"mappings":"qGA2B8BA,MAAEA,EAAKC,SAAEA,IACrC,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAAH,SACND,EAAMK,IAAI,CAACC,EAASC,IAEZN,EADK,CAAEM,MAAAA,EAAOD,KAAAA"}

package/amd/ComponentMessage-2985b387.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./UNSAFE_HiddenAccessible","./utils/UNSAFE_classNames","./classNames-77e465af","./MessageUtils-7a134473","./HiddenAccessible-51ce05e2","./MessageStartIcon-36c31428","./MessageSummary-31da06a2"],function(e,s,a,i,n,r,t,c,l,o,d,u){"use strict";e.ComponentMessage=function({detail:e,fieldLabel:a,severity:n="error"}){const r=c.classNames(["_121vkyx",l.severityBasedStyleClass(n,"inline")]),t=i.useTranslationBundle("@oracle/oraclejet-preact"),m={confirmation:t.confirmation(),error:t.error(),info:t.info(),warning:t.warn()};return s.jsxs("div",Object.assign({class:r,role:"alert","aria-atomic":"true"},{children:[a&&s.jsx(o.HiddenAccessible,{children:a}),l.isSeverityIconNeeded(n)&&s.jsx(d.MessageStartIcon,{variant:"inline",severity:n,translations:m}),s.jsx(u.MessageSummary,{variant:"inline",text:e})]}))}});
+//# sourceMappingURL=ComponentMessage-2985b387.js.map

package/amd/ComponentMessage-2985b387.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-2985b387.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx"],"sourcesContent":["/**\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  severityBasedStyleClass\n} from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n"],"names":["detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn"],"mappings":"gXA0DA,UAAAA,OAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAA,UACE,MAAAC,EAAAC,EAAAA,WAAA,CAxCF,WAwCEC,EAAAA,wBAAAH,EAAA,YACAI,EAAAC,uBAAA,4BACAC,EAAA,CACEC,aAAAH,EAAAG,eACAC,MAAAJ,EAAAI,QACAC,KAAAL,EAAAK,OACAC,QAAAN,EAAAO"}

package/amd/ComponentMessageContainer-a274e23d.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./PRIVATE_Message","./ComponentMessage-2985b387","./MessagesManager-fabd2ebf"],function(e,a,s,t,n,i){"use strict";function r(e){return e.map((e,a)=>({key:a,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}}))}e.ComponentMessageContainer=function({fieldLabel:e,messages:s=[]}){return a.jsx("div",Object.assign({class:"_1ec1cpj"},{children:a.jsx(i.MessagesManager,Object.assign({data:r(s)},{children:({item:s})=>a.jsx(n.ComponentMessage,{detail:s.data.detail,fieldLabel:e,severity:s.data.severity},s.key)}))}))}});
+//# sourceMappingURL=ComponentMessageContainer-a274e23d.js.map

package/amd/ComponentMessageContainer-a274e23d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-a274e23d.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["generateMessagesData","messages","key","index","data","closeAffordance","severity","message","fieldLabel"],"mappings":"oKAuBA,SAAAA,EAAAC,yBAGMC,IAAAC,EACAC,KAAA,CACEC,gBAAA,MACAC,SAAAC,EAAAD,UAAA,wDAsBR,UAAAE,WAAAA,EAAAP,SAAAA,EAAA,6CAvCA"}

package/amd/Divider-7f5777f5.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_mergeInterpolations"],function(t,n,o,i){"use strict";const r={orientation:{horizontal:"_1719t4c"}},a=[({orientation:t="horizontal"})=>({class:r.orientation[t]})],e=i.mergeInterpolations(a);t.Divider=function(){const{class:t}=e({orientation:"horizontal"});return n.jsx("span",{class:t,role:"separator","aria-orientation":"horizontal"})}});
+//# sourceMappingURL=Divider-7f5777f5.js.map

package/amd/Divider-7f5777f5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-7f5777f5.js","sources":["../../src/UNSAFE_Divider/Divider.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\nconst styles = {\n  orientation: {\n    horizontal: cssProps`${{\n      display: 'block',\n      width: '100%',\n      height: '0',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n      borderStyle: 'solid',\n      borderWidth: '1px 0 0 0',\n      fontSize: '0',\n      lineHeight: '0'\n    }}`\n  }\n};\n\nconst interpolations = [\n  ({ orientation = 'horizontal' }: Pick<DividerProps, 'orientation'>) => ({\n    class: styles.orientation[orientation]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<DividerProps>(interpolations);\n\n// TODO - Support vertical orientation\nexport function Divider() {\n  const { class: cls } = styleInterpolations({ orientation: 'horizontal' });\n\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={cls} role=\"separator\" aria-orientation=\"horizontal\"></span>;\n}\n"],"names":["styles","orientation","interpolations","class","styleInterpolations","mergeInterpolations","cls"],"mappings":"sHAmBA,MAAAA,EAAA,CACEC,YAAA,yBAcFC,EAAA,mCAEIC,MAAAH,EAAAC,YAAAA,MAIJG,EAAAC,EAAAA,oBAAAH,aAGA,WACE,MAAAC,MAAAG,GAAAF,EAAA,CAAAH,YAAA"}

package/amd/FilePicker-ad8e39d8.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle",'module',"./UNSAFE_Text","./UNSAFE_Spacer","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./Text-3c659af2","./Spacer-1de486f2","./stringUtils-e17f4469","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","preact/hooks","./clientHints-6cd92723","./hooks/UNSAFE_useTabbableMode","./classNames-77e465af"],function(e,r,t,s,i,n,a,l,o,c,d,u,p,f,h,b,v,g,m,y,x,T){"use strict";const j=(e,r,s,i,n)=>[t.jsx(u.Text,Object.assign({variant:e?"disabled":"primary",weight:"bold",size:"xl"},{children:D(r,i)})),t.jsx(p.Spacer,{height:"1.5x"}),t.jsx(u.Text,Object.assign({variant:e?"disabled":"secondary",size:"sm"},{children:k(s,i,n)}))],P=({accessibleLabel:e,isDisabled:r,translations:t,primaryText:s,secondaryText:i,selectionMode:n})=>e||`${r?"":t.filePicker_addFiles()+". "}${D(s,t)}. ${k(i,t,n)}`,_=(e,r)=>({width:e?c.sizeToCSS(e):void 0,height:r?c.sizeToCSS(r):void 0}),D=(e,r)=>e||r.filePicker_dropzonePrimaryText(),k=(e,r,t)=>{const s="multiple"===t?r.filePicker_dropzoneSecondaryTextMultiple():r.filePicker_dropzoneSecondaryText();return e||s},S=(e,r,t)=>{const s=[],i=[];let n,a;if(e)for(let l=0;l<e.length;l++){n=e[l];const o=n.name;if(a=t.filePicker_unknownFileTypeUploadError(),o){const e=o.split(".");a=e.length>1?"."+e.pop():a}a=n.type?n.type:a,-1===s.indexOf(a)&&-1===i.indexOf(a)&&(U(n,r)?s.push(a):i.push(a))}return{accepted:s,rejected:i}},E=e=>{const r={length:{value:e.length},item:{value(e){return this[e]}}};for(let t=0;t<e.length;t++)r[t]={value:e[t],enumerable:!0};return Object.create(FileList.prototype,r)},N=(e,r)=>"single"!==r||1===e.length,F=(e,r)=>{const t=[];return 1===e.length?t.push({severity:"error",summary:r.filePicker_singleTypeUploadError({fileType:e[0]})}):t.push({severity:"error",summary:r.filePicker_multipleFileTypeUploadError({fileTypes:e.join(r.plural_separator())})}),t},U=(e,r)=>{const t=r;if(!t||0===t.length||!e)return!0;let s;for(let r=0;r<t.length;r++){if(s=f.trim(t[r]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},A=(e,r,t)=>{let s;const i=r?new Promise(e=>{s=e}):null;return null==t||t({messages:e,until:i}),s},M=(e,r)=>{const t=E(e);null==r||r({files:t})},O=(e,r,t)=>{const{callback:s,validation:i}=H(e),{pressProps:n}=v.usePress(s),a=L(e.accept,e.selectionMode,A,M,r,e.translations,e.onCommit,e.onReject,t),{hoverProps:l,isHover:o}=g.useHover({isDisabled:!1});return{validation:i,dragAndDropProps:a,pressProps:n,isHover:o,hoverProps:l}},H=e=>{const r=r=>{if(r.length>0){const t=S(r,e.accept,e.translations).rejected;t.length>0?A(F(t,e.translations),!1,e.onReject):M(r,e.onCommit)}};return{callback:t=>{var s,i;("click"===t.type||"keyup"===t.type&&"Enter"===t.code)&&(t.preventDefault(),h.pickFiles(r,{accept:e.accept,selectionMode:null!==(s=e.selectionMode)&&void 0!==s?s:"multiple",capture:null!==(i=e.capture)&&void 0!==i?i:"none"}))},validation:r}},L=(e,r,t,s,i,n,a,l,o)=>{const c=m.useRef(!1),d=m.useRef(!1),u=m.useRef(),p=(e,r=!1)=>{var t,s;c.current&&(e.preventDefault(),e.stopPropagation(),(null===(t=i.current)||void 0===t?void 0:t.contains(e.relatedTarget))||(c.current=!1,null==o||o("NA"),d.current||r||null===(s=u.current)||void 0===s||s.call(u)))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),c.current)return;const i=y.getClientHints().browser;if(c.current=!0,d.current=!0,"safari"!==i){if(!s.dataTransfer)return;const i=E(s.dataTransfer.items);let a=[];const c=N(i,r),p=S(i,e,n);c&&0===p.rejected.length?null==o||o("valid"):(d.current=!1,c?a=F(p.rejected,n):a.push({severity:"error",summary:n.filePicker_singleFileUploadError()}),null==o||o("invalid"),u.current=t(a,!0,l))}else null==o||o("valid")},onDragLeave:p,onDrop:i=>{if(c.current){if(i.preventDefault(),i.stopPropagation(),!i.dataTransfer)return void(c.current=!1);const o=E(i.dataTransfer.files);let u=!1;if(d.current){let i=[];if(N(o,r)){const r=S(o,e,n);r.rejected.length>0&&(i=F(r.rejected,n),u=!0)}else i.push({severity:"error",summary:n.filePicker_singleFileUploadError()});i.length>0&&(d.current=!1,t(i,!1,l)),d.current&&s(o,a)}p(i,u)}}}};const w=e=>{const[r,i]=m.useState("NA"),n="valid"===r?"oj-c-valid-drop":"invalid"===r?"oj-c-invalid-drop":"",a=m.useRef(null),{validation:l,dragAndDropProps:o,pressProps:c,isHover:d,hoverProps:u}=O(e,a,i),p=s.mergeProps(c,u);W(o,l,e.testHandlersRef||null);const f=T.classNames([C.base,void 0===e.width&&C.maxWidth,d&&C.hover]),{isTabbable:h}=x.useTabbableMode(),{accessibleLabel:b,primaryText:v,secondaryText:g,translations:y,selectionMode:D,width:k,height:S}=e;return t.jsx("div",Object.assign({},p,{class:f,tabIndex:h?0:-1,role:"button","aria-label":P({accessibleLabel:b,isDisabled:!1,translations:y,primaryText:v,secondaryText:g,selectionMode:D}),ref:a,style:_(k,S)},{children:t.jsx("div",Object.assign({class:T.classNames([C.inner,n])},o,{children:j(!1,v,g,y,D)}))}))},R=({children:e,accessibleLabel:r,primaryText:s,secondaryText:i,translations:n,selectionMode:a,width:l,height:o})=>t.jsx("div",Object.assign({class:T.classNames([I,C.base,C.inner,void 0===l&&C.maxWidth,"oj-c-filepicker-disabled"]),role:"button","aria-label":P({accessibleLabel:r,isDisabled:!0,translations:n,primaryText:s,secondaryText:i}),"aria-hidden":"true",style:_(l,o)},{children:e||j(!0,s,i,n,a)})),z=e=>{const r=m.useRef(null),{validation:i,dragAndDropProps:n,pressProps:a,isHover:l,hoverProps:o}=O(e,r),c=s.mergeProps(a,n,o);W(n,i,e.testHandlersRef||null);const d=T.classNames([C.base,void 0===e.width&&C.maxWidth,l&&C.hover]),{accessibleLabel:u,translations:p,selectionMode:f}=e,{isTabbable:h}=x.useTabbableMode();return t.jsx("div",Object.assign({class:T.classNames([d,I]),tabIndex:h?void 0:-1,role:"button","aria-label":P({accessibleLabel:u,isDisabled:!1,translations:p,selectionMode:f}),ref:r,style:_(e.width,e.height)},c,{children:e.children}))},W=(e,r,t)=>{m.useImperativeHandle(t,()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:r}))},C={base:"rv3xdb",maxWidth:"_1l5rkob",inner:"g2odgp",hover:"drpz13",pseudohover:"nnjbrn"},I="_1s8fk83";e.FilePicker=function(e){var{capture:s="none",isDisabled:i=!1,selectionMode:a="multiple",children:l}=e,o=r.__rest(e,["capture","isDisabled","selectionMode","children"]);const c=o.__testHandlerSymbol,d=n.useTranslationBundle("@oracle/oraclejet-preact"),u=Object.assign({capture:s,selectionMode:a,translations:d},o);return i?t.jsx(R,Object.assign({},u,{children:l})):l?t.jsx(z,Object.assign({testHandlersRef:c},u,{children:l})):t.jsx(w,Object.assign({testHandlersRef:c},u))}});
+//# sourceMappingURL=FilePicker-ad8e39d8.js.map

package/amd/FilePicker-ad8e39d8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker-ad8e39d8.js","sources":["../../src/UNSAFE_FilePicker/FilePickerUtils.tsx","../../src/UNSAFE_FilePicker/postValidationUtils.tsx","../../src/UNSAFE_FilePicker/useFilePickerElement.tsx","../../src/UNSAFE_FilePicker/FilePicker.tsx"],"sourcesContent":["import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { Text } from '../UNSAFE_Text';\nimport { Spacer } from '../UNSAFE_Spacer';\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { trim } from '../utils/UNSAFE_stringUtils';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker } from './FilePicker';\n\nimport { JSX, ComponentProps } from 'preact';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\n/**\n * Gets the default content of the file picker\n */\nexport const getDefaultTriggerContent = (\n  isDisabled: FilePickerProps['isDisabled'],\n  primaryText: FilePickerProps['primaryText'],\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return [\n    <Text variant={isDisabled ? 'disabled' : 'primary'} weight=\"bold\" size=\"xl\">\n      {getPrimaryText(primaryText, translations)}\n    </Text>,\n    <Spacer height=\"1.5x\"></Spacer>,\n    <Text variant={isDisabled ? 'disabled' : 'secondary'} size=\"sm\">\n      {getSecondaryText(secondaryText, translations, selectionMode)}\n    </Text>\n  ];\n};\n\n/**\n * Returns the aria label\n */\ntype AriaLabelProps = {\n  accessibleLabel: FilePickerProps['accessibleLabel'];\n  isDisabled: FilePickerProps['isDisabled'];\n  translations: BundleType;\n  primaryText?: FilePickerProps['primaryText'];\n  secondaryText?: FilePickerProps['secondaryText'];\n  selectionMode?: FilePickerProps['selectionMode'];\n};\nexport const getAriaLabel = ({\n  accessibleLabel,\n  isDisabled,\n  translations,\n  primaryText,\n  secondaryText,\n  selectionMode\n}: AriaLabelProps) => {\n  return accessibleLabel\n    ? accessibleLabel\n    : `${isDisabled ? '' : translations.filePicker_addFiles() + '. '}${getPrimaryText(\n        primaryText,\n        translations\n      )}. ${getSecondaryText(secondaryText, translations, selectionMode)}`;\n};\n\n/**\n * Returns the styles of the file picker\n */\nexport const getStyles = (width: FilePickerProps['width'], height: FilePickerProps['height']) => {\n  const dimStyles: JSX.CSSProperties = {\n    width: width ? sizeToCSS(width) : undefined,\n    height: height ? sizeToCSS(height) : undefined\n  };\n  return dimStyles;\n};\n\n/**\n * Returns the primary text\n */\nconst getPrimaryText = (primaryText: FilePickerProps['primaryText'], translations: BundleType) => {\n  return primaryText ? primaryText : translations.filePicker_dropzonePrimaryText();\n};\n\n/**\n * Returns the secondary text text\n */\nconst getSecondaryText = (\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  const defaultSecondaryText =\n    selectionMode === 'multiple'\n      ? translations.filePicker_dropzoneSecondaryTextMultiple()\n      : translations.filePicker_dropzoneSecondaryText();\n  return secondaryText ? secondaryText : defaultSecondaryText;\n};\n\n/**\n * Takes in a list of files and returns a list of accepted files and\n * a list of rejected files based on file type\n */\nexport const validateTypes = (\n  files: FileList,\n  accept: FilePickerProps['accept'],\n  translations: BundleType\n) => {\n  const accepted = [];\n  const rejected = [];\n  let file: File;\n  let type: string;\n  if (files) {\n    for (let i = 0; i < files.length; i++) {\n      file = files[i];\n      const name = file.name;\n      type = translations.filePicker_unknownFileTypeUploadError();\n      if (name) {\n        const nameSplit = name.split('.');\n        type = nameSplit.length > 1 ? '.' + nameSplit.pop() : type;\n      }\n      type = file.type ? file.type : type;\n      // If type isn't already in one of the lists, add it\n      if (accepted.indexOf(type) === -1 && rejected.indexOf(type) === -1) {\n        if (_acceptFile(file, accept)) {\n          accepted.push(type);\n        } else {\n          rejected.push(type);\n        }\n      }\n    }\n  }\n  return { accepted, rejected };\n};\n\n/**\n * Creates a file list\n */\nexport const createFileList = (origList: FileList | DataTransferItemList) => {\n  const descriptor: Record<string | number, PropertyDescriptor> = {\n    length: { value: origList.length },\n    item: {\n      value(index: number): File {\n        return (this as unknown as FileList)[index];\n      }\n    }\n  };\n  for (let i = 0; i < origList.length; i++) {\n    descriptor[i] = { value: origList[i], enumerable: true };\n  }\n\n  return Object.create(FileList.prototype, descriptor);\n};\n\n/**\n * Returns false if selected multiple files when in single file selection mode\n */\nexport const validateSelectionMode = (\n  files: FileList,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return selectionMode !== 'single' || files.length === 1;\n};\n\n/**\n * Returns the correct message if mime type validation has failed\n */\nexport const getMimeTypeValidationMessages = (\n  rejected: Array<string>,\n  translations: BundleType\n): ComponentMessageItem[] => {\n  const messages: ComponentMessageItem[] = [];\n  if (rejected.length === 1) {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_singleTypeUploadError({\n        fileType: rejected[0]\n      })\n    });\n  } else {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_multipleFileTypeUploadError({\n        fileTypes: rejected.join(translations.plural_separator())\n      })\n    });\n  }\n  return messages;\n};\n\n/**\n * Returns true if file passes mimetype validation\n */\nconst _acceptFile = (file: File, accept: FilePickerProps['accept']) => {\n  const acceptProp = accept;\n  if (!acceptProp || acceptProp.length === 0 || !file) {\n    return true;\n  }\n\n  let fileAccept;\n  for (let i = 0; i < acceptProp.length; i++) {\n    fileAccept = trim(acceptProp[i]) as string;\n    if (!fileAccept) {\n      return true;\n    } else if (fileAccept.startsWith('.', 0)) {\n      // when dragover, only MIME type is available, file name is undefined\n      // to lowerCase is to make the string comparison case insensitive\n      if (!file.name || (file.name && file.name.toLowerCase().endsWith(fileAccept.toLowerCase()))) {\n        return true;\n      }\n    } else if (!file.type) {\n      return false;\n    } else if (fileAccept === 'image/*') {\n      if (file.type.startsWith('image/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'video/*') {\n      if (file.type.startsWith('video/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'audio/*') {\n      if (file.type.startsWith('audio/', 0)) {\n        return true;\n      }\n    } else if (file.type === fileAccept) {\n      return true;\n    }\n  }\n  return false;\n};\n","import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\n\nimport { createFileList } from './FilePickerUtils';\nimport { RejectDetail, CommitDetail } from './FilePicker';\n\n/**\n * Calls the onReject callback when invalid files are selected.\n * For invalid dragged files, this function will return a promise resolver that\n * should be called when the invalid files are no longer dragged over the filepicker.\n */\nexport const fireRejectAction = (\n  messages: ComponentMessageItem[],\n  isDrag: boolean,\n  onReject?: (detail: RejectDetail) => void\n) => {\n  let resolver;\n  const dragPromise = isDrag\n    ? new Promise<void>((resolve) => {\n        resolver = resolve;\n      })\n    : null;\n\n  onReject?.({\n    messages,\n    until: dragPromise\n  });\n  return resolver;\n};\n\n/**\n * Calls the onCommit callback when all files are valid.\n */\nexport const handleFilesAdded = (files: FileList, onCommit?: (detail: CommitDetail) => void) => {\n  // Bug 28503874 - filepicker: filelist cleared after the handler returns\n  // Note: the parameter \"files\" is a direct reference to the embedded Input element's property\n  // which could be reset or changed.\n  // we need to return a copy of FileList just in case apps hold on to a reference to FileList\n  const list = createFileList(files);\n  onCommit?.({\n    files: list\n  });\n};\n","import { pickFiles } from '../utils/UNSAFE_filePickerUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker, CommitDetail, RejectDetail } from './FilePicker';\nimport {\n  validateTypes,\n  getMimeTypeValidationMessages,\n  createFileList,\n  validateSelectionMode\n} from './FilePickerUtils';\nimport { fireRejectAction, handleFilesAdded } from './postValidationUtils';\n\nimport { ComponentProps } from 'preact';\nimport { useRef, Ref, StateUpdater } from 'preact/hooks';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\ntype FilePickerElementProps = FilePickerProps & {\n  translations: BundleType;\n};\n\n/**\n * The file picker helper method for non-disabled filepickers.\n */\nexport const useFilepickerElementHelper = (\n  props: FilePickerElementProps,\n  rootRef: Ref<HTMLDivElement>,\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const { callback, validation } = clickCallbackUtils(props);\n  const { pressProps } = usePress(callback);\n\n  const dragAndDropProps = useDragAndDropEvents(\n    props.accept,\n    props.selectionMode,\n    fireRejectAction,\n    handleFilesAdded,\n    rootRef,\n    props.translations,\n    props.onCommit,\n    props.onReject,\n    setValidity\n  );\n  const { hoverProps, isHover } = useHover({ isDisabled: false });\n  return {\n    validation,\n    dragAndDropProps,\n    pressProps,\n    isHover,\n    hoverProps\n  };\n};\n\ntype ClickProps = {\n  accept?: FilePickerProps['accept'];\n  capture?: FilePickerProps['capture'];\n  selectionMode?: FilePickerProps['selectionMode'];\n  onCommit?: FilePickerProps['onCommit'];\n  onReject?: FilePickerProps['onReject'];\n  translations: BundleType;\n};\n\nconst clickCallbackUtils = (props: ClickProps) => {\n  /**\n   * Callback function when the filepicker is clicked.\n   */\n  const handleSelectingFiles = (event: Event) => {\n    // Bug 27775173 - within firefox browser cannot tab past filepicker without file selector\n    // window opening\n    // only launching the file picker if click or 'Enter' was pressed\n    if (\n      event.type === 'click' ||\n      (event.type === 'keyup' && (event as KeyboardEvent).code === 'Enter')\n    ) {\n      // Bug 26907138 - form submit event is triggered when the file upload button is clicked\n      event.preventDefault();\n\n      pickFiles(_handleClickValidation, {\n        accept: props.accept,\n        selectionMode: props.selectionMode ?? 'multiple',\n        capture: props.capture ?? 'none'\n      });\n    }\n  };\n\n  /**\n   * Handles file validation from selecting files through the file dialog\n   */\n  const _handleClickValidation = (files: FileList) => {\n    if (files.length > 0) {\n      const rejected = validateTypes(files, props.accept, props.translations).rejected;\n      if (rejected.length > 0) {\n        fireRejectAction(\n          getMimeTypeValidationMessages(rejected, props.translations),\n          false,\n          props.onReject\n        );\n      } else {\n        handleFilesAdded(files, props.onCommit);\n      }\n    }\n  };\n  return {\n    callback: handleSelectingFiles,\n    validation: _handleClickValidation\n  };\n};\n\nconst useDragAndDropEvents = (\n  accept: FilePickerProps['accept'],\n  selectionMode: FilePickerProps['selectionMode'],\n  fireRejectAction: (\n    messages: ComponentMessageItem[],\n    isDrag: boolean,\n    onReject?: (detail: RejectDetail) => void\n  ) => any,\n  handleFilesAdded: (files: FileList, onCommit?: (detail: CommitDetail) => void) => void,\n  rootRef: Ref<HTMLDivElement>,\n  translations: BundleType,\n  onCommit?: (detail: CommitDetail) => void,\n  onReject?: (detail: RejectDetail) => void,\n  // setValidity not set for custom filepicker\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const inDropZone = useRef<boolean>(false);\n  const isDroppable = useRef<boolean>(false);\n  const dragPromiseResolver = useRef<() => void>();\n\n  /**\n   * Drag Enter handler called when a dragged file enter the filepicker dropzone\n   */\n  const _handleDragEnter = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  /**\n   * Drag over handler called when a file is dragged over the filepicker\n   */\n  const _handleDragOver = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (inDropZone.current) {\n      return;\n    }\n\n    const browser = getClientHints().browser;\n    inDropZone.current = true;\n    isDroppable.current = true;\n    // Safari doesn't provide the data for the files on drag over so validation cannot be done until drop\n    if (browser !== 'safari') {\n      if (!event.dataTransfer) {\n        return;\n      }\n      const files = createFileList(event.dataTransfer.items);\n      let messages = [] as ComponentMessageItem[];\n      const selectionModeValid = validateSelectionMode(files, selectionMode);\n      const droppable = validateTypes(files, accept, translations);\n      if (selectionModeValid && droppable.rejected.length === 0) {\n        // validation passes\n        setValidity?.('valid');\n      } else {\n        isDroppable.current = false;\n        if (selectionModeValid) {\n          // mimetype Validation fails\n          messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n        } else {\n          // selected multiple files in single selection mode\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        setValidity?.('invalid');\n        dragPromiseResolver.current = fireRejectAction(messages, true, onReject);\n      }\n    } else {\n      setValidity?.('valid');\n    }\n  };\n\n  /**\n   * Drag leave handler is called when the dragged file leaves the filepicker dropzone\n   */\n  const _handleDragLeave = (event: DragEvent, mimeTypeDropFail = false) => {\n    if (!inDropZone.current) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    if (!rootRef.current?.contains(event.relatedTarget as Node)) {\n      inDropZone.current = false;\n      setValidity?.('NA');\n      // There's only a promise if validation failed on dragover\n      if (!isDroppable.current && !mimeTypeDropFail) {\n        dragPromiseResolver.current?.();\n      }\n    }\n  };\n\n  /**\n   * Drop file handler is called when a file is dropped on the filepicker dropzone\n   */\n  const _handleFileDrop = (event: DragEvent) => {\n    if (inDropZone.current) {\n      event.preventDefault();\n      event.stopPropagation();\n      if (!event.dataTransfer) {\n        inDropZone.current = false;\n        return;\n      }\n      const files = createFileList(event.dataTransfer.files);\n      let mimeTypeDropFail = false;\n      if (isDroppable.current) {\n        let messages: ComponentMessageItem[] = [];\n        if (validateSelectionMode(files, selectionMode)) {\n          const droppable = validateTypes(files, accept, translations);\n          if (droppable.rejected.length > 0) {\n            // mimetype Validation fails\n            messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n            mimeTypeDropFail = true;\n          }\n        } else {\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        if (messages.length > 0) {\n          isDroppable.current = false;\n          fireRejectAction(messages, false, onReject);\n        }\n        if (isDroppable.current) {\n          handleFilesAdded(files, onCommit);\n        }\n      }\n      _handleDragLeave(event, mimeTypeDropFail);\n    }\n  };\n\n  return {\n    onDragEnter: _handleDragEnter,\n    onDragOver: _handleDragOver,\n    onDragLeave: _handleDragLeave,\n    onDrop: _handleFileDrop\n  };\n};\n","/**\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 { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Size } from '../utils/UNSAFE_size';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { getDefaultTriggerContent, getAriaLabel, getStyles } from './FilePickerUtils';\nimport { useFilepickerElementHelper } from './useFilePickerElement';\n\nimport { ComponentChildren } from 'preact';\nimport { useState, useRef, useImperativeHandle } from 'preact/hooks';\nimport { ForwardedRef } from 'preact/compat';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\n// TODO: Andy's comment below JET-53230\n// The FilePicker supports two very different use cases: default and custom file pickers. Should we consider dropping the wrapper and instead exporting the two underlying components (with the appropriate property types) directly?\n// If not, perhaps we should look into defining the Props type as a discriminated union such that primaryText/secondaryText props are only valid when children is not specified?\n\ntype Props = {\n  /**\n   * An array of strings of allowed MIME types or file extensions that can be uploaded; this is unlike the accept attribute of the html &lt;input> element that accepts a simple comma-delimited string. If not specified, all file types will be accepted.\n   * <p>Note: If accept is specified, files with empty string type will be rejected if no match found in the \"accept\" value.   */\n  accept?: string[];\n\n  /**\n   * Specifies the preferred facing mode for the device's\n   * <a href=\"https://www.w3.org/TR/html-media-capture/#dom-htmlinputelement-capture\">media capture</a> mechanism;\n   * This is most often used to provide direct camera access on mobile devices.  Note that the accept attribute must\n   * be specified and have an associated capture control type (e.g.[\"image/*\"]) for the capture attribute to take effect.  Support may vary by browser.\n   *\n   */\n  capture?: 'user' | 'environment' | 'implementation' | 'none';\n\n  /**\n   * Disables the filepicker if set to <code class=\"prettyprint\">true</code>.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The primary text for the default file picker.\n   */\n  primaryText?: string;\n\n  /**\n   * The secondary text for the default file picker.\n   */\n  secondaryText?: string;\n  /**\n   * Whether to allow single or multiple file selection.\n   */\n  selectionMode?: 'multiple' | 'single';\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been committed\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been rejected\n   */\n  onReject?: (detail: RejectDetail) => void;\n\n  /**\n   * Width of the File Picker\n   */\n  width?: Size;\n\n  /**\n   * Height of the File Picker\n   */\n  height?: Size;\n\n  /**\n   * If the children is provided, its contents replace the default filepicker.  Filepicker will still set role and aria-label, but\n   * the application is responsible for setting the tabindex.\n   */\n  children?: ComponentChildren;\n};\n\nexport type CommitDetail = {\n  files: FileList;\n};\n\nexport type RejectDetail = {\n  /**\n   * Messages that should be displayed to the user (e.g. in an oj-messages component) describing rejected files.\n   */\n  messages: ComponentMessageItem[];\n\n  /**\n   * This property may be populated with a Promise to provide short-term feedback during a user interaction (typically drag and drop); the feedback should be cleared upon the resolution of this Promise.\n   */\n  until: Promise<void> | null;\n};\n\n/**\n * A file picker displays a clickable dropzone for selecting files from the device storage.\n */\nexport function FilePicker({\n  capture = 'none',\n  isDisabled = false,\n  selectionMode = 'multiple',\n  children,\n  ...otherProps\n}: Props) {\n  // this ref is added only for testing purposes.  Allows the test to directly\n  // call certain functions that should be tested\n  const testHandlersRef = (otherProps as any).__testHandlerSymbol;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const props = { capture, selectionMode, translations, ...otherProps };\n  if (isDisabled) {\n    return <DisabledFilePicker {...props}>{children}</DisabledFilePicker>;\n  }\n  return children ? (\n    <CustomFilePicker testHandlersRef={testHandlersRef} {...props}>\n      {children}\n    </CustomFilePicker>\n  ) : (\n    <DefaultFilePicker testHandlersRef={testHandlersRef} {...props} />\n  );\n}\n\ntype FilePickerProps = Props & {\n  translations: BundleType;\n};\n\ntype DndProps = {\n  onDragEnter: (event: Event) => void;\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: (event: DragEvent, mimeTypeDropFail: boolean) => void;\n  onDrop: (event: DragEvent) => void;\n};\n\nexport type TestHandlersRef = ForwardedRef<\n  DndProps & {\n    onClickSelected: (files: FileList) => void;\n  }\n>;\n\ntype TestHandlerProps = {\n  // this ref is populated only in tests\n  testHandlersRef?: TestHandlersRef;\n};\n\ntype DefaultProps = Omit<FilePickerProps, 'isDisabled' | 'children'> & TestHandlerProps;\n\n/**\n * The default file picker element.\n */\nconst DefaultFilePicker = (props: DefaultProps) => {\n  const [validity, setValidity] = useState<'NA' | 'valid' | 'invalid'>('NA');\n\n  // class added to change bg/border color based on if file is valid on drag and drop\n  const validityClass =\n    validity === 'valid' ? 'oj-c-valid-drop' : validity === 'invalid' ? 'oj-c-invalid-drop' : '';\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef, setValidity);\n  const mergedEventProps = mergeProps(pressProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { isTabbable } = useTabbableMode();\n  const {\n    accessibleLabel,\n    primaryText,\n    secondaryText,\n    translations,\n    selectionMode,\n    width,\n    height\n  } = props;\n  return (\n    <div\n      {...mergedEventProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: false,\n        translations,\n        primaryText,\n        secondaryText,\n        selectionMode\n      })}\n      ref={rootRef}\n      style={getStyles(width, height)}>\n      <div class={classNames([styles.inner, validityClass])} {...dragAndDropProps}>\n        {getDefaultTriggerContent(false, primaryText, secondaryText, translations, selectionMode)}\n      </div>\n    </div>\n  );\n};\n\ntype DisabledProps = Omit<\n  FilePickerProps,\n  'accept' | 'capture' | 'onCommit' | 'onReject' | 'isDisabled'\n>;\n\n/**\n * The disabled file picker element.\n */\nconst DisabledFilePicker = ({\n  children,\n  accessibleLabel,\n  primaryText,\n  secondaryText,\n  translations,\n  selectionMode,\n  width,\n  height\n}: DisabledProps) => {\n  return (\n    <div\n      class={classNames([\n        childrenStyles,\n        styles.base,\n        styles.inner,\n        width === undefined && styles.maxWidth,\n        'oj-c-filepicker-disabled'\n      ])}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: true,\n        translations,\n        primaryText,\n        secondaryText\n      })}\n      aria-hidden=\"true\"\n      style={getStyles(width, height)}>\n      {children ||\n        getDefaultTriggerContent(true, primaryText, secondaryText, translations, selectionMode)}\n    </div>\n  );\n};\n\ntype CustomProps = Omit<FilePickerProps, 'isDisabled' | 'primaryText' | 'secondaryText'> &\n  TestHandlerProps;\n\n/**\n * The custom file picker element.\n */\nconst CustomFilePicker = (props: CustomProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef);\n  const mergedEventProps = mergeProps(pressProps, dragAndDropProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { accessibleLabel, translations, selectionMode } = props;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <div\n      class={classNames([classes, childrenStyles])}\n      tabIndex={isTabbable ? undefined : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({ accessibleLabel, isDisabled: false, translations, selectionMode })}\n      ref={rootRef}\n      style={getStyles(props.width, props.height)}\n      {...mergedEventProps}>\n      {props.children}\n    </div>\n  );\n};\n\n/**\n * Only called for testing purposes, sets up the test ref that\n * allows for backdoor access to certain methods\n */\nconst useSetupTestRef = (\n  dragAndDropProps: DndProps,\n  validation: (files: FileList) => void,\n  testHandlersRef: TestHandlersRef\n) => {\n  useImperativeHandle(testHandlersRef, () => ({\n    onDragEnter: dragAndDropProps.onDragEnter,\n    onDragOver: dragAndDropProps.onDragOver,\n    onDrop: dragAndDropProps.onDrop,\n    onDragLeave: dragAndDropProps.onDragLeave,\n    onClickSelected: validation\n  }));\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'block',\n    height: '100%',\n    width: '100%'\n  }}`,\n  maxWidth: cssProps`${{\n    maxWidth: '400px'\n  }}`,\n  inner: cssProps`${{\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    height: '100%',\n    borderStyle: 'dashed',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color)',\n    '&:active': { backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)' }\n  }}`,\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': {\n      cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n    }\n  }}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': {\n        cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n      }\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"],"names":["getDefaultTriggerContent","isDisabled","primaryText","secondaryText","translations","selectionMode","_jsx","Text","Object","assign","variant","weight","size","children","getPrimaryText","Spacer","height","jsx","getSecondaryText","getAriaLabel","accessibleLabel","filePicker_addFiles","getStyles","width","sizeToCSS","undefined","filePicker_dropzonePrimaryText","defaultSecondaryText","filePicker_dropzoneSecondaryTextMultiple","filePicker_dropzoneSecondaryText","validateTypes","files","accept","accepted","rejected","file","type","i","length","name","filePicker_unknownFileTypeUploadError","nameSplit","split","pop","indexOf","_acceptFile","push","createFileList","origList","descriptor","value","item","index","this","enumerable","create","FileList","prototype","validateSelectionMode","getMimeTypeValidationMessages","messages","severity","summary","filePicker_singleTypeUploadError","fileType","filePicker_multipleFileTypeUploadError","fileTypes","join","plural_separator","acceptProp","fileAccept","trim","startsWith","toLowerCase","endsWith","fireRejectAction","isDrag","onReject","resolver","dragPromise","Promise","resolve","until","handleFilesAdded","onCommit","list","useFilepickerElementHelper","props","rootRef","setValidity","callback","validation","clickCallbackUtils","pressProps","usePress","dragAndDropProps","useDragAndDropEvents","hoverProps","isHover","useHover","_handleClickValidation","event","code","preventDefault","pickFiles","_a","capture","_b","inDropZone","useRef","isDroppable","dragPromiseResolver","_handleDragLeave","mimeTypeDropFail","current","stopPropagation","contains","relatedTarget","call","onDragEnter","onDragOver","browser","getClientHints","dataTransfer","items","selectionModeValid","droppable","filePicker_singleFileUploadError","onDragLeave","onDrop","DefaultFilePicker","styles","base","maxWidth","isTabbable","useTabbableMode","DisabledFilePicker","class","classNames","inner","role","style","CustomFilePicker","classes","childrenStyles","tabIndex","ref","mergedEventProps","useSetupTestRef","testHandlersRef","useImperativeHandle","onClickSelected","otherProps","__rest","__testHandlerSymbol","useTranslationBundle"],"mappings":"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"}

package/amd/Flex-6a69bc2a.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations",'module',"./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./utils/UNSAFE_interpolations/flexitem","./utils/UNSAFE_classNames","./flexbox-d4e8bc5d","./flexitem-a81fbe8b","./classNames-77e465af"],function(e,s,t,i,n,l,a,o,r,c,x,b,u){"use strict";const f=[...Object.values(i.dimensionInterpolations),...Object.values(x.flexboxInterpolations),...Object.values(b.flexitemInterpolations),...Object.values(a.boxAlignmentInterpolations)],m=n.mergeInterpolations(f);e.Flex=e=>{var{children:i,hasZeroMargins:n}=e,l=s.__rest(e,["children","hasZeroMargins"]);const a=u.classNames(["_13s3tsk",n&&"_1lzn2v4"]),o=m(l),{class:r}=o,c=s.__rest(o,["class"]);return t.jsx("div",Object.assign({class:`${a} ${r}`,style:c},{children:i}))}});
+//# sourceMappingURL=Flex-6a69bc2a.js.map

package/amd/Flex-6a69bc2a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-6a69bc2a.js","sources":["../../src/UNSAFE_Flex/Flex.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 { ComponentChildren } from 'preact';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n  hasZeroMargins?: boolean;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\nconst marginZeroStyles = 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 interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","_a","flexComponentClasses","classNames","hasZeroMargins","_b","props","class","cls","styles","__rest","_jsx","assign","style","children"],"mappings":"uaA2BA,MAWAA,EAAA,IACEC,OAAAC,OAAAC,EAAAA,4BACAF,OAAAC,OAAAE,EAAAA,0BACAH,OAAAC,OAAAG,6BACAJ,OAAAC,OAAAI,EAAAA,6BAGFC,EAAAC,EAAAA,oBAAAR,UAEAS,mFACE,MAAAC,EAAAC,EAAAA,WAAA,CArBF,WAqBEC,GApBF,aAqBEC,EAAAN,EAAAO,IAAAC,MAAAC,GAAAH,EAAAI,EAAAC,EAAAA,OAAAL,EAAA,CAAA,UACA,OAAAM,MAAA,MAAAlB,OAAAmB,OAAA,CAAAL,MAAA,GAAAL,KAAAM,IAAAK,MAAAJ,GAAA,CAAAK,SAAAA"}

package/amd/Floating-fe475c26.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","preact/compat","./index-8637c972","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useUser"],function(t,e,i,n,o,s,r,l){"use strict";const a=n.forwardRef(({},t)=>e.jsxs("div",Object.assign({ref:t},{children:[" ",e.jsx("div",{})," "]})));const c=n.forwardRef(({children:t,onClickOutside:n,placement:c="bottom",anchorRef:u,offsetValue:d,class:f,tail:p="none",flipOptions:h={mainAxis:!0,crossAxis:!1},shiftOptions:m={mainAxis:!0,crossAxis:!1},sizeOptions:g={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:x={padding:0},onPosition:b},A)=>{const v=i.useRef(null),[j,y]=i.useState(null);i.useLayoutEffect(()=>{y(u.current)},[]),u.current!==j&&y(u.current);const{direction:O}=l.useUser(),M="rtl"===O,R=i.useCallback(t=>{!function(t,e,i,n,o){var s,r;if("simple"===n&&t.arrow){const{x:n,y:l,centerOffset:a}=t.arrow,c=i.current,u=7,d=6,f=null===(s=i.current)||void 0===s?void 0:s.querySelector("div"),p=5,h=5,m={position:"absolute",width:"0px",height:"0px"};let g=0,x=0;const b=e.current,A=void 0===(null==b?void 0:b.x)&&void 0===(null==b?void 0:b.y);A&&(g=Math.round(b.getBoundingClientRect().height),x=Math.round(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width));const v=A?Math.abs(a)>=g/2-u/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(t.origPlacement),j=A?Math.abs(a)>=x/2-u/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(t.origPlacement),y=0===a,O=a>0;function M(t){const e=t?d:u;k({borderTop:`${C(e)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,borderRight:$(e),borderLeft:$(e)});const i=t?h:p;w({borderTop:`${C(i)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,borderRight:`${$(i)}`,borderLeft:`${$(i)}`})}function R(t,e){Object.assign(null==e?void 0:e.style,t)}function k(t){R(t,c)}function w(t){R(t,f)}function E(t){return`rotate(${45*t}deg)`}function C(t){return`${t}px`}function $(t){return`${C(t)} solid transparent`}switch(R(m,c),R(m,f),M(v||j),t.placement.split("-")[0]){case"top":P();break;case"end":o?H():T();break;case"bottom":U();break;case"start":o?T():H()}function P(){null!=n&&(j?(k({top:"",bottom:C(2-u),left:C(n+(O?5:-5)),transform:E(O?5:3)}),S()):(k({top:"",bottom:C(-u),left:C(y?n:n+(O?1:-1)),transform:E(0)}),W()))}function T(){null!=l&&(v?(k({top:C(l+(O?2:-2)),right:"",left:C(-u-1),transform:E(O?7:5)}),S()):(k({top:C(y?l:l+(O?-2:2)),right:"",left:C(1.5*-u),transform:E(2)}),W()))}function U(){null!=n&&(j?(k({top:C(3-u),bottom:"",left:C(n+(O?4:-4)),transform:E(O?2:6)}),w({top:C(-p),left:C((O?1:-1)-p)})):(k({top:C(-u),bottom:"",left:C(y?n:n+(O?1:-1)),transform:E(4)}),W()))}function H(){null!=l&&(v?(k({top:C(l+(O?2:-2)),right:C(-u-1),left:"",transform:E(O?1:3)}),w({top:C(-p),left:C((O?-2:2)-p)})):(k({top:C(y?l:l+(O?-2:2)),right:C(1.5*-u),left:"",transform:E(6)}),W()))}function S(){w({top:C(-p),left:C((O?2:-2)-p)})}function W(){w({top:C(-p-2),left:C(-p)})}}}(t,u,v,p,M),null==b||b(t)},[c,u,v,p,b]),k=[o.offset(d),o.b({mainAxis:h.mainAxis,crossAxis:h.crossAxis,padding:x.padding}),o.D({mainAxis:m.mainAxis,crossAxis:m.crossAxis,limiter:o.L({mainAxis:m.mainAxis,crossAxis:m.crossAxis})}),...v.current?[o.m({element:v.current})]:[]];(g.isMaxHeightAdjusted||g.isMaxWidthAdjusted)&&k.push(o.k({apply({availableWidth:t,availableHeight:e,elements:i}){g.isMaxHeightAdjusted&&Object.assign(i.floating.style,{maxHeight:`${Math.min(e,g.maxHeightCeiling||e)}px`}),g.isMaxWidthAdjusted&&Object.assign(i.floating.style,{maxWidth:`${Math.min(t,g.maxWidthCeiling||t)}px`})},padding:x.padding}));const{x:w,y:E,reference:C,floating:$,refs:P}=o.useFloating({placement:c,middleware:k,whileElementsMounted:o.N,onPosition:R});r.useOutsideClick({isDisabled:!1,ref:P.floating,handler:n}),i.useLayoutEffect(()=>{if(j instanceof Element){return void C(j)}const t=j,e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&C(e)},[j,C]);const T=i.useMemo(()=>s.mergeRefs(A,$),[A,$]);return e.jsxs("div",Object.assign({class:f,ref:T,style:{display:"block",visibility:null==w&&null==E?"hidden":"visible",position:"absolute",top:null!=E?E:"",left:null!=w?w:"",width:"auto",height:"auto"}},{children:[t,e.jsx(a,{ref:v})]}))});t.Floating=c});
+//# sourceMappingURL=Floating-fe475c26.js.map

package/amd/Floating-fe475c26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Floating-fe475c26.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef } from 'preact/compat';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from '../hooks/UNSAFE_useFloating';\n\nconst FloatingTail = forwardRef<HTMLDivElement>(({}, arrowRef) => {\n  return (\n    <div ref={arrowRef}> {/*Outer arrow - shadow*/}\n      <div></div> {/*Inner arrow - body*/}\n    </div>\n  );\n});\n\nfunction renderTail(\n  data: PositionData,\n  anchorRef: RefObject<Element | Coords>,\n  arrowRef: RefObject<Element>,\n  tail: 'none' | 'simple',\n  isRtl: boolean\n) {\n  if (tail === 'simple' && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowEl = arrowRef.current as Element;\n    const arrowSize = 7;\n    const arrowSizeCorner = 6;\n    const arrowInnerEl = arrowRef.current?.querySelector('div') as Element;\n    const arrowInnerSize = 5;\n    const arrowInnerSizeCorner = 5;\n    const arrowCommonStyle = {\n      position: 'absolute',\n      width: '0px',\n      height: '0px'\n    };\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n\n    // @ts-ignore. Type 'Element | Coords' issues\n    // Property 'x' does not exist on type 'Element'.\n    // Property 'y' does not exist on type 'Element'.\n    const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n    if (isAnchorRefElement) {\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n    }\n    const isCornerVerticalPlacement = isAnchorRefElement ?\n      Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2 :\n      ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(data.origPlacement);\n    const isCornerHorizontalPlacement = isAnchorRefElement ?\n      Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2 :\n      ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(data.origPlacement);\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set styles of the arrow\n    setElementStyle(arrowCommonStyle, arrowEl);\n    setElementStyle(arrowCommonStyle, arrowInnerEl);\n\n    // Set sizes of the arrow\n    setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);\n\n    // Corner vs. normal arrow\n    function setArrowSizes(isCornerPlacement?: boolean) {\n      // Outer arrow (shadow)\n      const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n      setArrowStyle({\n        borderTop: `${getSize(arrowFinalSize)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,\n        borderRight: getTransparentBorder(arrowFinalSize),\n        borderLeft: getTransparentBorder(arrowFinalSize)\n      });\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle({\n        borderTop: `${getSize(arrowInnerFinalSize)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,\n        borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n        borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`,\n      })\n    }\n\n    function setElementStyle(style: object, element: Element) {\n      //@ts-ignore - regarding types arrowEl.style is not under our control\n      Object.assign(element?.style, style);\n    }\n\n    function setArrowStyle(style: object) {\n      setElementStyle(style, arrowEl);\n    }\n\n    function setArrowInnerStyle(style: object) {\n      setElementStyle(style, arrowInnerEl);\n    }\n\n    function getTurn(eighth: number) {\n      return `rotate(${(eighth) * 45}deg)`;\n    }\n\n    function getSize(size: number) {\n      return `${size}px`;\n    }\n\n    function getTransparentBorder(size: number) {\n      return `${getSize(size)} solid transparent`;\n    }\n\n    const placementArr = data.placement.split('-');\n    const side = placementArr[0];\n\n    switch(side) {\n      case 'top': setArrowTop(); break;\n      case 'end': isRtl ? setArrowStart() : setArrowEnd();break;\n      case 'bottom': setArrowBottom(); break;\n      case 'start': isRtl ? setArrowEnd() : setArrowStart(); break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize + 2),\n            left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n            transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n          });\n          setCornerArrowInner();\n        } else {\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize),\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(0)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: '', // flip 'reset'\n            left: getSize(-arrowSize -1),\n            transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n          });\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle({\n            top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n            right: '', // flip 'reset'\n            left: getSize(-arrowSize * 1.5),\n            transform: getTurn(2)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle({\n            top: getSize(-arrowSize + 3),\n            bottom: '', // flip 'reset'\n            left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n            transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n          });\n        } else {\n          setArrowStyle({\n            top: getSize(-arrowSize),\n            bottom: '', // flip 'reset'\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(4)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: getSize(-arrowSize - 1),\n            left: '', // flip 'reset'\n            transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n          });\n        } else {\n          // Start\n          setArrowStyle({\n            top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n            right: getSize(-arrowSize * 1.5),\n            left: '', // flip 'reset'\n            transform: getTurn(6)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize),\n        left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n      });\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize - 2),\n        left: getSize(-arrowInnerSize)\n      });\n    }\n  }\n}\n\nexport { FloatingTail, renderTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n  useFloating,\n  shift,\n  flip,\n  size,\n  offset,\n  limitShift,\n  PositionData\n} from '../hooks/UNSAFE_useFloating';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Offset, Placement, Coords, VirtualElement, Rect } from '../hooks/UNSAFE_useFloating';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail, renderTail } from './FloatingTail';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n\ntype FlipOptions = {\n  mainAxis?: boolean; // This is the main axis in which overflow is checked to perform a flip. Default true.\n  crossAxis?: boolean; // This is the cross axis in which overflow is checked to perform a flip, the opposite axis of mainAxis. Default false.\n};\n\ntype ShiftOptions = {\n  mainAxis?: boolean; // This is the main axis in which shifting is applied. Default true.\n  crossAxis?: boolean; // This is the cross axis in which shifting is applied, the opposite axis of mainAxis. Default false\n};\n\n/**\n * This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n */\nexport type BoundaryOptions = {\n  padding?: number | {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n  };\n}\n/**\n  * Specifies the resizing behaviour for max-height and max-width of the floating component.\n  * The floating element will change the size depending on the available space.\n  * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n  * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n  */\nexport type SizeOptions = {\n  isMaxWidthAdjusted?: boolean;\n  isMaxHeightAdjusted?: boolean;\n  maxHeightCeiling?: number;\n  maxWidthCeiling?: number;\n}\n\ntype Props = IntrinsicProps & {\n  /**\n   * Placement of the floating element relative to the trigger.\n   * Possible values are:\n   * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n   * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n   * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n   * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n   * </p>\n   */\n  placement?: Placement;\n\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: RefObject<Element | Coords>;\n\n  /**\n   * Placement offset.\n   * Offset displaces the floating element from its core placement along the specified axes.\n   * Offset could be a number, object or a function.\n   * A number represents the distance (gutter or margin) between the floating element and the reference element.\n   * This is shorthand for mainAxis.\n   * <pre>\n   *   {\n   *     mainAxis?: number;\n   *     crossAxis?: number;\n   *   }\n   * </pre>\n   * <p><code>mainAxis</code> represents the distance (gutter or margin) between the floating element and the reference element.</p>\n   * <p><code>crossAxis</code> represents the shifting between the floating element and the reference element.<p>\n   * You may also pass a function which returns the previously listed values — this enables you to read the dimensions of the reference or floating elements and the current placement.\n   * <pre>\n   * (args: {\n   *   floating: Rect;\n   *   reference: Rect;\n   *   placement: Placement;\n   * }) => OffsetValue\n   * </pre>\n   */\n  offsetValue?: Offset;\n\n  /**\n   * Click outside callback.\n   */\n  onClickOutside?: (event: MouseEvent) => void;\n\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   * When true, the floating element will be flipped to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\n   */\n  flipOptions?: FlipOptions;\n\n  /**\n   * Specifies the shift behavior along the respective axis.\n   * When true, the floating element will shift to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\n   */\n  shiftOptions?: ShiftOptions;\n\n  /**\n   *  Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: (data: PositionData) => void;\n\n  /**\n   * Tail\n   */\n  tail?: 'none' | 'simple';\n\n   /**\n   * Specifies the resizing behaviour for height and width of the floating component.\n   * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n   * Default values are 'false'.\n   * maxHeightCeiling and maxWidthCeiling are maximal values that could not be exceeded.\n   * Default are undefined and it means to use full available width/height.\n   */\n  sizeOptions?: SizeOptions;\n\n   /**\n   * This describes the virtual padding around the collision boundary to check for overflow.\n   * Default value for padding is 0.\n   */\n  boundaryOptions?: BoundaryOptions;\n};\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n/**\n * A floating component allows the user to create a floating element that is displayed on the the \"top layer\" of all other elements.\n *  The Floating component is an advanced component and is used underneath Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className,\n      tail = 'none',\n      flipOptions = { mainAxis: true, crossAxis: false },\n      shiftOptions = { mainAxis: true, crossAxis: false },\n      sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n      boundaryOptions = { padding: 0 },\n      onPosition\n    }:\n    Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\n\n    // we need to be sure anchorRef.current exists in first call\n    // to be able to set the previousAnchor state\n    useLayoutEffect(() => {\n      setPreviousAnchor(anchorRef.current);\n    }, []);\n\n    // In case anchorRef.current changes and we need to update floating position\n    // when it changes, we need to have copy in the state.\n    // For example when anchorRef is Coords( virtual element)\n    if (anchorRef.current !== previousAnchor) {\n      setPreviousAnchor(anchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        renderTail(data, anchorRef, arrowRef, tail, isRtl);\n        onPosition?.(data);\n      },\n      [placement, anchorRef, arrowRef, tail, onPosition]\n    );\n\n    const middleware = [\n      offset(offsetValue),\n      flip({\n        mainAxis: flipOptions.mainAxis,\n        crossAxis: flipOptions.crossAxis,\n        padding: boundaryOptions.padding\n      }),\n      shift({\n        mainAxis: shiftOptions.mainAxis,\n        crossAxis: shiftOptions.crossAxis,\n        limiter: limitShift({\n          mainAxis: shiftOptions.mainAxis,\n          crossAxis: shiftOptions.crossAxis\n        })\n      }),\n      ...(arrowRef.current\n        ? [\n            arrow({\n              element: arrowRef.current\n            })\n          ]\n        : [])\n    ];\n    if (sizeOptions.isMaxHeightAdjusted || sizeOptions.isMaxWidthAdjusted ) {\n      middleware.push(\n        size({\n          apply({ availableWidth, availableHeight, elements }) {\n            if (sizeOptions.isMaxHeightAdjusted) {\n              Object.assign(elements.floating.style, {\n                maxHeight: `${Math.min(availableHeight, sizeOptions.maxHeightCeiling || availableHeight)}px`\n              });\n            }\n            if (sizeOptions.isMaxWidthAdjusted) {\n              Object.assign(elements.floating.style, {\n                maxWidth: `${Math.min(availableWidth, sizeOptions.maxWidthCeiling || availableWidth)}px`,\n              });\n            }\n          },\n\n          padding: boundaryOptions.padding\n        }));\n    }\n\n    const { x, y, reference, floating, refs } = useFloating({\n      placement: placement,\n      middleware: middleware,\n      whileElementsMounted: autoUpdate,\n      onPosition: _onPosition\n    });\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n    useLayoutEffect(() => {\n      if (isElement(previousAnchor)) {\n        const element = previousAnchor as Element;\n        reference(element);\n        return;\n      }\n      const coords = previousAnchor as Coords;\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords!.x,\n            y: coords!.y,\n            top: coords!.y,\n            left: coords!.x,\n            right: coords!.x,\n            bottom: coords!.y\n          };\n        }\n      };\n      if (coords && coords.x != null) {\n        reference(virtualEl);\n      }\n    }, [previousAnchor, reference]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n    const content = (\n      <div\n        class={className}\n        ref={stableRef}\n        style={{\n          display: 'block',\n          visibility: x == null && y == null ? 'hidden' : 'visible',\n          position: 'absolute',\n          top: y ?? '',\n          left: x ?? '',\n          width: 'auto',\n          height: 'auto'\n        }}>\n         {children}\n        <FloatingTail ref={arrowRef} />\n      </div>\n    );\n    return content;\n  }\n);\n\nexport { Offset, Placement, Coords, Rect, FlipOptions, ShiftOptions, PositionData };\n"],"names":["FloatingTail","forwardRef","arrowRef","_jsxs","ref","children","_jsx","Floating","onClickOutside","placement","anchorRef","offsetValue","class","className","tail","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","useRef","previousAnchor","setPreviousAnchor","useState","useLayoutEffect","current","direction","useUser","isRtl","_onPosition","useCallback","data","arrow","x","y","centerOffset","arrowEl","arrowSize","arrowSizeCorner","arrowInnerEl","_a","querySelector","arrowInnerSize","arrowInnerSizeCorner","arrowCommonStyle","position","width","height","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","Math","round","getBoundingClientRect","_b","isCornerVerticalPlacement","abs","includes","origPlacement","isCornerHorizontalPlacement","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","setElementStyle","style","element","Object","assign","getTurn","eighth","size","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","renderTail","middleware","offset","flip","shift","limiter","limitShift","push","apply","availableWidth","availableHeight","elements","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","useFloating","whileElementsMounted","autoUpdate","N","useOutsideClick","isDisabled","handler","Element","coords","virtualEl","stableRef","useMemo","mergeRefs","display","visibility"],"mappings":"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"}

package/amd/FocusTrap-0a63cd07.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact","preact/compat","./utils/UNSAFE_classNames",'module',"./utils/PRIVATE_tabbableUtils","./classNames-77e465af"],function(e,t,n,r,s,c,u,o){"use strict";const l="_1xe5xjf",a=r.forwardRef(({onFocus:e},n)=>t.jsx("div",{class:l,onFocus:e,ref:n,tabIndex:0})),i=e=>{e&&u.isTabbableElement(e)&&setTimeout(()=>{u.focusOn(e)},0)},f=(e,t)=>{if(0===e.length)return!1;const n=null!=t?t:u.getActiveElement(e[0]);return e.some(e=>e===n||(null==e?void 0:e.contains(n)))},d="_19lrqqi";e.FocusTrap=({autoFocusRef:e,children:s,isDisabled:c=!1,restoreFocusRef:l})=>{const p=r.useRef(null),m=r.useRef(null),b=r.useRef(null),x=r.useRef(null),F=o.classNames([d]),g=r.useCallback(e=>{const t=p.current;!c&&t&&e&&(e&&f([t,m.current,b.current],e)?x.current=e:x.current?u.focusOn(x.current):u.focusWithin(t))},[c]);return r.useEffect(()=>{const t=p.current;if(!t||c)return;const n=u.getActiveElement(t);e&&e.current?u.focusOn(e.current):g(n);const r=l;return()=>{!1!==r&&i((null==r?void 0:r.current)||n)}},[e,g,c,l]),t.jsxs(n.Fragment,{children:[!c&&t.jsx(a,{onFocus:e=>{!c&&p.current&&(u.focusOnEnd(p.current),e.stopPropagation(),e.preventDefault())},ref:m}),t.jsx("div",Object.assign({onFocus:e=>{x.current=e.target},ref:p,class:F},{children:s})),!c&&t.jsx(a,{onFocus:e=>{!c&&p.current&&(u.focusOnStart(p.current),e.stopPropagation(),e.preventDefault())},ref:b})]})}});
+//# sourceMappingURL=FocusTrap-0a63cd07.js.map

package/amd/FocusTrap-0a63cd07.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap-0a63cd07.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.tsx"],"sourcesContent":["/**\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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\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 */\nimport { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\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"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","ref","tabIndex","restoreFocusAfterUnmount","element","isTabbableElement","hasFocus","elements","target","length","activeElement","getActiveElement","childrenStyles","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","trap","current","focusOn","originalActiveElement","restoreFocusRefForCleanup","event","focusOnEnd","focusOnStart"],"mappings":"sMAeA,MAAAA,aAaAC,EAAAC,EAAAA,WAAA,EAAAC,QAAAA,GAAAC,IACEC,EAAAA,IAAA,MAAA,CAAAC,MAAAN,EAAAG,QAAAA,EAAAI,IAAAH,EAAAI,SAAA,KC6HFC,EAAAC,IACEA,GAAAC,oBAAAD,sCAQFE,EAAA,CAAAC,EAAAC,KACE,GAAA,IAAAD,EAAAE,OAA2B,OAAA,EAC3B,MAAAC,EAAAF,MAAAA,EAAAA,EAAAG,EAAAA,iBAAAJ,EAAA,6DAKFK,EAAA,uBAtHA,EAAAC,aAAAA,EAAAC,SAAAA,EAAAC,WAAAA,GAAA,EAAAC,gBAAAA,MAME,MAAAC,EAAAC,SAAA,MACAC,EAAAD,SAAA,MACAE,EAAAF,SAAA,MACAG,EAAAH,SAAA,0BAaAI,EAAAC,EAAAA,YAAAf,IAEI,MAAAgB,EAAAP,EAAAQ,SAEAV,GAAAS,GAAAhB,IAGAA,GAAAF,EAAA,CAAAkB,EAAAL,EAAAM,QAAAL,EAAAK,SAAAjB,GACEa,EAAAI,QAAAjB,YAMAkB,UAAAL,EAAAI,4BAKJ,CAAAV,4BA6BA,MAAAS,EAAAP,EAAAQ,wBAGA,MAAAE,EAAAhB,mBAAAa,GAGAX,GAAAA,EAAAY,QACEC,UAAAb,EAAAY,wBAOF,MAAA,aAEEtB,GAAAyB,MAAAA,OAAA,EAAAA,EAAAH,UAAAE,kEAxCJE,KACEd,GAAAE,EAAAQ,UACAK,aAAAb,EAAAQ,6FAgBFI,IACER,EAAAI,QAAAI,EAAArB,2DAVFqB,KACEd,GAAAE,EAAAQ,UACAM,eAAAd,EAAAQ"}

package/amd/FormControlUtils-9bf59f59.js

@@ -0,0 +1,2 @@
+define(["exports","./utils/UNSAFE_classNames",'module',"./hooks/UNSAFE_useTranslationBundle","./classNames-77e465af"],function(s,a,e,o,l){"use strict";const n="nc56u3",t="_902k71";s.getFormControlClasses=s=>l.classNames([n,s&&t]),s.getLoadingAriaLabel=()=>o.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading()});
+//# sourceMappingURL=FormControlUtils-9bf59f59.js.map

package/amd/FormControlUtils-9bf59f59.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlUtils-9bf59f59.js","sources":["../../src/UNSAFE_TextField/FormControlUtils.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = {\n  base: cssProps`${{\n    verticalAlign: 'top'\n  }}`,\n\n  labelInside: cssProps`${{\n    maxWidth: '100%'\n  }}`\n};\n\nexport const getFormControlClasses = (hasInsideLabel?: boolean) => {\n  return classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);\n};\n\nexport const getLoadingAriaLabel = () => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return translations.formControl_loading();\n};\n"],"names":["rootStyles","hasInsideLabel","classNames","useTranslationBundle","formControl_loading"],"mappings":"wJAKA,MAAAA,EAAA,SAAAA,oCAUAC,GACEC,EAAAA,WAAA,CAAAF,EAAAC,GAAAD,0BAGF,IACEG,uBAAA,4BACAC"}

package/amd/Heading-f095427d.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","./keys-dde22c13","./utils/UNSAFE_arrayUtils",'module',"./utils/UNSAFE_mergeInterpolations"],function(s,e,i,n,l,t,r){"use strict";const a=l.stringLiteralArray(["h1","h2","h3","h4","h5","h6"]),c={h1:"2xl",h2:"xl",h3:"lg",h4:"md",h5:"sm",h6:"xs"},h={base:"_16cgnbz",size:{xs:"kr9sio",sm:"_3zhwo1",md:"_1tusx8e",lg:"_1ldt8b9",xl:"gmjdk6","2xl":"_12mpapx",inherit:"_14fypl6"},childrenMargins:"_5ppbj3"},d=n.keys_1(h.size),o=[()=>({class:h.base}),({size:s="2xl"})=>({class:h.size[s]})],_=r.mergeInterpolations(o);s.Heading=function(s){var n,{children:l}=s,t=e.__rest(s,["children"]);const r=t.as;t.size=null!==(n=t.size)&&void 0!==n?n:c[r];const a=_(t),{class:d}=a,o=e.__rest(a,["class"]);return i.jsx(r,Object.assign({className:d,style:o,id:t.id},{children:i.jsx("span",Object.assign({className:h.childrenMargins},{children:l}))}))},s.headingElementTypes=a,s.sizeOptions=d});
+//# sourceMappingURL=Heading-f095427d.js.map

package/amd/Heading-f095427d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-f095427d.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","jsx","childrenMargins"],"mappings":"uMAMAA,EAAAC,EAAAA,mBAAA,CAAA,KAAA,KAAA,KAAA,KAAA,KAAA,OA0BAC,EAAA,CACEC,GAAA,MACAC,GAAA,KACAC,GAAA,KACAC,GAAA,KACAC,GAAA,KACAC,GAAA,MAGFC,EAAA,MAAA,WAIEC,KAAA,IAAA,YAAA,aAAA,cAAA,cAAA,eAAA,0DAiDFC,EAAAC,EAAAA,OAAAH,EAAAC,MAEAG,EAAA,0CAGIC,MAAAL,EAAAC,KAAAA,MAIJK,EAAAC,EAAAA,oBAAAH,aAEA,SAAAI,UAAwBC,SAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,aACtB,MAAAI,EAAAF,EAAAG,GAEAH,EAAAT,KAAA,QAAAa,EAAAJ,EAAAT,YAAA,IAAAa,EAAAA,EAAArB,EAAAmB,GACA,MAAAG,EAAAT,EAAAI,IAAAL,MAAAW,GAAAD,EAAAE,EAAAN,EAAAA,OAAAI,EAAA,CAAA,UACA,OAAAG,MAAAN,EAAAO,OAAAC,OAAA,CAAAC,UAAAL,EAAAC,MAAAA,EAAAK,GAAAZ,EAAAY,IAAA,CAAAb,SAAAS,EAAAK,IAAA,OAAAJ,OAAAC,OAAA,CAAAC,UAAArB,EAAAwB,iBAAA,CAAAf,SAAAA"}

package/amd/HiddenAccessible-51ce05e2.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module'],function(s,e,n){"use strict";s.HiddenAccessible=function({children:s}){return e.jsx("span",Object.assign({class:"a2sskr"},{children:s}))}});
+//# sourceMappingURL=HiddenAccessible-51ce05e2.js.map

package/amd/HiddenAccessible-51ce05e2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-51ce05e2.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["children","_jsx","Object","assign","class"],"mappings":"kGA8BA,UAAAA,SAAAA,IACE,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MA5BF,UA4BE,CAAAJ,SAAAA"}

package/amd/HighlightText-ebb31a1f.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact",'module'],function(e,n,t,r){"use strict";const c="srm1ll";const i="__@@__",s="__@@__$&__@@__";e.HighlightText=function({children:e="",matchText:r=""}){return function(e,r){if(r.length>0&&e.length>0){const l=r.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),a=e.replace(new RegExp(l,"gi"),s).split(i).map((e,t)=>t%2==0?e:n.jsx("span",Object.assign({class:c},{children:e})));return n.jsx(t.Fragment,{children:a})}return n.jsx(t.Fragment,{children:e})}(e,r)}});
+//# sourceMappingURL=HighlightText-ebb31a1f.js.map

package/amd/HighlightText-ebb31a1f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-ebb31a1f.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx"],"sourcesContent":["/**\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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["highlightStyles","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","unhighlightedText","escapedMatchText","nodes","replace","RegExp","map","current","index","_jsx","Object","assign","class","Fragment","highlighter"],"mappings":"0FAWA,MAAAA,EAAA,SAsBA,MAAAC,EAAA,SACAC,EAAA,iCALA,UAAAC,SAAAA,EAAA,GAAAC,UAAAA,EAAA,KACE,OAMF,SAAAC,EAAAD,8BAEI,MAAAE,EAAAF,0CAMAG,EALAF,EAAAG,QAAA,IAAAC,OAAAH,EAAA,MAAAJ,YAKAQ,IAAA,CAAAC,EAAAC,IAAAA,EAAA,GAAA,EAAAD,EAAAE,EAAAA,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAhB,GAAA,CAAAG,SAAAQ,MAGA,OAAAE,EAAAA,IAAAI,EAAAA,SAAA,CAAAd,SAAAI,IAEF,OAAAM,EAAAA,IAAAI,EAAAA,SAAA,CAAAd,SAAAE,IAnBAa,CAAAf,EAAAC"}

package/amd/Icon-bf3f7959.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-f169f6f6","preact/jsx-runtime","preact",'module',"./utils/UNSAFE_size","./hooks/UNSAFE_useTooltip"],function(e,s,i,t,c,r,o){"use strict";const l=e=>{var{accessibleLabel:t}=e,c=s.__rest(e,["accessibleLabel"]);return t?i.jsx(a,Object.assign({accessibleLabel:t},c)):i.jsx(n,Object.assign({},c))},n=e=>i.jsx("svg",Object.assign({},e)),a=e=>{var{accessibleLabel:c,children:r}=e,l=s.__rest(e,["accessibleLabel","children"]);const{tooltipContent:n,tooltipProps:a}=o.useTooltip({text:c,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:0}});return i.jsxs(t.Fragment,{children:[i.jsx("svg",Object.assign({role:"img"},l,a,{"aria-label":c},{children:r})),n]})},b={primary:"_170vxkk",secondary:"_12hc0uq",disabled:"_15hxwdl",danger:"r4qywu",warning:"_14krr0o",success:"x5bqho",info:"hebx7s",currentColor:"tferbj"};e.Icon=({size:e="1em",color:s="currentColor",accessibleLabel:t="",viewBox:c="none",children:o})=>i.jsx(l,Object.assign({height:"1em",width:"1em",viewBox:c,accessibleLabel:t,class:b[s],style:{fontSize:"1em"===e?e:`${r.sizeToCSS(e)}`}},{children:o}))});
+//# sourceMappingURL=Icon-bf3f7959.js.map

package/amd/Icon-bf3f7959.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-bf3f7959.js","sources":["../../src/UNSAFE_Icon/Icon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX, Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Size, sizeToCSS } from '../utils/UNSAFE_size';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: Size | '1em';\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={colorStyles[color]}\n    style={{ fontSize: size === '1em' ? size : `${sizeToCSS(size)}` }}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<\n  IntrinsicProps,\n  'height' | 'width' | 'viewBox' | 'class' | 'children' | 'style'\n>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: 0\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...tooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n"],"names":["Icon","Svg","_a","accessibleLabel","otherProps","__rest","DecorativeSvg","props","_jsx","Object","assign","SemanticSvg","tooltipContent","tooltipProps","useTooltip","text","anchor","x","y","position","offset","mainAxis","crossAxis","colorStyles","size","color","viewBox","children","height","width","class","style","fontSize","sizeToCSS"],"mappings":"yKA6BAA,MA0BAC,EAAAC,IAAa,IAAAC,gBAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,yGAObI,EAAAC,GAAAC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,GAAAH,IAEAI,EAAAT,qFACE,MAAAU,eAAAA,EAAAC,aAAAA,GAAAC,aAAA,CACEC,KAAAZ,EACAa,OAAA,CACEC,EAAA,UACAC,EAAA,WAEFC,SAAA,SACAC,OAAA,CACEC,SAAA,EACAC,UAAA,0HAcNC,EAAA,SAAA,qBAAA,oBAAA,kBAAA,iBAAA,mBAAA,cAAA,uCA3DA,EAAAC,KAAAA,EAAA,MAAAC,MAAAA,EAAA,eAAAtB,gBAAAA,EAAA,GAAAuB,QAAAA,EAAA,OAAAC,SAAAA,KAAAnB,MAAAP,EAAAQ,OAAAC,OAAA,CAAAkB,OAAA,MAAAC,MAAA,MAAAH,QAAAA,EAAAvB,gBAAAA,EAAA2B,MAAAP,EAAAE,GAAAM,MAAA,CAAAC,SAAA,QAAAR,EAAAA,EAAA,GAAAS,EAAAA,UAAAT,OAAA,CAAAG,SAAAA"}