@oracle/oraclejet-preact 14.1.8 → 14.1.9

package/amd/{useAnimation-ce597b9d.js → useAnimation-979626b0.js}

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks","./tslib.es6-01aa33b9"],function(t,n,e){"use strict";function r(t){if(!t)return{};const{translateX:n,translateY:r,translateZ:s,rotateX:a,rotateY:c,rotateZ:o,scaleX:u,scaleY:i,scaleZ:l,skewX:f,skewY:$}=t,d=e.__rest(t,["translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY"]),g=`${t.transform||""}${function(t,n,e){return`${t?` translateX(${t})`:""}${n?` translateY(${n})`:""}${e?` translateZ(${e})`:""}`}(n,r,s)}${function(t,n,e){return`${t?` rotateX(${t})`:""}${n?` rotateY(${n})`:""}${e?` rotateZ(${e})`:""}`}(a,c,o)}${function(t,n,e){return`${t||0===t?` scaleX(${t})`:""}${n||0===n?` scaleY(${n})`:""}${e||0===e?` scaleZ(${e})`:""}`}(u,i,l)}${function(t,n){return`${t?` skewX(${t})`:""}${n?` skewY(${n})`:""}`}(f,$)}`;return Object.assign(Object.assign({},d),g&&{transform:g})}function s(t){if(!t)return{};const n=r(t),{offset:s}=n,a=e.__rest(n,["offset"]);return Object.assign(Object.assign({},a),s&&{cssOffset:s})}t.useAnimation=function(t,{animationStates:e,isAnimatedOnMount:a=!1,onAnimationEnd:c=(()=>{})}){const o=n.useRef(!1),u=n.useRef(null),i=n.useRef(),l=n.useRef(),f=n.useRef(e);n.useEffect(()=>{var n;if(i.current===t)return;const e=i.current;var $,d,g;i.current=t,"running"===(null===(n=l.current)||void 0===n?void 0:n.playState)&&($=l.current,d=u.current,((null==(g=d)?void 0:g.offsetWidth)||(null==g?void 0:g.offsetHeight)||(null==g?void 0:g.getClientRects().length))&&$.commitStyles(),$.cancel());const b=u.current;if(!b)return;if(!o.current&&(o.current=!0,!a))return;const X=function(t,n,e,r){const s=t[`${r} => ${e}`]||t[e],a="function"==typeof s?s(n):s;return a&&Object.keys(a).length>0?a:null}(f.current,b,t,e);X&&(l.current=function(t,n,e,a){const{delay:c,duration:o,easing:u}=t.options||{},i={delay:c||0,duration:o||400,easing:u?"string"==typeof u?u:`cubic-bezier(${u[0]}, ${u[1]}, ${u[2]}, ${u[3]})`:"ease"},l=n.animate([s(t.from),s(t.to)],Object.assign({},i));return l.onfinish=()=>{!function(t,n,e){const s=n?Object.assign(Object.assign({},r(e.to)),r(e.end)):r(e.end);for(const n in s)t.style[n]=s[n]}(n,!0,t),null==a||a({animationState:e})},l}(X,b,t,c))},[t,a,c]);const $=n.useCallback(()=>{const t=l.current;"running"===(null==t?void 0:t.playState)&&t.cancel()},[]);return{nodeRef:n.useCallback(t=>{var n;t!=u.current&&(u.current&&(null===(n=l.current)||void 0===n||n.cancel(),l.current=void 0),u.current=t)},[]),controller:{cancel:$}}}});
-//# sourceMappingURL=useAnimation-ce597b9d.js.map
+define(["exports","preact/hooks","./tslib.es6-0026d2ad"],function(t,n,e){"use strict";function r(t){if(!t)return{};const{translateX:n,translateY:r,translateZ:s,rotateX:a,rotateY:c,rotateZ:o,scaleX:u,scaleY:i,scaleZ:l,skewX:f,skewY:$}=t,d=e.__rest(t,["translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY"]),g=`${t.transform||""}${function(t,n,e){return`${t?` translateX(${t})`:""}${n?` translateY(${n})`:""}${e?` translateZ(${e})`:""}`}(n,r,s)}${function(t,n,e){return`${t?` rotateX(${t})`:""}${n?` rotateY(${n})`:""}${e?` rotateZ(${e})`:""}`}(a,c,o)}${function(t,n,e){return`${t||0===t?` scaleX(${t})`:""}${n||0===n?` scaleY(${n})`:""}${e||0===e?` scaleZ(${e})`:""}`}(u,i,l)}${function(t,n){return`${t?` skewX(${t})`:""}${n?` skewY(${n})`:""}`}(f,$)}`;return Object.assign(Object.assign({},d),g&&{transform:g})}function s(t){if(!t)return{};const n=r(t),{offset:s}=n,a=e.__rest(n,["offset"]);return Object.assign(Object.assign({},a),s&&{cssOffset:s})}t.useAnimation=function(t,{animationStates:e,isAnimatedOnMount:a=!1,onAnimationEnd:c=(()=>{})}){const o=n.useRef(!1),u=n.useRef(null),i=n.useRef(),l=n.useRef(),f=n.useRef(e);n.useEffect(()=>{var n;if(i.current===t)return;const e=i.current;var $,d,g;i.current=t,"running"===(null===(n=l.current)||void 0===n?void 0:n.playState)&&($=l.current,d=u.current,((null==(g=d)?void 0:g.offsetWidth)||(null==g?void 0:g.offsetHeight)||(null==g?void 0:g.getClientRects().length))&&$.commitStyles(),$.cancel());const b=u.current;if(!b)return;if(!o.current&&(o.current=!0,!a))return;const X=function(t,n,e,r){const s=t[`${r} => ${e}`]||t[e],a="function"==typeof s?s(n):s;return a&&Object.keys(a).length>0?a:null}(f.current,b,t,e);X&&(l.current=function(t,n,e,a){const{delay:c,duration:o,easing:u}=t.options||{},i={delay:c||0,duration:o||400,easing:u?"string"==typeof u?u:`cubic-bezier(${u[0]}, ${u[1]}, ${u[2]}, ${u[3]})`:"ease"},l=n.animate([s(t.from),s(t.to)],Object.assign({},i));return l.onfinish=()=>{!function(t,n,e){const s=n?Object.assign(Object.assign({},r(e.to)),r(e.end)):r(e.end);for(const n in s)t.style[n]=s[n]}(n,!0,t),null==a||a({animationState:e})},l}(X,b,t,c))},[t,a,c]);const $=n.useCallback(()=>{const t=l.current;"running"===(null==t?void 0:t.playState)&&t.cancel()},[]);return{nodeRef:n.useCallback(t=>{var n;t!=u.current&&(u.current&&(null===(n=l.current)||void 0===n||n.cancel(),l.current=void 0),u.current=t)},[]),controller:{cancel:$}}}});
+//# sourceMappingURL=useAnimation-979626b0.js.map

package/amd/{useAnimation-ce597b9d.js.map → useAnimation-979626b0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useAnimation-ce597b9d.js","sources":["../../src/hooks/UNSAFE_useAnimation/animationUtils.ts","../../src/hooks/UNSAFE_useAnimation/useAnimation.ts"],"sourcesContent":["import { StandardProperties } from 'csstype';\n\nexport type UseAnimationCssProperties = StandardProperties & TransformProperties;\n\n// This represents shorthand UseAnimationCssProperties props.\ntype TransformProperties = Partial<\n  Record<\n    | 'translateX'\n    | 'translateY'\n    | 'translateZ'\n    | 'rotateX'\n    | 'rotateY'\n    | 'rotateZ'\n    | 'skewX'\n    | 'skewY',\n    string\n  > &\n    Record<'scaleX' | 'scaleY' | 'scaleZ', string | number>\n>;\n\n/**\n * Converts shorthand translate props into transform string representation.\n *\n * @param translateX\n * @param translateY\n * @param translateZ\n * @returns Longhand transform string representation.\n */\nfunction convertTranslateShortcuts(\n  translateX: TransformProperties['translateX'],\n  translateY: TransformProperties['translateY'],\n  translateZ: TransformProperties['translateZ']\n) {\n  return `${translateX ? ` translateX(${translateX})` : ''}${\n    translateY ? ` translateY(${translateY})` : ''\n  }${translateZ ? ` translateZ(${translateZ})` : ''}`;\n}\n\n/**\n * Converts shorthand rotate props into transform string representation.\n *\n * @param rotateX\n * @param rotateY\n * @param rotateZ\n * @returns Longhand transform string representation.\n */\nfunction convertRotateShortcuts(\n  rotateX?: TransformProperties['rotateX'],\n  rotateY?: TransformProperties['rotateY'],\n  rotateZ?: TransformProperties['rotateZ']\n) {\n  return `${rotateX ? ` rotateX(${rotateX})` : ''}${rotateY ? ` rotateY(${rotateY})` : ''}${\n    rotateZ ? ` rotateZ(${rotateZ})` : ''\n  }`;\n}\n\n/**\n * Converts shorthand scale props into transform string representation.\n *\n * @param scaleX\n * @param scaleY\n * @param scaleZ\n * @returns Longhand transform string representation.\n */\nfunction convertScaleShortcuts(\n  scaleX: TransformProperties['scaleX'],\n  scaleY: TransformProperties['scaleY'],\n  scaleZ: TransformProperties['scaleZ']\n) {\n  return `${scaleX || scaleX === 0 ? ` scaleX(${scaleX})` : ''}${\n    scaleY || scaleY === 0 ? ` scaleY(${scaleY})` : ''\n  }${scaleZ || scaleZ === 0 ? ` scaleZ(${scaleZ})` : ''}`;\n}\n\n/**\n * Converts shorthand skew props into transform string representation.\n *\n * @param skewX\n * @param skewY\n * @returns Longhand transform string representation.\n */\nfunction convertSkewShortcuts(\n  skewX: TransformProperties['skewX'],\n  skewY: TransformProperties['skewY']\n) {\n  return `${skewX ? ` skewX(${skewX})` : ''}${skewY ? ` skewY(${skewY})` : ''}`;\n}\n\n/**\n * Converts animation CSS properties into Regular camel cased CSS properties.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns Regular camel cased CSS properties.\n */\nexport function convertUseAnimationCssPropertiesToRegularCSS(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const {\n    translateX,\n    translateY,\n    translateZ,\n    rotateX,\n    rotateY,\n    rotateZ,\n    scaleX,\n    scaleY,\n    scaleZ,\n    skewX,\n    skewY,\n    ...otherCssProperties\n  } = useAnimationCssProperties;\n  const initialTransformValue = useAnimationCssProperties['transform'] || '';\n  // Now we just add values pased in shortcuts to transform property, do we want to replace it instead?\n  const finalTransformValue = `${initialTransformValue}${convertTranslateShortcuts(\n    translateX,\n    translateY,\n    translateZ\n  )}${convertRotateShortcuts(rotateX, rotateY, rotateZ)}${convertScaleShortcuts(\n    scaleX,\n    scaleY,\n    scaleZ\n  )}${convertSkewShortcuts(skewX, skewY)}`;\n  return {\n    ...otherCssProperties,\n    ...(finalTransformValue && { transform: finalTransformValue })\n  };\n}\n\n/**\n * Converts animation CSS properties into WAAPI keyframe properties.\n * Since keyframes have a difference between offset and cssOffset this collision is avoided here.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns WAAPI keyframe\n */\nexport function convertUseAnimationCssPropertiesToWAAPIKeyframe(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const { offset, ...otherCssProperties } =\n    convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties);\n  return {\n    ...otherCssProperties,\n    ...(offset && { cssOffset: offset })\n  };\n}\n\n/**\n * Stops an animation.\n *\n * @param animation Animation that is going to be stopped.\n * @returns\n */\nexport function stopAnimation<E extends HTMLElement>(animation: Animation, node: E | null) {\n  // TO DO: rollup-plugin-typescript seems to have an outdated Animation typing. That produces warnings while bulding.\n  // Update picked type to get rid of this casting.\n  // We have to check if the element is visible to commit styles\n  isVisible(node) && (animation as any).commitStyles();\n  animation.cancel();\n}\n\n/**\n * Check if an element is visible. Similar to jQuery :visible selector.\n *\n * @param element HTML element that is going to be checked for its visibility.\n * @returns\n */\nfunction isVisible<E extends HTMLElement>(element: E | null): boolean {\n  return !!(element?.offsetWidth || element?.offsetHeight || element?.getClientRects().length);\n}\n","import { useRef, useEffect, useCallback } from 'preact/hooks';\nimport {\n  convertUseAnimationCssPropertiesToRegularCSS,\n  convertUseAnimationCssPropertiesToWAAPIKeyframe,\n  UseAnimationCssProperties,\n  stopAnimation\n} from './animationUtils';\n\nexport type UseAnimationConfig<V extends string, E extends HTMLElement> = {\n  animationStates: Partial<\n    Record<AnimationStateKey<V>, ((node: E) => AnimationConfig) | AnimationConfig>\n  >;\n  isAnimatedOnMount?: boolean;\n  onAnimationEnd?: ({ animationState }: { animationState: V }) => void;\n};\n\n// Used to filter simple states and ones that include previous state\ntype AnimationStateKey<PA extends string> = ExtractAnimationStates<PA | `${PA} => ${PA}`>;\n\n// Used to get previous and current states and do deeper typing\ntype ExtractAnimationStates<StateString extends string> =\n  StateString extends `${infer From} => ${infer To}`\n    ? KeyWithPreviousAndCurrentState<From, To>\n    : StateString;\n\n// Used to just allow keys with different previous and current states\ntype KeyWithPreviousAndCurrentState<PreviousState extends string, CurrentState extends string> = {\n  b: PreviousState;\n} extends { b: CurrentState }\n  ? never\n  : `${PreviousState} => ${CurrentState}`;\n\ntype AnimationConfig = {\n  from?: UseAnimationCssProperties;\n  to: UseAnimationCssProperties;\n  end?: UseAnimationCssProperties;\n  options?: AnimationOptions;\n};\n\ntype AnimationOptions = {\n  delay?: number;\n  duration?: number;\n  easing?:\n    | 'linear'\n    | 'ease'\n    | 'ease-in'\n    | 'ease-out'\n    | 'ease-in-out'\n    | [number, number, number, number];\n};\n\n// Used to exclude states that include => since this string is used to represent a transition from state to another.\ntype PermittedAnimationState<V extends string> = Exclude<V, `${string}=>${string}`>;\n\n/**\n * Hook to animate single components.\n * It allows n number of animation states.\n * @param animationState\n * @param animationConfig\n * @returns\n */\nexport function useAnimation<V extends string, E extends HTMLElement = HTMLElement>(\n  animationState: PermittedAnimationState<V>,\n  {\n    animationStates,\n    isAnimatedOnMount = false,\n    onAnimationEnd = () => {}\n  }: UseAnimationConfig<PermittedAnimationState<V>, E>\n) {\n  const didMountRef = useRef(false);\n  const nodeRef = useRef<E | null>(null);\n  const currentAnimationState = useRef<PermittedAnimationState<V>>();\n  const currentAnimation = useRef<Animation>();\n\n  // We don't allow changing animationStates. Ref to keep \"first run\" animation states.\n  const animationStatesRef =\n    useRef<UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']>(animationStates);\n\n  useEffect(() => {\n    // UseEffect just have to be ran when there is a change on animationState\n    if (currentAnimationState.current === animationState) return;\n\n    // It makes sense to keep track of animation states even if there's no animated element to animate.\n    const previousAnimationState = currentAnimationState.current;\n    currentAnimationState.current = animationState;\n\n    //Stop an animation here only makes sense if the previous one is running\n    if (currentAnimation.current?.playState === 'running') {\n      stopAnimation(currentAnimation.current, nodeRef.current);\n    }\n\n    const animatedElement = nodeRef.current;\n    if (!animatedElement) {\n      return;\n    }\n\n    if (!didMountRef.current) {\n      didMountRef.current = true;\n      if (!isAnimatedOnMount) {\n        return;\n      }\n    }\n\n    const animationConfig = getConfig(\n      animationStatesRef.current,\n      animatedElement,\n      animationState,\n      previousAnimationState\n    );\n\n    if (!animationConfig) {\n      return;\n    }\n\n    currentAnimation.current = startAnimation(\n      animationConfig,\n      animatedElement,\n      animationState,\n      onAnimationEnd\n    );\n  }, [animationState, isAnimatedOnMount, onAnimationEnd]);\n\n  /**\n   * Used to cancel current animation. When animation is canceled node style goes back to beginning style of canceled animation.\n   * @returns\n   */\n  const cancelCurrentAnimation = useCallback(() => {\n    const animation = currentAnimation.current;\n    if (animation?.playState === 'running') {\n      animation.cancel();\n    }\n  }, []);\n\n  /**\n   * Callback ref use to set nodeRef.\n   *\n   * @param node Actual element user set.\n   * @returns\n   */\n  const callbackRef = useCallback((node: E | null) => {\n    if (node != nodeRef.current) {\n      //If for any reason element is unmounted we have to cancel animation(if there is one) and\n      //set currentAnimation as undefined so we don't keep running this animation\n      if (nodeRef.current) {\n        currentAnimation.current?.cancel();\n        currentAnimation.current = undefined;\n      }\n      nodeRef.current = node;\n    }\n  }, []);\n\n  return { nodeRef: callbackRef, controller: { cancel: cancelCurrentAnimation } };\n}\n\n/**\n * Gets animation configuration.\n *\n * @param animationStates Set of animation configurations provided by the user.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param previousAnimationState Previous animation state.\n * @returns AnimationConfig.\n */\nfunction getConfig<V extends string, E extends HTMLElement>(\n  animationStates: UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates'],\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  previousAnimationState?: PermittedAnimationState<V>\n) {\n  const currentAnimationStateConfig =\n    animationStates[\n      `${previousAnimationState} => ${animationState}` as keyof UseAnimationConfig<\n        PermittedAnimationState<V>,\n        E\n      >['animationStates']\n    ] ||\n    animationStates[\n      animationState as keyof UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']\n    ];\n\n  const animationConfig =\n    typeof currentAnimationStateConfig === 'function'\n      ? currentAnimationStateConfig(animatedElement)\n      : (currentAnimationStateConfig as AnimationConfig);\n\n  return animationConfig && Object.keys(animationConfig).length > 0 ? animationConfig : null;\n}\n\n/**\n * Starts an animation.\n *\n * @param animationConfig Animation configuration used by the animation.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param onAnimationEnd Callback called once the animation is completed.\n * @returns Animation.\n */\nfunction startAnimation<V extends string, E extends HTMLElement>(\n  animationConfig: AnimationConfig,\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  onAnimationEnd: UseAnimationConfig<PermittedAnimationState<V>, E>['onAnimationEnd']\n) {\n  const { delay, duration, easing } = animationConfig.options || {};\n\n  //Now, if user does not pass a value we override it by hand. We will use theming tools in future.\n  const animationOptions = {\n    delay: delay || 0,\n    duration: duration || 400,\n    easing: easing\n      ? typeof easing === 'string'\n        ? easing\n        : `cubic-bezier(${easing[0]}, ${easing[1]}, ${easing[2]}, ${easing[3]})`\n      : 'ease'\n  };\n\n  // WAAPI animation method. https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n  // TO DO: Check for required browser compatibility in case we need pollyfill.\n  // https://github.com/web-animations/web-animations-js/blob/dev/docs/support.md#browser-support\n  const startedAnimation = animatedElement.animate(\n    [\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.from),\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.to)\n    ],\n    { ...animationOptions }\n  );\n\n  startedAnimation.onfinish = () => {\n    //We commit styles to have an only source of truth.\n    setEndStyle(animatedElement, true, animationConfig);\n    // On animationEnd is only called when animation actually finished. If an animation is interruped by other one\n    // or animated element is not longer rendered onAnimationEnd will not be called. Do we want to have a callback for those cases?\n    onAnimationEnd?.({ animationState });\n  };\n\n  return startedAnimation;\n}\n\n/**\n * Sets element style.\n *\n * @param animatedElement Element that is going to be styled.\n * @param toAndEndStyle Represents which data will be used to set style. If set to true it uses \"to\" and \"endStyle\".\n * If set to false it uses just \"endStyle\".\n * @param animationConfig Style that is going to be set.\n */\nfunction setEndStyle<E extends HTMLElement>(\n  animatedElement: E,\n  toAndEndStyle: boolean,\n  animationConfig: AnimationConfig\n) {\n  const endStyle = toAndEndStyle\n    ? {\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.to),\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end)\n      }\n    : convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end);\n  for (const key in endStyle) {\n    //TO DO: Look for a better way to handle types.\n    (<any>animatedElement.style)[key] = endStyle[key as keyof typeof endStyle];\n  }\n}\n"],"names":["convertUseAnimationCssPropertiesToRegularCSS","useAnimationCssProperties","translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY","otherCssProperties","__rest","finalTransformValue","convertTranslateShortcuts","convertRotateShortcuts","convertScaleShortcuts","convertSkewShortcuts","Object","assign","transform","convertUseAnimationCssPropertiesToWAAPIKeyframe","_a","offset","cssOffset","animationState","animationStates","isAnimatedOnMount","onAnimationEnd","didMountRef","useRef","nodeRef","currentAnimationState","currentAnimation","animationStatesRef","useEffect","current","previousAnimationState","animation","node","element","playState","offsetWidth","offsetHeight","getClientRects","length","commitStyles","cancel","animatedElement","animationConfig","currentAnimationStateConfig","keys","getConfig","delay","duration","easing","options","animationOptions","startedAnimation","animate","from","to","onfinish","toAndEndStyle","endStyle","end","key","style","setEndStyle","startAnimation","cancelCurrentAnimation","useCallback","undefined","controller"],"mappings":"sFA8FM,SAAUA,EACdC,GAEA,IAAKA,EACH,MAAO,GAET,MAAMC,WACJA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,QACVA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,MACLA,GAEEX,EADCY,EACDC,EAAAA,OAAAb,EAbE,CAAA,aAAA,aAAA,aAAA,UAAA,UAAA,UAAA,SAAA,SAAA,SAAA,QAAA,UAgBAc,EAAsB,GAFEd,EAAqC,WAAK,KAtF1E,SACEC,EACAC,EACAC,GAEA,MAAO,GAAGF,EAAa,eAAeA,KAAgB,KACpDC,EAAa,eAAeA,KAAgB,KAC3CC,EAAa,eAAeA,KAAgB,KAiFQY,CACrDd,EACAC,EACAC,KAzEJ,SACEC,EACAC,EACAC,GAEA,MAAO,GAAGF,EAAU,YAAYA,KAAa,KAAKC,EAAU,YAAYA,KAAa,KACnFC,EAAU,YAAYA,KAAa,KAoEjCU,CAAuBZ,EAASC,EAASC,KAxD/C,SACEC,EACAC,EACAC,GAEA,MAAO,GAAGF,GAAqB,IAAXA,EAAe,WAAWA,KAAY,KACxDC,GAAqB,IAAXA,EAAe,WAAWA,KAAY,KAC/CC,GAAqB,IAAXA,EAAe,WAAWA,KAAY,KAiDKQ,CACtDV,EACAC,EACAC,KA1CJ,SACEC,EACAC,GAEA,MAAO,GAAGD,EAAQ,UAAUA,KAAW,KAAKC,EAAQ,UAAUA,KAAW,KAuCrEO,CAAqBR,EAAOC,KAChC,OACKQ,OAAAC,OAAAD,OAAAC,OAAA,GAAAR,GACCE,GAAuB,CAAEO,UAAWP,IAWtC,SAAUQ,EACdtB,GAEA,IAAKA,EACH,MAAO,GAET,MAAMuB,EACJxB,EAA6CC,IADzCwB,OAAEA,GAAMD,EAAKX,EAAbC,EAAAA,OAAAU,EAAA,CAAA,WAEN,OACKJ,OAAAC,OAAAD,OAAAC,OAAA,GAAAR,GACCY,GAAU,CAAEC,UAAWD,4BCtF7BE,GACAC,gBACEA,EAAeC,kBACfA,GAAoB,EAAKC,eACzBA,EAAiB,WAGnB,MAAMC,EAAcC,UAAO,GACrBC,EAAUD,SAAiB,MAC3BE,EAAwBF,EAAAA,SACxBG,EAAmBH,EAAAA,SAGnBI,EACJJ,SAA6EJ,GAE/ES,EAAAA,UAAU,WAER,GAAIH,EAAsBI,UAAYX,EAAgB,OAGtD,MAAMY,EAAyBL,EAAsBI,QD2EzC,IAAqCE,EAAsBC,EAcjCC,ECxFtCR,EAAsBI,QAAUX,EAGY,aAAd,UAA1BQ,EAAiBG,eAAS,IAAAd,OAAA,EAAAA,EAAAmB,aDuEmBH,ECtEjCL,EAAiBG,QDsEsCG,ECtE7BR,EAAQK,UDqF1CI,OAD8BA,EAV9BD,QAWA,EAAAC,EAASE,eAAeF,MAAAA,OAAO,EAAPA,EAASG,gBAAgBH,MAAAA,OAAO,EAAPA,EAASI,iBAAiBC,UAXjEP,EAAkBQ,eACtCR,EAAUS,UCxER,MAAMC,EAAkBjB,EAAQK,QAChC,IAAKY,EACH,OAGF,IAAKnB,EAAYO,UACfP,EAAYO,SAAU,GACjBT,GACH,OAIJ,MAAMsB,EA4DV,SACEvB,EACAsB,EACAvB,EACAY,GAEA,MAAMa,EACJxB,EACE,GAAGW,QAA6BZ,MAKlCC,EACED,GAGEwB,EACmC,mBAAhCC,EACHA,EAA4BF,GAC3BE,EAEP,OAAOD,GAAmB/B,OAAOiC,KAAKF,GAAiBJ,OAAS,EAAII,EAAkB,KAlF5DG,CACtBlB,EAAmBE,QACnBY,EACAvB,EACAY,GAGGY,IAILhB,EAAiBG,QAmFrB,SACEa,EACAD,EACAvB,EACAG,GAEA,MAAMyB,MAAEA,EAAKC,SAAEA,EAAQC,OAAEA,GAAWN,EAAgBO,SAAW,GAGzDC,EAAmB,CACvBJ,MAAOA,GAAS,EAChBC,SAAUA,GAAY,IACtBC,OAAQA,EACc,iBAAXA,EACLA,EACA,gBAAgBA,EAAO,OAAOA,EAAO,OAAOA,EAAO,OAAOA,EAAO,MACnE,QAMAG,EAAmBV,EAAgBW,QACvC,CACEtC,EAAgD4B,EAAgBW,MAChEvC,EAAgD4B,EAAgBY,KAE7D3C,OAAAC,OAAA,GAAAsC,IAWP,OARAC,EAAiBI,SAAW,MAmB9B,SACEd,EACAe,EACAd,GAEA,MAAMe,EAAWD,EACd7C,OAAAC,OAAAD,OAAAC,OAAA,GACMrB,EAA6CmD,EAAgBY,KAC7D/D,EAA6CmD,EAAgBgB,MAElEnE,EAA6CmD,EAAgBgB,KACjE,IAAK,MAAMC,KAAOF,EAEVhB,EAAgBmB,MAAOD,GAAOF,EAASE,GA9B7CE,CAAYpB,GAAiB,EAAMC,GAGnCrB,MAAAA,GAAAA,EAAiB,CAAEH,eAAAA,KAGdiC,EAzHsBW,CACzBpB,EACAD,EACAvB,EACAG,KAED,CAACH,EAAgBE,EAAmBC,IAMvC,MAAM0C,EAAyBC,EAAAA,YAAY,KACzC,MAAMjC,EAAYL,EAAiBG,QACN,aAAzBE,MAAAA,OAAS,EAATA,EAAWG,YACbH,EAAUS,UAEX,IAoBH,MAAO,CAAEhB,QAZWwC,cAAahC,UAC3BA,GAAQR,EAAQK,UAGdL,EAAQK,UACgB,QAA1Bd,EAAAW,EAAiBG,eAAS,IAAAd,GAAAA,EAAAyB,SAC1Bd,EAAiBG,aAAUoC,GAE7BzC,EAAQK,QAAUG,IAEnB,IAE4BkC,WAAY,CAAE1B,OAAQuB"}
+{"version":3,"file":"useAnimation-979626b0.js","sources":["../../src/hooks/UNSAFE_useAnimation/animationUtils.ts","../../src/hooks/UNSAFE_useAnimation/useAnimation.ts"],"sourcesContent":["import { StandardProperties } from 'csstype';\n\nexport type UseAnimationCssProperties = StandardProperties & TransformProperties;\n\n// This represents shorthand UseAnimationCssProperties props.\ntype TransformProperties = Partial<\n  Record<\n    | 'translateX'\n    | 'translateY'\n    | 'translateZ'\n    | 'rotateX'\n    | 'rotateY'\n    | 'rotateZ'\n    | 'skewX'\n    | 'skewY',\n    string\n  > &\n    Record<'scaleX' | 'scaleY' | 'scaleZ', string | number>\n>;\n\n/**\n * Converts shorthand translate props into transform string representation.\n *\n * @param translateX\n * @param translateY\n * @param translateZ\n * @returns Longhand transform string representation.\n */\nfunction convertTranslateShortcuts(\n  translateX: TransformProperties['translateX'],\n  translateY: TransformProperties['translateY'],\n  translateZ: TransformProperties['translateZ']\n) {\n  return `${translateX ? ` translateX(${translateX})` : ''}${\n    translateY ? ` translateY(${translateY})` : ''\n  }${translateZ ? ` translateZ(${translateZ})` : ''}`;\n}\n\n/**\n * Converts shorthand rotate props into transform string representation.\n *\n * @param rotateX\n * @param rotateY\n * @param rotateZ\n * @returns Longhand transform string representation.\n */\nfunction convertRotateShortcuts(\n  rotateX?: TransformProperties['rotateX'],\n  rotateY?: TransformProperties['rotateY'],\n  rotateZ?: TransformProperties['rotateZ']\n) {\n  return `${rotateX ? ` rotateX(${rotateX})` : ''}${rotateY ? ` rotateY(${rotateY})` : ''}${\n    rotateZ ? ` rotateZ(${rotateZ})` : ''\n  }`;\n}\n\n/**\n * Converts shorthand scale props into transform string representation.\n *\n * @param scaleX\n * @param scaleY\n * @param scaleZ\n * @returns Longhand transform string representation.\n */\nfunction convertScaleShortcuts(\n  scaleX: TransformProperties['scaleX'],\n  scaleY: TransformProperties['scaleY'],\n  scaleZ: TransformProperties['scaleZ']\n) {\n  return `${scaleX || scaleX === 0 ? ` scaleX(${scaleX})` : ''}${\n    scaleY || scaleY === 0 ? ` scaleY(${scaleY})` : ''\n  }${scaleZ || scaleZ === 0 ? ` scaleZ(${scaleZ})` : ''}`;\n}\n\n/**\n * Converts shorthand skew props into transform string representation.\n *\n * @param skewX\n * @param skewY\n * @returns Longhand transform string representation.\n */\nfunction convertSkewShortcuts(\n  skewX: TransformProperties['skewX'],\n  skewY: TransformProperties['skewY']\n) {\n  return `${skewX ? ` skewX(${skewX})` : ''}${skewY ? ` skewY(${skewY})` : ''}`;\n}\n\n/**\n * Converts animation CSS properties into Regular camel cased CSS properties.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns Regular camel cased CSS properties.\n */\nexport function convertUseAnimationCssPropertiesToRegularCSS(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const {\n    translateX,\n    translateY,\n    translateZ,\n    rotateX,\n    rotateY,\n    rotateZ,\n    scaleX,\n    scaleY,\n    scaleZ,\n    skewX,\n    skewY,\n    ...otherCssProperties\n  } = useAnimationCssProperties;\n  const initialTransformValue = useAnimationCssProperties['transform'] || '';\n  // Now we just add values pased in shortcuts to transform property, do we want to replace it instead?\n  const finalTransformValue = `${initialTransformValue}${convertTranslateShortcuts(\n    translateX,\n    translateY,\n    translateZ\n  )}${convertRotateShortcuts(rotateX, rotateY, rotateZ)}${convertScaleShortcuts(\n    scaleX,\n    scaleY,\n    scaleZ\n  )}${convertSkewShortcuts(skewX, skewY)}`;\n  return {\n    ...otherCssProperties,\n    ...(finalTransformValue && { transform: finalTransformValue })\n  };\n}\n\n/**\n * Converts animation CSS properties into WAAPI keyframe properties.\n * Since keyframes have a difference between offset and cssOffset this collision is avoided here.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns WAAPI keyframe\n */\nexport function convertUseAnimationCssPropertiesToWAAPIKeyframe(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const { offset, ...otherCssProperties } =\n    convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties);\n  return {\n    ...otherCssProperties,\n    ...(offset && { cssOffset: offset })\n  };\n}\n\n/**\n * Stops an animation.\n *\n * @param animation Animation that is going to be stopped.\n * @returns\n */\nexport function stopAnimation<E extends HTMLElement>(animation: Animation, node: E | null) {\n  // TO DO: rollup-plugin-typescript seems to have an outdated Animation typing. That produces warnings while bulding.\n  // Update picked type to get rid of this casting.\n  // We have to check if the element is visible to commit styles\n  isVisible(node) && (animation as any).commitStyles();\n  animation.cancel();\n}\n\n/**\n * Check if an element is visible. Similar to jQuery :visible selector.\n *\n * @param element HTML element that is going to be checked for its visibility.\n * @returns\n */\nfunction isVisible<E extends HTMLElement>(element: E | null): boolean {\n  return !!(element?.offsetWidth || element?.offsetHeight || element?.getClientRects().length);\n}\n","import { useRef, useEffect, useCallback } from 'preact/hooks';\nimport {\n  convertUseAnimationCssPropertiesToRegularCSS,\n  convertUseAnimationCssPropertiesToWAAPIKeyframe,\n  UseAnimationCssProperties,\n  stopAnimation\n} from './animationUtils';\n\nexport type UseAnimationConfig<V extends string, E extends HTMLElement> = {\n  animationStates: Partial<\n    Record<AnimationStateKey<V>, ((node: E) => AnimationConfig) | AnimationConfig>\n  >;\n  isAnimatedOnMount?: boolean;\n  onAnimationEnd?: ({ animationState }: { animationState: V }) => void;\n};\n\n// Used to filter simple states and ones that include previous state\ntype AnimationStateKey<PA extends string> = ExtractAnimationStates<PA | `${PA} => ${PA}`>;\n\n// Used to get previous and current states and do deeper typing\ntype ExtractAnimationStates<StateString extends string> =\n  StateString extends `${infer From} => ${infer To}`\n    ? KeyWithPreviousAndCurrentState<From, To>\n    : StateString;\n\n// Used to just allow keys with different previous and current states\ntype KeyWithPreviousAndCurrentState<PreviousState extends string, CurrentState extends string> = {\n  b: PreviousState;\n} extends { b: CurrentState }\n  ? never\n  : `${PreviousState} => ${CurrentState}`;\n\ntype AnimationConfig = {\n  from?: UseAnimationCssProperties;\n  to: UseAnimationCssProperties;\n  end?: UseAnimationCssProperties;\n  options?: AnimationOptions;\n};\n\ntype AnimationOptions = {\n  delay?: number;\n  duration?: number;\n  easing?:\n    | 'linear'\n    | 'ease'\n    | 'ease-in'\n    | 'ease-out'\n    | 'ease-in-out'\n    | [number, number, number, number];\n};\n\n// Used to exclude states that include => since this string is used to represent a transition from state to another.\ntype PermittedAnimationState<V extends string> = Exclude<V, `${string}=>${string}`>;\n\n/**\n * Hook to animate single components.\n * It allows n number of animation states.\n * @param animationState\n * @param animationConfig\n * @returns\n */\nexport function useAnimation<V extends string, E extends HTMLElement = HTMLElement>(\n  animationState: PermittedAnimationState<V>,\n  {\n    animationStates,\n    isAnimatedOnMount = false,\n    onAnimationEnd = () => {}\n  }: UseAnimationConfig<PermittedAnimationState<V>, E>\n) {\n  const didMountRef = useRef(false);\n  const nodeRef = useRef<E | null>(null);\n  const currentAnimationState = useRef<PermittedAnimationState<V>>();\n  const currentAnimation = useRef<Animation>();\n\n  // We don't allow changing animationStates. Ref to keep \"first run\" animation states.\n  const animationStatesRef =\n    useRef<UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']>(animationStates);\n\n  useEffect(() => {\n    // UseEffect just have to be ran when there is a change on animationState\n    if (currentAnimationState.current === animationState) return;\n\n    // It makes sense to keep track of animation states even if there's no animated element to animate.\n    const previousAnimationState = currentAnimationState.current;\n    currentAnimationState.current = animationState;\n\n    //Stop an animation here only makes sense if the previous one is running\n    if (currentAnimation.current?.playState === 'running') {\n      stopAnimation(currentAnimation.current, nodeRef.current);\n    }\n\n    const animatedElement = nodeRef.current;\n    if (!animatedElement) {\n      return;\n    }\n\n    if (!didMountRef.current) {\n      didMountRef.current = true;\n      if (!isAnimatedOnMount) {\n        return;\n      }\n    }\n\n    const animationConfig = getConfig(\n      animationStatesRef.current,\n      animatedElement,\n      animationState,\n      previousAnimationState\n    );\n\n    if (!animationConfig) {\n      return;\n    }\n\n    currentAnimation.current = startAnimation(\n      animationConfig,\n      animatedElement,\n      animationState,\n      onAnimationEnd\n    );\n  }, [animationState, isAnimatedOnMount, onAnimationEnd]);\n\n  /**\n   * Used to cancel current animation. When animation is canceled node style goes back to beginning style of canceled animation.\n   * @returns\n   */\n  const cancelCurrentAnimation = useCallback(() => {\n    const animation = currentAnimation.current;\n    if (animation?.playState === 'running') {\n      animation.cancel();\n    }\n  }, []);\n\n  /**\n   * Callback ref use to set nodeRef.\n   *\n   * @param node Actual element user set.\n   * @returns\n   */\n  const callbackRef = useCallback((node: E | null) => {\n    if (node != nodeRef.current) {\n      //If for any reason element is unmounted we have to cancel animation(if there is one) and\n      //set currentAnimation as undefined so we don't keep running this animation\n      if (nodeRef.current) {\n        currentAnimation.current?.cancel();\n        currentAnimation.current = undefined;\n      }\n      nodeRef.current = node;\n    }\n  }, []);\n\n  return { nodeRef: callbackRef, controller: { cancel: cancelCurrentAnimation } };\n}\n\n/**\n * Gets animation configuration.\n *\n * @param animationStates Set of animation configurations provided by the user.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param previousAnimationState Previous animation state.\n * @returns AnimationConfig.\n */\nfunction getConfig<V extends string, E extends HTMLElement>(\n  animationStates: UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates'],\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  previousAnimationState?: PermittedAnimationState<V>\n) {\n  const currentAnimationStateConfig =\n    animationStates[\n      `${previousAnimationState} => ${animationState}` as keyof UseAnimationConfig<\n        PermittedAnimationState<V>,\n        E\n      >['animationStates']\n    ] ||\n    animationStates[\n      animationState as keyof UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']\n    ];\n\n  const animationConfig =\n    typeof currentAnimationStateConfig === 'function'\n      ? currentAnimationStateConfig(animatedElement)\n      : (currentAnimationStateConfig as AnimationConfig);\n\n  return animationConfig && Object.keys(animationConfig).length > 0 ? animationConfig : null;\n}\n\n/**\n * Starts an animation.\n *\n * @param animationConfig Animation configuration used by the animation.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param onAnimationEnd Callback called once the animation is completed.\n * @returns Animation.\n */\nfunction startAnimation<V extends string, E extends HTMLElement>(\n  animationConfig: AnimationConfig,\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  onAnimationEnd: UseAnimationConfig<PermittedAnimationState<V>, E>['onAnimationEnd']\n) {\n  const { delay, duration, easing } = animationConfig.options || {};\n\n  //Now, if user does not pass a value we override it by hand. We will use theming tools in future.\n  const animationOptions = {\n    delay: delay || 0,\n    duration: duration || 400,\n    easing: easing\n      ? typeof easing === 'string'\n        ? easing\n        : `cubic-bezier(${easing[0]}, ${easing[1]}, ${easing[2]}, ${easing[3]})`\n      : 'ease'\n  };\n\n  // WAAPI animation method. https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n  // TO DO: Check for required browser compatibility in case we need pollyfill.\n  // https://github.com/web-animations/web-animations-js/blob/dev/docs/support.md#browser-support\n  const startedAnimation = animatedElement.animate(\n    [\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.from),\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.to)\n    ],\n    { ...animationOptions }\n  );\n\n  startedAnimation.onfinish = () => {\n    //We commit styles to have an only source of truth.\n    setEndStyle(animatedElement, true, animationConfig);\n    // On animationEnd is only called when animation actually finished. If an animation is interruped by other one\n    // or animated element is not longer rendered onAnimationEnd will not be called. Do we want to have a callback for those cases?\n    onAnimationEnd?.({ animationState });\n  };\n\n  return startedAnimation;\n}\n\n/**\n * Sets element style.\n *\n * @param animatedElement Element that is going to be styled.\n * @param toAndEndStyle Represents which data will be used to set style. If set to true it uses \"to\" and \"endStyle\".\n * If set to false it uses just \"endStyle\".\n * @param animationConfig Style that is going to be set.\n */\nfunction setEndStyle<E extends HTMLElement>(\n  animatedElement: E,\n  toAndEndStyle: boolean,\n  animationConfig: AnimationConfig\n) {\n  const endStyle = toAndEndStyle\n    ? {\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.to),\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end)\n      }\n    : convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end);\n  for (const key in endStyle) {\n    //TO DO: Look for a better way to handle types.\n    (<any>animatedElement.style)[key] = endStyle[key as keyof typeof endStyle];\n  }\n}\n"],"names":["convertUseAnimationCssPropertiesToRegularCSS","useAnimationCssProperties","translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY","otherCssProperties","__rest","finalTransformValue","convertTranslateShortcuts","convertRotateShortcuts","convertScaleShortcuts","convertSkewShortcuts","Object","assign","transform","convertUseAnimationCssPropertiesToWAAPIKeyframe","_a","offset","cssOffset","animationState","animationStates","isAnimatedOnMount","onAnimationEnd","didMountRef","useRef","nodeRef","currentAnimationState","currentAnimation","animationStatesRef","useEffect","current","previousAnimationState","animation","node","element","playState","offsetWidth","offsetHeight","getClientRects","length","commitStyles","cancel","animatedElement","animationConfig","currentAnimationStateConfig","keys","getConfig","delay","duration","easing","options","animationOptions","startedAnimation","animate","from","to","onfinish","toAndEndStyle","endStyle","end","key","style","setEndStyle","startAnimation","cancelCurrentAnimation","useCallback","undefined","controller"],"mappings":"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"}

package/amd/{useFocusWithin-3cf07e58.js → useFocusWithin-4141423e.js}

@@ -1,2 +1,2 @@
 define(["exports","preact/hooks"],function(e,u){"use strict";e.useFocusWithin=function({isDisabled:e,onBlurWithin:n,onFocusWithin:s}={}){const[t,r]=u.useState(!1),o=u.useRef(!1),c=u.useCallback(e=>{o.current||(null==s||s(e),r(!0),o.current=!0)},[s]),i=u.useCallback(e=>{!o.current||null!=e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||(null==n||n(e),r(!1),o.current=!1)},[n]);return e?{isFocused:!1,focusProps:{}}:{isFocused:t,focusProps:{onfocusin:c,onfocusout:i}}}});
-//# sourceMappingURL=useFocusWithin-3cf07e58.js.map
+//# sourceMappingURL=useFocusWithin-4141423e.js.map

package/amd/{useFocusWithin-3cf07e58.js.map → useFocusWithin-4141423e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useFocusWithin-3cf07e58.js","sources":["../../src/hooks/UNSAFE_useFocusWithin/useFocusWithin.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\ntype FocusEvents = {\n  onBlurWithin?: (e: FocusEvent) => void;\n  onFocusWithin?: (e: FocusEvent) => void;\n};\n\ntype UseFocusWithinProps = FocusEvents & {\n  isDisabled?: boolean;\n};\n\nexport function useFocusWithin({\n  isDisabled,\n  onBlurWithin,\n  onFocusWithin\n}: UseFocusWithinProps = {}) {\n  const [isFocused, setIsFocused] = useState(false);\n  // Maintain a ref for whether we're focused so that we can update it synchronously and check\n  // it in the listeners.  It's possible for an element to receive and lose focus before\n  // the next render happens, in which case the isFocused state hasn't been updated yet for\n  // the focusin event.  The focusout listener would not do anything based on that stale state,\n  // which would result in the isFocused state incorrectly remaining true.\n  // We still need the isFocused state because that state change will trigger a rerender,\n  // whereas updating the ref will not.\n  const isFocusedRef = useRef(false);\n  const onfocusin = useCallback(\n    (event: FocusEvent) => {\n      if (!isFocusedRef.current) {\n        onFocusWithin?.(event);\n        setIsFocused(true);\n        isFocusedRef.current = true;\n      }\n    },\n    [onFocusWithin]\n  );\n  const onfocusout = useCallback(\n    (event: FocusEvent) => {\n      // Trigger focus event changes only when the focus goes outside of the current\n      // target. Ignore focus changes within the current target\n      if (\n        isFocusedRef.current &&\n        (event.relatedTarget == null ||\n          !(event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement))\n      ) {\n        onBlurWithin?.(event);\n        setIsFocused(false);\n        isFocusedRef.current = false;\n      }\n    },\n    [onBlurWithin]\n  );\n\n  return isDisabled\n    ? {\n        isFocused: false,\n        focusProps: {}\n      }\n    : {\n        isFocused,\n        focusProps: {\n          onfocusin,\n          onfocusout\n        }\n      };\n}\n"],"names":["isDisabled","onBlurWithin","onFocusWithin","isFocused","setIsFocused","useState","isFocusedRef","useRef","onfocusin","useCallback","event","current","onfocusout","relatedTarget","currentTarget","contains","focusProps"],"mappings":"8EAWM,UAAyBA,WAC7BA,EAAUC,aACVA,EAAYC,cACZA,GACuB,IACvB,MAAOC,EAAWC,GAAgBC,EAAQA,UAAC,GAQrCC,EAAeC,UAAO,GACtBC,EAAYC,cACfC,IACMJ,EAAaK,UAChBT,MAAAA,GAAAA,EAAgBQ,GAChBN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACT,IAEGU,EAAaH,cAChBC,KAIGJ,EAAaK,SACW,MAAvBD,EAAMG,eACHH,EAAMI,cAA8BC,SAASL,EAAMG,iBAEvDZ,MAAAA,GAAAA,EAAeS,GACfN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACV,IAGH,OAAOD,EACH,CACEG,WAAW,EACXa,WAAY,IAEd,CACEb,UAAAA,EACAa,WAAY,CACVR,UAAAA,EACAI,WAAAA"}
+{"version":3,"file":"useFocusWithin-4141423e.js","sources":["../../src/hooks/UNSAFE_useFocusWithin/useFocusWithin.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\ntype FocusEvents = {\n  onBlurWithin?: (e: FocusEvent) => void;\n  onFocusWithin?: (e: FocusEvent) => void;\n};\n\ntype UseFocusWithinProps = FocusEvents & {\n  isDisabled?: boolean;\n};\n\nexport function useFocusWithin({\n  isDisabled,\n  onBlurWithin,\n  onFocusWithin\n}: UseFocusWithinProps = {}) {\n  const [isFocused, setIsFocused] = useState(false);\n  // Maintain a ref for whether we're focused so that we can update it synchronously and check\n  // it in the listeners.  It's possible for an element to receive and lose focus before\n  // the next render happens, in which case the isFocused state hasn't been updated yet for\n  // the focusin event.  The focusout listener would not do anything based on that stale state,\n  // which would result in the isFocused state incorrectly remaining true.\n  // We still need the isFocused state because that state change will trigger a rerender,\n  // whereas updating the ref will not.\n  const isFocusedRef = useRef(false);\n  const onfocusin = useCallback(\n    (event: FocusEvent) => {\n      if (!isFocusedRef.current) {\n        onFocusWithin?.(event);\n        setIsFocused(true);\n        isFocusedRef.current = true;\n      }\n    },\n    [onFocusWithin]\n  );\n  const onfocusout = useCallback(\n    (event: FocusEvent) => {\n      // Trigger focus event changes only when the focus goes outside of the current\n      // target. Ignore focus changes within the current target\n      if (\n        isFocusedRef.current &&\n        (event.relatedTarget == null ||\n          !(event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement))\n      ) {\n        onBlurWithin?.(event);\n        setIsFocused(false);\n        isFocusedRef.current = false;\n      }\n    },\n    [onBlurWithin]\n  );\n\n  return isDisabled\n    ? {\n        isFocused: false,\n        focusProps: {}\n      }\n    : {\n        isFocused,\n        focusProps: {\n          onfocusin,\n          onfocusout\n        }\n      };\n}\n"],"names":["isDisabled","onBlurWithin","onFocusWithin","isFocused","setIsFocused","useState","isFocusedRef","useRef","onfocusin","useCallback","event","current","onfocusout","relatedTarget","currentTarget","contains","focusProps"],"mappings":"8EAWM,UAAyBA,WAC7BA,EAAUC,aACVA,EAAYC,cACZA,GACuB,IACvB,MAAOC,EAAWC,GAAgBC,EAAQA,UAAC,GAQrCC,EAAeC,UAAO,GACtBC,EAAYC,cACfC,IACMJ,EAAaK,UAChBT,MAAAA,GAAAA,EAAgBQ,GAChBN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACT,IAEGU,EAAaH,cAChBC,KAIGJ,EAAaK,SACW,MAAvBD,EAAMG,eACHH,EAAMI,cAA8BC,SAASL,EAAMG,iBAEvDZ,MAAAA,GAAAA,EAAeS,GACfN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACV,IAGH,OAAOD,EACH,CACEG,WAAW,EACXa,WAAY,IAEd,CACEb,UAAAA,EACAa,WAAY,CACVR,UAAAA,EACAI,WAAAA"}

package/amd/{useModal-9f8b312e.js → useModal-e73d78f1.js}

@@ -1,2 +1,2 @@
 define(["exports","preact/compat"],function(e,t){"use strict";e.useModal=e=>{const{isOpen:r,onBackdropClick:n}=e,c=t.useRef(null),u=t.useRef(null),s=t.useCallback(e=>{c.current===e.target&&(u.current=e.target)},[]),o=t.useCallback(e=>{c.current===e.target&&(e.stopPropagation(),u.current===e.target&&(null==n||n()))},[n]);return t.useEffect(()=>{const e=c.current;return e?(e.addEventListener("mousedown",s),e.addEventListener("click",o),()=>{e.removeEventListener("mousedown",s),e.removeEventListener("click",o)}):()=>{}},[r,s,o]),{modalRef:c}}});
-//# sourceMappingURL=useModal-9f8b312e.js.map
+//# sourceMappingURL=useModal-e73d78f1.js.map

package/amd/{useModal-9f8b312e.js.map → useModal-e73d78f1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useModal-9f8b312e.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from \"preact/compat\";\n\nexport type UseModalProps = Readonly<{\n    /**\n     * Determines whether the Modal is open.\n     */\n    isOpen : boolean;\n    /**\n     * On backdrop click callback.\n     */\n    onBackdropClick? : () => void;\n  }>;\n  \n  /**\n   *\n   * @param props\n   */\n  export const useModal = (props: UseModalProps) => {\n    \n    const {\n      isOpen,\n      onBackdropClick : onBackdropClickProp,\n    } = props;\n\n    const modalRef = useRef<HTMLDivElement>(null)\n\n    const mouseDownTarget = useRef<EventTarget | null>(null);\n\n    const onMouseDown = useCallback( (event: MouseEvent) => {\n        if (modalRef.current === event.target) {\n          mouseDownTarget.current = event.target\n        }\n      }, []);\n\n    const onBackdropClick = useCallback( (event: MouseEvent) => {\n      \n      if (modalRef.current === event.target) {\n        event.stopPropagation()\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.()\n        }\n      }\n    }, [onBackdropClickProp] )\n\n    useEffect(() => {\n      const modal = modalRef.current;\n\n      if (modal) {\n        modal.addEventListener('mousedown', onMouseDown);\n        modal.addEventListener('click', onBackdropClick); \n\n        return () => {\n          modal.removeEventListener('mousedown', onMouseDown);\n          modal.removeEventListener('click', onBackdropClick);\n        }\n      }\n\n      return () => {};\n    }, [isOpen, onMouseDown, onBackdropClick]);\n\n    return {\n      modalRef,\n    }\n\n  };\n  \n  export default useModal;\n  "],"names":["props","isOpen","onBackdropClick","onBackdropClickProp","modalRef","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener"],"mappings":"yEAkB2BA,IAEvB,MAAMC,OACJA,EACAC,gBAAkBC,GAChBH,EAEEI,EAAWC,SAAuB,MAElCC,EAAkBD,SAA2B,MAE7CE,EAAcC,cAAcC,IAC1BL,EAASM,UAAYD,EAAME,SAC7BL,EAAgBI,QAAUD,EAAME,SAEjC,IAECT,EAAkBM,cAAcC,IAEhCL,EAASM,UAAYD,EAAME,SAC7BF,EAAMG,kBAEFN,EAAgBI,UAAYD,EAAME,SACpCR,MAAAA,GAAAA,OAGH,CAACA,IAkBJ,OAhBAU,EAAAA,UAAU,KACR,MAAMC,EAAQV,EAASM,QAEvB,OAAII,GACFA,EAAMC,iBAAiB,YAAaR,GACpCO,EAAMC,iBAAiB,QAASb,GAEzB,KACLY,EAAME,oBAAoB,YAAaT,GACvCO,EAAME,oBAAoB,QAASd,KAIhC,QACN,CAACD,EAAQM,EAAaL,IAElB,CACLE,SAAAA"}
+{"version":3,"file":"useModal-e73d78f1.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from \"preact/compat\";\n\nexport type UseModalProps = Readonly<{\n    /**\n     * Determines whether the Modal is open.\n     */\n    isOpen : boolean;\n    /**\n     * On backdrop click callback.\n     */\n    onBackdropClick? : () => void;\n  }>;\n  \n  /**\n   *\n   * @param props\n   */\n  export const useModal = (props: UseModalProps) => {\n    \n    const {\n      isOpen,\n      onBackdropClick : onBackdropClickProp,\n    } = props;\n\n    const modalRef = useRef<HTMLDivElement>(null)\n\n    const mouseDownTarget = useRef<EventTarget | null>(null);\n\n    const onMouseDown = useCallback( (event: MouseEvent) => {\n        if (modalRef.current === event.target) {\n          mouseDownTarget.current = event.target\n        }\n      }, []);\n\n    const onBackdropClick = useCallback( (event: MouseEvent) => {\n      \n      if (modalRef.current === event.target) {\n        event.stopPropagation()\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.()\n        }\n      }\n    }, [onBackdropClickProp] )\n\n    useEffect(() => {\n      const modal = modalRef.current;\n\n      if (modal) {\n        modal.addEventListener('mousedown', onMouseDown);\n        modal.addEventListener('click', onBackdropClick); \n\n        return () => {\n          modal.removeEventListener('mousedown', onMouseDown);\n          modal.removeEventListener('click', onBackdropClick);\n        }\n      }\n\n      return () => {};\n    }, [isOpen, onMouseDown, onBackdropClick]);\n\n    return {\n      modalRef,\n    }\n\n  };\n  \n  export default useModal;\n  "],"names":["props","isOpen","onBackdropClick","onBackdropClickProp","modalRef","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener"],"mappings":"yEAkB2BA,IAEvB,MAAMC,OACJA,EACAC,gBAAkBC,GAChBH,EAEEI,EAAWC,SAAuB,MAElCC,EAAkBD,SAA2B,MAE7CE,EAAcC,cAAcC,IAC1BL,EAASM,UAAYD,EAAME,SAC7BL,EAAgBI,QAAUD,EAAME,SAEjC,IAECT,EAAkBM,cAAcC,IAEhCL,EAASM,UAAYD,EAAME,SAC7BF,EAAMG,kBAEFN,EAAgBI,UAAYD,EAAME,SACpCR,MAAAA,GAAAA,OAGH,CAACA,IAkBJ,OAhBAU,EAAAA,UAAU,KACR,MAAMC,EAAQV,EAASM,QAEvB,OAAII,GACFA,EAAMC,iBAAiB,YAAaR,GACpCO,EAAMC,iBAAiB,QAASb,GAEzB,KACLY,EAAME,oBAAoB,YAAaT,GACvCO,EAAME,oBAAoB,QAASd,KAIhC,QACN,CAACD,EAAQM,EAAaL,IAElB,CACLE,SAAAA"}

package/amd/{useSingleSelection-7205bfde.js → useSingleSelection-ee28feda.js}

@@ -1,2 +1,2 @@
 define(["exports","preact/hooks"],function(e,t){"use strict";const n=e=>{"Enter"===e.key&&e.preventDefault()},o=(e,t,n,o)=>{const c=t(e.target);o&&c&&n!==c&&(o({value:c}),"click"===e.type&&e.stopPropagation())};e.useSingleSelection=function(e,c,s){const l=t.useCallback(t=>{o(t,e,c,s)},[e,c,s]),r=t.useCallback(t=>{"Enter"===t.key&&o(t,e,c,s)},[e,c,s]);return{selectionProps:s?{onClick:l,onKeyDown:n,onKeyUp:r}:{}}}});
-//# sourceMappingURL=useSingleSelection-7205bfde.js.map
+//# sourceMappingURL=useSingleSelection-ee28feda.js.map

package/amd/{useSingleSelection-7205bfde.js.map → useSingleSelection-ee28feda.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSingleSelection-7205bfde.js","sources":["../../src/hooks/PRIVATE_useSingleSelection/useSingleSelection.ts"],"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 { useCallback } from 'preact/hooks';\nimport { SingleSelectionDetail } from '../../UNSAFE_Collection';\n\nexport function useSingleSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) {\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(event, keyExtractor, selected, onChange);\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleSelect(event, keyExtractor, selected, onChange);\n      }\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const selectionProps = onChange ? { onClick, onKeyDown, onKeyUp } : {};\n  return { selectionProps };\n}\n\n// prevent default (propagation) for keyDown to prevent arrow keys from scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter') {\n    event.preventDefault();\n  }\n};\n\nconst handleSelect = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onChange && itemKey && selected !== itemKey) {\n    onChange({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["onKeyDown","event","key","preventDefault","handleSelect","keyExtractor","selected","onChange","itemKey","target","value","type","stopPropagation","onClick","useCallback","onKeyUp","selectionProps"],"mappings":"6DAoCA,MAAMA,EAAaC,IACC,UAAdA,EAAMC,KACRD,EAAME,kBAIJC,EAAe,CACnBH,EACAI,EACAC,EACAC,KAEA,MAAMC,EAAUH,EAAaJ,EAAMQ,QAC/BF,GAAYC,GAAWF,IAAaE,IACtCD,EAAS,CAAEG,MAAOF,IACC,UAAfP,EAAMU,MACRV,EAAMW,kDAzCVP,EACAC,EACAC,GAEA,MAAMM,EAAUC,cACbb,IACCG,EAAaH,EAAOI,EAAcC,EAAUC,IAE9C,CAACF,EAAcC,EAAUC,IAGrBQ,EAAUD,cACbb,IACmB,UAAdA,EAAMC,KACRE,EAAaH,EAAOI,EAAcC,EAAUC,IAGhD,CAACF,EAAcC,EAAUC,IAI3B,MAAO,CAAES,eADcT,EAAW,CAAEM,QAAAA,EAASb,UAAAA,EAAWe,QAAAA,GAAY"}
+{"version":3,"file":"useSingleSelection-ee28feda.js","sources":["../../src/hooks/PRIVATE_useSingleSelection/useSingleSelection.ts"],"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 { useCallback } from 'preact/hooks';\nimport { SingleSelectionDetail } from '../../UNSAFE_Collection';\n\nexport function useSingleSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) {\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(event, keyExtractor, selected, onChange);\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleSelect(event, keyExtractor, selected, onChange);\n      }\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const selectionProps = onChange ? { onClick, onKeyDown, onKeyUp } : {};\n  return { selectionProps };\n}\n\n// prevent default (propagation) for keyDown to prevent arrow keys from scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter') {\n    event.preventDefault();\n  }\n};\n\nconst handleSelect = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onChange && itemKey && selected !== itemKey) {\n    onChange({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["onKeyDown","event","key","preventDefault","handleSelect","keyExtractor","selected","onChange","itemKey","target","value","type","stopPropagation","onClick","useCallback","onKeyUp","selectionProps"],"mappings":"6DAoCA,MAAMA,EAAaC,IACC,UAAdA,EAAMC,KACRD,EAAME,kBAIJC,EAAe,CACnBH,EACAI,EACAC,EACAC,KAEA,MAAMC,EAAUH,EAAaJ,EAAMQ,QAC/BF,GAAYC,GAAWF,IAAaE,IACtCD,EAAS,CAAEG,MAAOF,IACC,UAAfP,EAAMU,MACRV,EAAMW,kDAzCVP,EACAC,EACAC,GAEA,MAAMM,EAAUC,cACbb,IACCG,EAAaH,EAAOI,EAAcC,EAAUC,IAE9C,CAACF,EAAcC,EAAUC,IAGrBQ,EAAUD,cACbb,IACmB,UAAdA,EAAMC,KACRE,EAAaH,EAAOI,EAAcC,EAAUC,IAGhD,CAACF,EAAcC,EAAUC,IAI3B,MAAO,CAAES,eADcT,EAAW,CAAEM,QAAAA,EAASb,UAAAA,EAAWe,QAAAA,GAAY"}

package/amd/utils/PRIVATE_clientHints/__tests__/clientHints.spec.js

@@ -1,2 +1,2 @@
-define(["../../../clientHints-421618b0","chai"],function(e,t){"use strict";describe("clientHints",()=>{it("checks consistency",()=>{const i=e.getClientHints(navigator.userAgent),n=e.getClientHints();t.expect(i.browser).to.equal(n.browser),t.expect(i.browserMajorVersion).to.equal(n.browserMajorVersion),t.expect(i.deviceType).to.equal(n.deviceType),t.expect(i.platform).to.equal(n.platform)})})});
+define(["../../../clientHints-2e828dd3","chai"],function(e,t){"use strict";describe("clientHints",()=>{it("checks consistency",()=>{const i=e.getClientHints(navigator.userAgent),n=e.getClientHints();t.expect(i.browser).to.equal(n.browser),t.expect(i.browserMajorVersion).to.equal(n.browserMajorVersion),t.expect(i.deviceType).to.equal(n.deviceType),t.expect(i.platform).to.equal(n.platform)})})});
 //# sourceMappingURL=clientHints.spec.js.map

package/amd/utils/PRIVATE_clientHints.js

@@ -1,2 +1,2 @@
-define(["exports","../clientHints-421618b0"],function(e,t){"use strict";e.getClientHints=t.getClientHints,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","../clientHints-2e828dd3"],function(e,t){"use strict";e.getClientHints=t.getClientHints,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_clientHints.js.map

package/amd/utils/PRIVATE_tabbableUtils.js

@@ -1,2 +1,2 @@
-define(["exports","../_curry1-4bc24d07","../_curry2-b282d372","../_curry3-d85ab9e3"],function(r,t,n,e){"use strict";var u=function(r){return"[object String]"===Object.prototype.toString.call(r)},o=n._curry2_1,a=u,c=o(function(r,t){var n=r<0?t.length+r:r;return a(t)?t.charAt(n):t[n]}),i=c(0),l=c(-1);var s=function(r,t){switch(r){case 0:return function(){return t.apply(this,arguments)};case 1:return function(r){return t.apply(this,arguments)};case 2:return function(r,n){return t.apply(this,arguments)};case 3:return function(r,n,e){return t.apply(this,arguments)};case 4:return function(r,n,e,u){return t.apply(this,arguments)};case 5:return function(r,n,e,u,o){return t.apply(this,arguments)};case 6:return function(r,n,e,u,o,a){return t.apply(this,arguments)};case 7:return function(r,n,e,u,o,a,c){return t.apply(this,arguments)};case 8:return function(r,n,e,u,o,a,c,i){return t.apply(this,arguments)};case 9:return function(r,n,e,u,o,a,c,i,l){return t.apply(this,arguments)};case 10:return function(r,n,e,u,o,a,c,i,l,s){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}};var f=function(r,t){return function(){return t.call(this,r.apply(this,arguments))}},p=Array.isArray||function(r){return null!=r&&r.length>=0&&"[object Array]"===Object.prototype.toString.call(r)},y=t._curry1_1,d=p,h=u,b=y(function(r){return!!d(r)||!!r&&("object"==typeof r&&(!h(r)&&(1===r.nodeType?!!r.length:0===r.length||r.length>0&&(r.hasOwnProperty(0)&&r.hasOwnProperty(r.length-1)))))}),v=function(){function r(r){this.f=r}return r.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},r.prototype["@@transducer/result"]=function(r){return r},r.prototype["@@transducer/step"]=function(r,t){return this.f(r,t)},r}();var g=function(r){return new v(r)},_=s,m=(0,n._curry2_1)(function(r,t){return _(r.length,function(){return r.apply(t,arguments)})}),w=b,x=g,A=m;function E(r,t,n){for(var e=n.next();!e.done;){if((t=r["@@transducer/step"](t,e.value))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e=n.next()}return r["@@transducer/result"](t)}function O(r,t,n,e){return r["@@transducer/result"](n[e](A(r["@@transducer/step"],r),t))}var S="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";var j=function(r,t,n){if("function"==typeof r&&(r=x(r)),w(n))return function(r,t,n){for(var e=0,u=n.length;e<u;){if((t=r["@@transducer/step"](t,n[e]))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e+=1}return r["@@transducer/result"](t)}(r,t,n);if("function"==typeof n["fantasy-land/reduce"])return O(r,t,n,"fantasy-land/reduce");if(null!=n[S])return E(r,t,n[S]());if("function"==typeof n.next)return E(r,t,n);if("function"==typeof n.reduce)return O(r,t,n,"reduce");throw new TypeError("reduce: list must be array or iterable")},I=(0,e._curry3_1)(j),P=p;var T=function(r,t){return function(){var n=arguments.length;if(0===n)return t();var e=arguments[n-1];return P(e)||"function"!=typeof e[r]?t.apply(this,arguments):e[r].apply(e,Array.prototype.slice.call(arguments,0,n-1))}},k=T,q=(0,e._curry3_1)(k("slice",function(r,t,n){return Array.prototype.slice.call(n,r,t)})),W=T,D=t._curry1_1,F=s,M=f,X=I,z=D(W("tail",q(1,1/0)));var B=function(){if(0===arguments.length)throw new Error("pipe requires at least one argument");return F(arguments[0].length,X(M,arguments[0],z(arguments)))},C=(0,n._curry2_1)(function(r,t){return Array.prototype.slice.call(t,0).sort(r)});const G=["a:not([name]):not([disabled])","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])","[tabIndex]:not([tabIndex='-1']"].join(", "),H=(r,t)=>{var n,e;return(null!==(n=r.tabIndex)&&void 0!==n?n:0)-(null!==(e=t.tabIndex)&&void 0!==e?e:0)},J=r=>{const t=(n=r,Array.from(n.querySelectorAll(G)).filter(r=>null!==r.offsetParent&&-1!==r.tabIndex));var n;return t.length?t:[r]},K=B(J,C(H),i),L=r=>{r.focus({preventScroll:!0})},N=B(J,C(H),i,L),Q=B(J,C(H),l,L);r.focusOn=L,r.focusOnEnd=Q,r.focusOnStart=N,r.focusWithin=r=>{const t=K(r);L(t)},r.getActiveElement=r=>{var t;return(null!==(t=null==r?void 0:r.ownerDocument)&&void 0!==t?t:document).activeElement},r.isTabbableElement=r=>r.matches(G),Object.defineProperty(r,"__esModule",{value:!0})});
+define(["exports","../_curry1-5e7b060f","../_curry2-a7eb1217","../_curry3-5f6cc6b4"],function(r,t,n,e){"use strict";var u=function(r){return"[object String]"===Object.prototype.toString.call(r)},o=n._curry2_1,a=u,c=o(function(r,t){var n=r<0?t.length+r:r;return a(t)?t.charAt(n):t[n]}),i=c(0),l=c(-1);var s=function(r,t){switch(r){case 0:return function(){return t.apply(this,arguments)};case 1:return function(r){return t.apply(this,arguments)};case 2:return function(r,n){return t.apply(this,arguments)};case 3:return function(r,n,e){return t.apply(this,arguments)};case 4:return function(r,n,e,u){return t.apply(this,arguments)};case 5:return function(r,n,e,u,o){return t.apply(this,arguments)};case 6:return function(r,n,e,u,o,a){return t.apply(this,arguments)};case 7:return function(r,n,e,u,o,a,c){return t.apply(this,arguments)};case 8:return function(r,n,e,u,o,a,c,i){return t.apply(this,arguments)};case 9:return function(r,n,e,u,o,a,c,i,l){return t.apply(this,arguments)};case 10:return function(r,n,e,u,o,a,c,i,l,s){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}};var f=function(r,t){return function(){return t.call(this,r.apply(this,arguments))}},p=Array.isArray||function(r){return null!=r&&r.length>=0&&"[object Array]"===Object.prototype.toString.call(r)},y=t._curry1_1,d=p,h=u,b=y(function(r){return!!d(r)||!!r&&("object"==typeof r&&(!h(r)&&(1===r.nodeType?!!r.length:0===r.length||r.length>0&&(r.hasOwnProperty(0)&&r.hasOwnProperty(r.length-1)))))}),v=function(){function r(r){this.f=r}return r.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},r.prototype["@@transducer/result"]=function(r){return r},r.prototype["@@transducer/step"]=function(r,t){return this.f(r,t)},r}();var g=function(r){return new v(r)},_=s,m=(0,n._curry2_1)(function(r,t){return _(r.length,function(){return r.apply(t,arguments)})}),w=b,x=g,A=m;function E(r,t,n){for(var e=n.next();!e.done;){if((t=r["@@transducer/step"](t,e.value))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e=n.next()}return r["@@transducer/result"](t)}function O(r,t,n,e){return r["@@transducer/result"](n[e](A(r["@@transducer/step"],r),t))}var S="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";var j=function(r,t,n){if("function"==typeof r&&(r=x(r)),w(n))return function(r,t,n){for(var e=0,u=n.length;e<u;){if((t=r["@@transducer/step"](t,n[e]))&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}e+=1}return r["@@transducer/result"](t)}(r,t,n);if("function"==typeof n["fantasy-land/reduce"])return O(r,t,n,"fantasy-land/reduce");if(null!=n[S])return E(r,t,n[S]());if("function"==typeof n.next)return E(r,t,n);if("function"==typeof n.reduce)return O(r,t,n,"reduce");throw new TypeError("reduce: list must be array or iterable")},I=(0,e._curry3_1)(j),P=p;var T=function(r,t){return function(){var n=arguments.length;if(0===n)return t();var e=arguments[n-1];return P(e)||"function"!=typeof e[r]?t.apply(this,arguments):e[r].apply(e,Array.prototype.slice.call(arguments,0,n-1))}},k=T,q=(0,e._curry3_1)(k("slice",function(r,t,n){return Array.prototype.slice.call(n,r,t)})),W=T,D=t._curry1_1,F=s,M=f,X=I,z=D(W("tail",q(1,1/0)));var B=function(){if(0===arguments.length)throw new Error("pipe requires at least one argument");return F(arguments[0].length,X(M,arguments[0],z(arguments)))},C=(0,n._curry2_1)(function(r,t){return Array.prototype.slice.call(t,0).sort(r)});const G=["a:not([name]):not([disabled])","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])","[tabIndex]:not([tabIndex='-1']"].join(", "),H=(r,t)=>{var n,e;return(null!==(n=r.tabIndex)&&void 0!==n?n:0)-(null!==(e=t.tabIndex)&&void 0!==e?e:0)},J=r=>{const t=(n=r,Array.from(n.querySelectorAll(G)).filter(r=>null!==r.offsetParent&&-1!==r.tabIndex));var n;return t.length?t:[r]},K=B(J,C(H),i),L=r=>{r.focus({preventScroll:!0})},N=B(J,C(H),i,L),Q=B(J,C(H),l,L);r.focusOn=L,r.focusOnEnd=Q,r.focusOnStart=N,r.focusWithin=r=>{const t=K(r);L(t)},r.getActiveElement=r=>{var t;return(null!==(t=null==r?void 0:r.ownerDocument)&&void 0!==t?t:document).activeElement},r.isTabbableElement=r=>r.matches(G),Object.defineProperty(r,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_tabbableUtils.js.map

package/amd/utils/UNSAFE_classNames/classNames.spec.js

@@ -1,2 +1,2 @@
-define(["../../classNames-7ef49daf","chai"],function(s,e){"use strict";describe("Utilities",()=>{it("joins values into a string",()=>{e.expect(s.classNames(["A","B",!1,"D"])).equals("A B D"),e.expect(s.classNames(["A"])).equals("A"),e.expect(s.classNames([!1])).equals("")})})});
+define(["../../classNames-62e37972","chai"],function(s,e){"use strict";describe("Utilities",()=>{it("joins values into a string",()=>{e.expect(s.classNames(["A","B",!1,"D"])).equals("A B D"),e.expect(s.classNames(["A"])).equals("A"),e.expect(s.classNames([!1])).equals("")})})});
 //# sourceMappingURL=classNames.spec.js.map

package/amd/utils/UNSAFE_classNames.js

@@ -1,2 +1,2 @@
-define(["exports","../classNames-7ef49daf"],function(e,s){"use strict";e.classNames=s.classNames,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","../classNames-62e37972"],function(e,s){"use strict";e.classNames=s.classNames,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_classNames.js.map

package/amd/utils/UNSAFE_interpolations/boxalignment.css

@@ -1,15 +1,15 @@
-._1i8maef{align-items:baseline;}
-._1l2zqgv{align-items:center;}
-.lum14w{align-items:flex-end;}
-._1grb1go{align-items:flex-start;}
-._1p6tn8f{align-items:inherit;}
-._127wi83{align-items:initial;}
-._1sen59x{align-items:stretch;}
-.p6xoif{justify-content:center;}
-._16kk4mp{justify-content:flex-end;}
-.mq38g4{justify-content:flex-start;}
-._1ro90sl{justify-content:inherit;}
-._4pzgxf{justify-content:initial;}
-._1ma39c3{justify-content:space-around;}
-._1ciw6j1{justify-content:space-between;}
-._1x8ahct{justify-content:space-evenly;}
+.jqfwa8{align-items:baseline;}
+.wkspba{align-items:center;}
+._1389qlu{align-items:flex-end;}
+._188jbx5{align-items:flex-start;}
+._11gnu78{align-items:inherit;}
+.cm43nq{align-items:initial;}
+._1yvw35x{align-items:stretch;}
+.qb0bl{justify-content:center;}
+._1yfu5gv{justify-content:flex-end;}
+.tra8fr{justify-content:flex-start;}
+._1iclgf0{justify-content:inherit;}
+._1tn3nmo{justify-content:initial;}
+._1psvf9r{justify-content:space-around;}
+._11tdfd8{justify-content:space-between;}
+.l77tq6{justify-content:space-evenly;}

package/amd/utils/UNSAFE_interpolations/boxalignment.js

@@ -1,2 +1,2 @@
-define(["exports","css!./boxalignment.css","../../keys-2f73271e","../UNSAFE_size","../UNSAFE_arrayUtils","../../_curry1-4bc24d07","../../_has-d6e072c4"],function(e,i,t,n,s,r,a){"use strict";const _={baseline:"_1i8maef",center:"_1l2zqgv",end:"lum14w",start:"_1grb1go",inherit:"_1p6tn8f",initial:"_127wi83",stretch:"_1sen59x"},o={center:"p6xoif",end:"_16kk4mp",start:"mq38g4",inherit:"_1ro90sl",initial:"_4pzgxf",around:"_1ma39c3",between:"_1ciw6j1",evenly:"_1x8ahct"},c={align:({align:e})=>void 0===e?{}:{class:_[e]},justify:({justify:e})=>void 0===e?{}:{class:o[e]},gap:({gap:e})=>{if(void 0===e)return{};{const[i,t=i]=s.coerceArray(e);return{gap:`${n.sizeToCSS(i)} ${n.sizeToCSS(t)}`}}}},l=t.keys_1(_),f=t.keys_1(o);e.aligns=l,e.boxAlignmentInterpolations=c,e.justifies=f,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","css!./boxalignment.css","../../keys-f1cf2c8a","../UNSAFE_size","../UNSAFE_arrayUtils","../../_curry1-5e7b060f","../../_has-ec8331b9"],function(e,i,t,n,s,r,a){"use strict";const l={baseline:"jqfwa8",center:"wkspba",end:"_1389qlu",start:"_188jbx5",inherit:"_11gnu78",initial:"cm43nq",stretch:"_1yvw35x"},c={center:"qb0bl",end:"_1yfu5gv",start:"tra8fr",inherit:"_1iclgf0",initial:"_1tn3nmo",around:"_1psvf9r",between:"_11tdfd8",evenly:"l77tq6"},o={align:({align:e})=>void 0===e?{}:{class:l[e]},justify:({justify:e})=>void 0===e?{}:{class:c[e]},gap:({gap:e})=>{if(void 0===e)return{};{const[i,t=i]=s.coerceArray(e);return{gap:`${n.sizeToCSS(i)} ${n.sizeToCSS(t)}`}}}},_=t.keys_1(l),f=t.keys_1(c);e.aligns=_,e.boxAlignmentInterpolations=o,e.justifies=f,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=boxalignment.js.map

package/amd/utils/UNSAFE_interpolations/boxalignment.js.map

@@ -1 +1 @@
-{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","keys_1","justifies"],"mappings":"+KAQA,MAAAA,EAAA,UAAA,kBAAA,eAAA,eAAA,mBAAA,mBAAA,+BA8BAC,EAAA,QAAA,aAAA,iBAAA,iBAAA,mBAAA,iBAAA,mBAAA,8BA4CAC,EAAA,+BAGM,GACA,CACIC,MAAAH,EAAAI,sCAIJ,GACA,CACID,MAAAF,EAAAI,IAGRC,IAAA,EAAAA,IAAAA,oBAEI,MAAA,GACK,CACL,MAAAC,EAAAC,EAAAD,GAAAE,EAAAA,YAAAH,GACA,MAAA,CAAAA,IAAA,GAAAI,EAAAA,UAAAH,MAAAG,EAAAA,UAAAF,SAONG,EAAAC,EAAAC,OAAAb,GACAc,EAAAF,EAAAC,OAAAZ"}
+{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","keys_1","justifies"],"mappings":"+KAQA,MAAAA,EAAA,UAAA,gBAAA,aAAA,iBAAA,mBAAA,mBAAA,6BA8BAC,EAAA,QAAA,YAAA,iBAAA,iBAAA,mBAAA,kBAAA,mBAAA,4BA4CAC,EAAA,+BAGM,GACA,CACIC,MAAAH,EAAAI,sCAIJ,GACA,CACID,MAAAF,EAAAI,IAGRC,IAAA,EAAAA,IAAAA,oBAEI,MAAA,GACK,CACL,MAAAC,EAAAC,EAAAD,GAAAE,EAAAA,YAAAH,GACA,MAAA,CAAAA,IAAA,GAAAI,EAAAA,UAAAH,MAAAG,EAAAA,UAAAF,SAONG,EAAAC,EAAAC,OAAAb,GACAc,EAAAF,EAAAC,OAAAZ"}

package/amd/utils/UNSAFE_interpolations/dimensions.js

@@ -1,2 +1,2 @@
-define(["exports","../UNSAFE_arrayUtils","../UNSAFE_size","../../_curry1-4bc24d07"],function(e,i,t,n){"use strict";var r=(0,n._curry1_1)(function(e){return null==e});const s=i.stringLiteralArray(["height","maxHeight","maxWidth","minHeight","minWidth","width"]),o=e=>i=>{const n=i[e];return r(i[e])?{}:{[e]:t.sizeToCSS(n)}},c=s.reduce((e,i)=>Object.assign(e,{[i]:o(i)}),{});e.dimensionInterpolations=c,e.dimensions=s,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","../UNSAFE_arrayUtils","../UNSAFE_size","../../_curry1-5e7b060f"],function(e,i,t,n){"use strict";var r=(0,n._curry1_1)(function(e){return null==e});const s=i.stringLiteralArray(["height","maxHeight","maxWidth","minHeight","minWidth","width"]),o=e=>i=>{const n=i[e];return r(i[e])?{}:{[e]:t.sizeToCSS(n)}},u=s.reduce((e,i)=>Object.assign(e,{[i]:o(i)}),{});e.dimensionInterpolations=u,e.dimensions=s,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=dimensions.js.map

package/amd/utils/UNSAFE_interpolations/flexbox/flexbox.spec.js

@@ -1,2 +1,2 @@
-define(["../../../flexbox-af3b62ca","chai","css!./../flexbox.css","../../../keys-2f73271e","../../../_curry1-4bc24d07","../../../_has-d6e072c4"],function(e,c,n,o,t,i){"use strict";const{direction:r}=e.flexboxInterpolations;describe("flexbox direction",()=>{[[{},{}],[{foo:"bar"},{}]].forEach(e=>{const[n,o]=e;it(`when ${n} returns ${o}`,async function(){const e=r(n);c.expect(e).to.deep.equal(o)})})})});
+define(["../../../flexbox-495ba219","chai","css!./../flexbox.css","../../../keys-f1cf2c8a","../../../_curry1-5e7b060f","../../../_has-ec8331b9"],function(e,c,n,o,t,i){"use strict";const{direction:r}=e.flexboxInterpolations;describe("flexbox direction",()=>{[[{},{}],[{foo:"bar"},{}]].forEach(e=>{const[n,o]=e;it(`when ${n} returns ${o}`,async function(){const e=r(n);c.expect(e).to.deep.equal(o)})})})});
 //# sourceMappingURL=flexbox.spec.js.map

package/amd/utils/UNSAFE_interpolations/flexbox.css

@@ -1,7 +1,7 @@
-._1s9onx9{flex-direction:row;}
-.bsj2kb{flex-direction:column;}
-._11u68a2{flex-wrap:nowrap;}
-._1ceggj{flex-wrap:wrap;}
-._1dzqgpo{flex-wrap:wrap-reverse;}
-._69pmkv{flex-wrap:inherit;}
-._12f8h60{flex-wrap:initial;}
+._1ftbvx{flex-direction:row;}
+._15is8v9{flex-direction:column;}
+._1anv060{flex-wrap:nowrap;}
+._8w2gei{flex-wrap:wrap;}
+._1cfpjjx{flex-wrap:wrap-reverse;}
+.vacwjr{flex-wrap:inherit;}
+.auca12{flex-wrap:initial;}

package/amd/utils/UNSAFE_interpolations/flexbox.js

@@ -1,2 +1,2 @@
-define(["exports","../../flexbox-af3b62ca","css!./flexbox.css","../../keys-2f73271e","../../_curry1-4bc24d07","../../_has-d6e072c4"],function(e,o,s,t,r,i){"use strict";e.directions=o.directions,e.flexboxInterpolations=o.flexboxInterpolations,e.flexboxStyles=o.flexboxStyles,e.wraps=o.wraps,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","../../flexbox-495ba219","css!./flexbox.css","../../keys-f1cf2c8a","../../_curry1-5e7b060f","../../_has-ec8331b9"],function(e,o,s,t,r,i){"use strict";e.directions=o.directions,e.flexboxInterpolations=o.flexboxInterpolations,e.flexboxStyles=o.flexboxStyles,e.wraps=o.wraps,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=flexbox.js.map

package/amd/utils/UNSAFE_interpolations/flexitem/flexitem.spec.js

@@ -1,2 +1,2 @@
-define(["../../../flexitem-7f1eca3f","chai","css!./../flexitem.css","../../../keys-2f73271e","../../../_curry1-4bc24d07","../../../_has-d6e072c4"],function(e,n,t,c,i,f){"use strict";const{alignSelf:a}=e.flexitemInterpolations;describe("flexitem alignSelf",()=>{[[{},{}],[{foo:"bar"},{}]].forEach(e=>{const[t,c]=e;it(`when ${t} returns ${c}`,async function(){const e=a(t);n.expect(e).to.deep.equal(c)})})})});
+define(["../../../flexitem-2a478c7f","chai","css!./../flexitem.css","../../../keys-f1cf2c8a","../../../_curry1-5e7b060f","../../../_has-ec8331b9"],function(e,c,n,t,i,f){"use strict";const{alignSelf:a}=e.flexitemInterpolations;describe("flexitem alignSelf",()=>{[[{},{}],[{foo:"bar"},{}]].forEach(e=>{const[n,t]=e;it(`when ${n} returns ${t}`,async function(){const e=a(n);c.expect(e).to.deep.equal(t)})})})});
 //# sourceMappingURL=flexitem.spec.js.map

package/amd/utils/UNSAFE_interpolations/flexitem.css

@@ -1,7 +1,7 @@
-.xrj0f5{align-self:baseline;}
-._17mmq93{align-self:center;}
-.qqvoe4{align-self:flex-end;}
-._1x6rfnh{align-self:flex-start;}
-._1i313wf{align-self:inherit;}
-.la60qb{align-self:initial;}
-.zu7kzf{align-self:stretch;}
+.ldrr5z{align-self:baseline;}
+.zwm8bb{align-self:center;}
+.wwn8s4{align-self:flex-end;}
+._12a8tuy{align-self:flex-start;}
+._19pqevw{align-self:inherit;}
+.cdokp0{align-self:initial;}
+._8vtkxw{align-self:stretch;}

package/amd/utils/UNSAFE_interpolations/flexitem.js

@@ -1,2 +1,2 @@
-define(["exports","../../flexitem-7f1eca3f","css!./flexitem.css","../../keys-2f73271e","../../_curry1-4bc24d07","../../_has-d6e072c4"],function(e,t,l,i,f,s){"use strict";e.alignSelfs=t.alignSelfs,e.flexitemInterpolations=t.flexitemInterpolations,e.flexitemStyles=t.flexitemStyles,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","../../flexitem-2a478c7f","css!./flexitem.css","../../keys-f1cf2c8a","../../_curry1-5e7b060f","../../_has-ec8331b9"],function(e,t,l,i,f,s){"use strict";e.alignSelfs=t.alignSelfs,e.flexitemInterpolations=t.flexitemInterpolations,e.flexitemStyles=t.flexitemStyles,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=flexitem.js.map

package/amd/utils/UNSAFE_interpolations/text.css

@@ -1,3 +1,3 @@
-.duim86{text-align:start;}
-._1daf35o{text-align:end;}
-._150el9{text-align:right;}
+._13b6h6u{text-align:start;}
+.r7jscg{text-align:end;}
+._1wnd6ao{text-align:right;}

package/amd/utils/UNSAFE_interpolations/text.js

@@ -1,2 +1,2 @@
-define(["exports","css!./text.css","../../keys-2f73271e","../../_curry1-4bc24d07","../../_has-d6e072c4"],function(t,e,i,s,n){"use strict";const l={start:"duim86",end:"_1daf35o",right:"_150el9"},r={textAlign:l},d=i.keys_1(l),o={textAlign:({textAlign:t})=>void 0===t?{}:{class:l[t]}};t.textAlignStyles=l,t.textAligns=d,t.textInterpolations=o,t.textStyles=r,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","css!./text.css","../../keys-f1cf2c8a","../../_curry1-5e7b060f","../../_has-ec8331b9"],function(t,e,s,n,i){"use strict";const l={start:"_13b6h6u",end:"r7jscg",right:"_1wnd6ao"},r={textAlign:l},c=s.keys_1(l),a={textAlign:({textAlign:t})=>void 0===t?{}:{class:l[t]}};t.textAlignStyles=l,t.textAligns=c,t.textInterpolations=a,t.textStyles=r,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=text.js.map

package/amd/utils/UNSAFE_interpolations/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","keys_1","textInterpolations"],"mappings":"mIAGA,MAAAA,EAAA,OAAA,aAAA,4BAcAC,EAAA,CACEC,UAAAF,GAGFG,EAAAC,EAAAC,OAAAL,GAUAM,EAAA"}
+{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","keys_1","textInterpolations"],"mappings":"mIAGA,MAAAA,EAAA,OAAA,eAAA,2BAcAC,EAAA,CACEC,UAAAF,GAGFG,EAAAC,EAAAC,OAAAL,GAUAM,EAAA"}

package/amd/utils/UNSAFE_logger.js

@@ -1,2 +1,2 @@
-define(["exports","../_curry1-4bc24d07","../_curry2-b282d372"],function(r,e,n){"use strict";const o=(0,n._curry2_1)(function(r,e){for(var n={},o=0;o<r.length;)r[o]in e&&(n[r[o]]=e[r[o]]),o+=1;return n})(["error","warn","info","log"],console);r.Logger=o,Object.defineProperty(r,"__esModule",{value:!0})});
+define(["exports","../_curry1-5e7b060f","../_curry2-a7eb1217"],function(r,e,n){"use strict";const o=(0,n._curry2_1)(function(r,e){for(var n={},o=0;o<r.length;)r[o]in e&&(n[r[o]]=e[r[o]]),o+=1;return n})(["error","warn","info","log"],console);r.Logger=o,Object.defineProperty(r,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_logger.js.map

package/amd/utils/UNSAFE_mergeInterpolations.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_classNames","../_curry1-4bc24d07","../_curry3-d85ab9e3","../_has-d6e072c4","../classNames-7ef49daf","../_curry2-b282d372"],function(r,e,c,t,n,s,u){"use strict";var o=function(r){return"[object Object]"===Object.prototype.toString.call(r)},a=t._curry3_1,_=n._has_1,i=a(function(r,e,c){var t,n={};for(t in e)_(t,e)&&(n[t]=_(t,c)?r(t,e[t],c[t]):e[t]);for(t in c)_(t,c)&&!_(t,n)&&(n[t]=c[t]);return n}),f=t._curry3_1,d=o,l=i,b=f(function r(e,c,t){return l(function(c,t,n){return d(t)&&d(n)?r(e,t,n):e(c,t,n)},c,t)});const y=(r,e,c)=>"class"===r?s.classNames([e,c]):c;r.mergeInterpolations=r=>e=>r.reduce((r,c)=>b(y,r,c(e)),{}),Object.defineProperty(r,"__esModule",{value:!0})});
+define(["exports","./UNSAFE_classNames","../_curry1-5e7b060f","../_curry3-5f6cc6b4","../_has-ec8331b9","../classNames-62e37972","../_curry2-a7eb1217"],function(e,r,c,t,n,s,u){"use strict";var o=function(e){return"[object Object]"===Object.prototype.toString.call(e)},a=t._curry3_1,_=n._has_1,i=a(function(e,r,c){var t,n={};for(t in r)_(t,r)&&(n[t]=_(t,c)?e(t,r[t],c[t]):r[t]);for(t in c)_(t,c)&&!_(t,n)&&(n[t]=c[t]);return n}),f=t._curry3_1,l=o,b=i,y=f(function e(r,c,t){return b(function(c,t,n){return l(t)&&l(n)?e(r,t,n):r(c,t,n)},c,t)});const p=(e,r,c)=>"class"===e?s.classNames([r,c]):c;e.mergeInterpolations=e=>r=>e.reduce((e,c)=>y(p,e,c(r)),{}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_mergeInterpolations.js.map

package/amd/utils/UNSAFE_stringUtils/stringUtils.spec.js

@@ -1,2 +1,2 @@
-define(["chai","../../stringUtils-3b45cc82"],function(e,t){"use strict";describe("Test StringUtils",()=>{it("isEmpty",function(){e.expect(t.isEmpty(null)).to.be.true,e.expect(t.isEmpty("")).to.be.true,e.expect(t.isEmpty("     ")).to.be.true,e.expect(t.isEmpty("foo")).to.be.false,e.expect(t.isEmpty({})).to.be.true,e.expect(t.isEmpty({foo:"bar"})).to.be.true,e.expect(t.isEmpty([])).to.be.true,e.expect(t.isEmpty(["foo"])).to.be.false}),it("isEmptyOrUndefined",function(){e.expect(t.isEmptyOrUndefined(void 0)).to.be.true,e.expect(t.isEmptyOrUndefined(null)).to.be.true,e.expect(t.isEmptyOrUndefined("")).to.be.true,e.expect(t.isEmptyOrUndefined("     ")).to.be.true,e.expect(t.isEmptyOrUndefined("foo")).to.be.false,e.expect(t.isEmptyOrUndefined({})).to.be.true,e.expect(t.isEmptyOrUndefined({foo:"bar"})).to.be.true,e.expect(t.isEmptyOrUndefined([])).to.be.true,e.expect(t.isEmptyOrUndefined(["foo"])).to.be.false}),it("isString",function(){e.expect(t.isString(null)).to.be.false,e.expect(t.isString("")).to.be.true,e.expect(t.isString("     ")).to.be.true,e.expect(t.isString("foo")).to.be.true,e.expect(t.isString({})).to.be.false,e.expect(t.isString({foo:"bar"})).to.be.false,e.expect(t.isString([])).to.be.false,e.expect(t.isString(["foo"])).to.be.false,e.expect(t.isString(new String("foo"))).to.be.true}),it("trim",function(){let i;e.expect(t.trim(null)).null,i="",e.expect(t.trim(i)).equal(i),e.expect(t.trim("     ")).equal(i),i="foo",e.expect(t.trim(i)).equal(i),e.expect(t.trim("  foo  ")).equal(i),i={},e.expect(t.trim(i)).equal(i),i={foo:"bar"},e.expect(t.trim(i)).equal(i),i=[],e.expect(t.trim(i)).equal(i),i=["foo"],e.expect(t.trim(i)).equal(i),i=new String("  foo  "),e.expect(t.trim(i)).equal("foo")}),it("hashCode",function(){const i=t.hashCode("foo"),o=t.hashCode("bar");e.expect(typeof i).equal("number"),e.expect(typeof o).equal("number"),e.expect(i).not.equal(o),e.expect(t.hashCode("foo")).equal(i)})})});
+define(["chai","../../stringUtils-91d77e3d"],function(e,t){"use strict";describe("Test StringUtils",()=>{it("isEmpty",function(){e.expect(t.isEmpty(null)).to.be.true,e.expect(t.isEmpty("")).to.be.true,e.expect(t.isEmpty("     ")).to.be.true,e.expect(t.isEmpty("foo")).to.be.false,e.expect(t.isEmpty({})).to.be.true,e.expect(t.isEmpty({foo:"bar"})).to.be.true,e.expect(t.isEmpty([])).to.be.true,e.expect(t.isEmpty(["foo"])).to.be.false}),it("isEmptyOrUndefined",function(){e.expect(t.isEmptyOrUndefined(void 0)).to.be.true,e.expect(t.isEmptyOrUndefined(null)).to.be.true,e.expect(t.isEmptyOrUndefined("")).to.be.true,e.expect(t.isEmptyOrUndefined("     ")).to.be.true,e.expect(t.isEmptyOrUndefined("foo")).to.be.false,e.expect(t.isEmptyOrUndefined({})).to.be.true,e.expect(t.isEmptyOrUndefined({foo:"bar"})).to.be.true,e.expect(t.isEmptyOrUndefined([])).to.be.true,e.expect(t.isEmptyOrUndefined(["foo"])).to.be.false}),it("isString",function(){e.expect(t.isString(null)).to.be.false,e.expect(t.isString("")).to.be.true,e.expect(t.isString("     ")).to.be.true,e.expect(t.isString("foo")).to.be.true,e.expect(t.isString({})).to.be.false,e.expect(t.isString({foo:"bar"})).to.be.false,e.expect(t.isString([])).to.be.false,e.expect(t.isString(["foo"])).to.be.false,e.expect(t.isString(new String("foo"))).to.be.true}),it("trim",function(){let i;e.expect(t.trim(null)).null,i="",e.expect(t.trim(i)).equal(i),e.expect(t.trim("     ")).equal(i),i="foo",e.expect(t.trim(i)).equal(i),e.expect(t.trim("  foo  ")).equal(i),i={},e.expect(t.trim(i)).equal(i),i={foo:"bar"},e.expect(t.trim(i)).equal(i),i=[],e.expect(t.trim(i)).equal(i),i=["foo"],e.expect(t.trim(i)).equal(i),i=new String("  foo  "),e.expect(t.trim(i)).equal("foo")}),it("hashCode",function(){const i=t.hashCode("foo"),o=t.hashCode("bar");e.expect(typeof i).equal("number"),e.expect(typeof o).equal("number"),e.expect(i).not.equal(o),e.expect(t.hashCode("foo")).equal(i)})})});
 //# sourceMappingURL=stringUtils.spec.js.map

package/amd/utils/UNSAFE_stringUtils.js

@@ -1,2 +1,2 @@
-define(["exports","../stringUtils-3b45cc82"],function(i,e){"use strict";i.hashCode=e.hashCode,i.isEmpty=e.isEmpty,i.isEmptyOrUndefined=e.isEmptyOrUndefined,i.isString=e.isString,i.trim=e.trim,Object.defineProperty(i,"__esModule",{value:!0})});
+define(["exports","../stringUtils-91d77e3d"],function(e,i){"use strict";e.hashCode=i.hashCode,e.isEmpty=i.isEmpty,e.isEmptyOrUndefined=i.isEmptyOrUndefined,e.isString=i.isString,e.trim=i.trim,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_stringUtils.js.map

package/amd/utils/UNSAFE_units.js

@@ -1,2 +1,2 @@
-define(["exports","./UNSAFE_arrayUtils","./UNSAFE_stringUtils","../stringUtils-3b45cc82"],function(t,e,r,s){"use strict";const i=(n=Number,t=>null!=t&&t.constructor===n||t instanceof n);var n;const a=t=>0===t||"0"===t,o=e.stringLiteralArray(["px","%","em","rem","vh","vw"]),c=new RegExp(`(${o.join("|")})$`),l=t=>s.isString(t)&&c.test(t),u=(N="px",t=>a(t)||l(t)||!(t=>!isNaN(parseFloat(t))&&!isNaN(t-0))(t)?t:t+N);var N;t.hasUnit=l,t.isNumber=i,t.isZero=a,t.px=u,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./UNSAFE_arrayUtils","./UNSAFE_stringUtils","../stringUtils-91d77e3d"],function(e,t,r,s){"use strict";const i=(n=Number,e=>null!=e&&e.constructor===n||e instanceof n);var n;const a=e=>0===e||"0"===e,o=t.stringLiteralArray(["px","%","em","rem","vh","vw"]),l=new RegExp(`(${o.join("|")})$`),c=e=>s.isString(e)&&l.test(e),u=(N="px",e=>a(e)||c(e)||!(e=>!isNaN(parseFloat(e))&&!isNaN(e-0))(e)?e:e+N);var N;e.hasUnit=c,e.isNumber=i,e.isZero=a,e.px=u,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_units.js.map

package/cjs/{Badge-60e75793.js → Badge-57a2f21b.js}

@@ -1,28 +1,28 @@
-/* @oracle/oraclejet-preact: 14.1.8 */
+/* @oracle/oraclejet-preact: 14.1.9 */
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
 require('./utils/UNSAFE_classNames.js');
 
-var classNames = require('./classNames-aad02aff.js');
+var classNames = require('./classNames-9314d0f7.js');
 
 const styles = {
-  base: "_1tkmvxa",
+  base: "bnn6zn",
   //right-aligned with the right edge of another component for ltr direction
   //left-aligned for rtl direction pending by
   //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl
-  end: "j2a9ne",
-  neutral: "_1042r7b",
-  danger: "b7xocc",
-  warning: "hc8kjq",
-  success: "x58mc7",
-  info: "_1jptkmh",
-  neutralSubtle: "b0pra2",
-  dangerSubtle: "_1u3r16k",
-  warningSubtle: "_1u2g59",
-  successSubtle: "_14ecytz",
-  infoSubtle: "_1ksb20p",
-  childrenMargins: "k43xg"
+  end: "_1dct596",
+  neutral: "e48t8g",
+  danger: "_3tbo54",
+  warning: "_9uhdfa",
+  success: "_1sa5njd",
+  info: "_1ojbzzr",
+  neutralSubtle: "_1djvrrh",
+  dangerSubtle: "_1ck6pl1",
+  warningSubtle: "_139tbzw",
+  successSubtle: "_76fg6r",
+  infoSubtle: "oen5je",
+  childrenMargins: "v56i9n"
 };
 function Badge({
   variant = 'neutral',
@@ -40,4 +40,4 @@ function Badge({
 
 exports.Badge = Badge;
 /*  */
-//# sourceMappingURL=Badge-60e75793.js.map
+//# sourceMappingURL=Badge-57a2f21b.js.map

package/cjs/{Badge-60e75793.js.map → Badge-57a2f21b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-60e75793.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","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,UAAA;;;;OAAA,QAAA;WAAA,UAAA;UAAA,QAAA;WAAA,QAAA;WAAA,QAAA;QAAA,UAAA;iBAAA,QAAA;gBAAA,UAAA;iBAAA,SAAA;iBAAA,UAAA;cAAA,UAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;6CAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}
+{"version":3,"file":"Badge-57a2f21b.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","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,QAAA;;;;OAAA,UAAA;WAAA,QAAA;UAAA,SAAA;WAAA,SAAA;WAAA,UAAA;QAAA,UAAA;iBAAA,UAAA;gBAAA,UAAA;iBAAA,UAAA;iBAAA,SAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;6CAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}