@oracle/oraclejet-preact 18.1.6 → 18.1.7

package/amd/Selector-fcfe7801.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './keys-4755c121', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-0feb1ffb', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-c286f212', './useHover-7964884c'], (function(e,s,t,o,c,a,l,r,i,n){"use strict";const u=(e,s,t,o,c)=>{if(c){c({value:y(s,t,o),target:e.target}),e.stopPropagation()}},y=(e,s,t)=>{let c;return c=o.containsKey(s,e)?o.removeKey(s,e,!1):"single"===t?{all:!1,keys:new Set([e])}:o.addKey(s,e),c},d=e=>{" "==e.key?e.preventDefault():"Enter"==e.key&&e.stopPropagation()};e.Selector=function({"aria-label":e,"aria-labelledby":y,rowKey:b,selectedKeys:k,isPartial:p,selectionMode:v="multiple",onChange:f,testId:h}){const K=t.useRef(null),{isActive:S,activeProps:C}=l.useActive(),{isFocus:g,focusProps:x}=r.useFocus(),{onKeyUp:P,...A}=C,{isHover:F,hoverProps:m}=n.useHover(),w=t.useCallback((e=>{const{key:s}=e;void 0!==s&&" "!==s||u(e,b,k,v,f)}),[b,k,v,f]),H=t.useCallback((e=>{P(e),w(e)}),[P,w]),j=t.useCallback((e=>{K.current?.focus(),w(e)}),[w]),I=p?"partial":o.containsKey(k,b)?"checked":"unchecked",U=i.useTestId(h);return s.jsx("div",{class:c.styles.base,onClick:j,onKeyUp:H,...A,...U,...m,children:s.jsx(a.StyledCheckbox,{ref:K,isHover:F,isActive:S,isChecked:I,isFocusRingShown:g,"aria-label":e,"aria-labelledby":y,onKeyDown:d,...x})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './keys-4755c121', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-0feb1ffb', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-0140aa44', './useHover-7964884c'], (function(e,s,t,o,c,a,l,r,i,n){"use strict";const u=(e,s,t,o,c)=>{if(c){c({value:y(s,t,o),target:e.target}),e.stopPropagation()}},y=(e,s,t)=>{let c;return c=o.containsKey(s,e)?o.removeKey(s,e,!1):"single"===t?{all:!1,keys:new Set([e])}:o.addKey(s,e),c},d=e=>{" "==e.key?e.preventDefault():"Enter"==e.key&&e.stopPropagation()};e.Selector=function({"aria-label":e,"aria-labelledby":y,rowKey:b,selectedKeys:k,isPartial:p,selectionMode:v="multiple",onChange:f,testId:h}){const K=t.useRef(null),{isActive:S,activeProps:C}=l.useActive(),{isFocus:g,focusProps:x}=r.useFocus(),{onKeyUp:P,...A}=C,{isHover:F,hoverProps:m}=n.useHover(),w=t.useCallback((e=>{const{key:s}=e;void 0!==s&&" "!==s||u(e,b,k,v,f)}),[b,k,v,f]),H=t.useCallback((e=>{P(e),w(e)}),[P,w]),j=t.useCallback((e=>{K.current?.focus(),w(e)}),[w]),I=p?"partial":o.containsKey(k,b)?"checked":"unchecked",U=i.useTestId(h);return s.jsx("div",{class:c.styles.base,onClick:j,onKeyUp:H,...A,...U,...m,children:s.jsx(a.StyledCheckbox,{ref:K,isHover:F,isActive:S,isChecked:I,isFocusRingShown:g,"aria-label":e,"aria-labelledby":y,onKeyDown:d,...x})})}}));
 //# sourceMappingURL=Selector-fcfe7801.js.map

package/amd/{SelectorAll-de289397.js → SelectorAll-3f85b285.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-590160eb', './usePress-949a0d03', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-0feb1ffb', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-c286f212', './useTooltip-7b915f4c', './useHover-7964884c', './logger-0f873e29', './LayerHost-733ade2f', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', './useTranslationBundle-7c40cb58'], (function(e,s,t,o,l,r,a,c,i,n,u,d,p,b,h,f,y,v,S,T,g){"use strict";const A=e=>{"Enter"==e.key&&e.stopPropagation()};e.SelectorAll=function({"aria-label":e,"aria-labelledby":b,selected:h,onChange:f,showTooltip:y="disabled",testId:v}){const S=t.useRef(null),{isActive:T,activeProps:k}=i.useActive(),{isFocus:x,focusProps:P}=n.useFocus(),{pressProps:C}=l.usePress((e=>{f?.("none"==h||"partial"==h?{value:{all:!0,deletedKeys:new Set},target:e.target}:{value:{all:!1,keys:new Set},target:e.target})})),{isHover:F,hoverProps:m}=p.useHover(),j="partial"===h||"partial-all"===h?"partial":"all"===h?"checked":"unchecked",w=u.useTestId(v),H=g.useTranslationBundle("@oracle/oraclejet-preact"),U="none"===h||"partial"===h?H.selectorAll_selectAll():H.selectorAll_deselectAll(),{tooltipContent:_,tooltipProps:E}=d.useTooltip({text:U,isDisabled:"disabled"===y}),B=e||b?void 0:U;return s.jsx("div",{class:r.styles.container,...c.mergeProps({onClick:()=>{S.current?.focus()}},C,E),...w,children:s.jsx("div",{class:r.styles.base,...k,...m,children:s.jsxs(o.Flex,{align:"center",justify:"center",children:[s.jsx(a.StyledCheckbox,{ref:S,isHover:F,isChecked:j,isActive:T,isFocusRingShown:x,"aria-label":e||B,"aria-labelledby":b,onKeyDown:A,onKeyUp:A,...P}),_]})})})}}));
-//# sourceMappingURL=SelectorAll-de289397.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-b8764305', './usePress-949a0d03', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-0feb1ffb', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-0140aa44', './useTooltip-682ae8ca', './useHover-7964884c', './logger-0f873e29', './LayerHost-27dfba9e', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', './useTranslationBundle-68275657'], (function(e,s,t,o,l,a,r,c,i,n,d,u,p,b,h,y,f,v,S,T,g){"use strict";const A=e=>{"Enter"==e.key&&e.stopPropagation()};e.SelectorAll=function({"aria-label":e,"aria-labelledby":b,selected:h,onChange:y,showTooltip:f="disabled",testId:v}){const S=t.useRef(null),{isActive:T,activeProps:k}=i.useActive(),{isFocus:x,focusProps:P}=n.useFocus(),{pressProps:C}=l.usePress((e=>{y?.("none"==h||"partial"==h?{value:{all:!0,deletedKeys:new Set},target:e.target}:{value:{all:!1,keys:new Set},target:e.target})})),{isHover:F,hoverProps:m}=p.useHover(),j="partial"===h||"partial-all"===h?"partial":"all"===h?"checked":"unchecked",w=d.useTestId(v),H=g.useTranslationBundle("@oracle/oraclejet-preact"),U="none"===h||"partial"===h?H.selectorAll_selectAll():H.selectorAll_deselectAll(),{tooltipContent:_,tooltipProps:E}=u.useTooltip({text:U,isDisabled:"disabled"===f}),B=e||b?void 0:U;return s.jsx("div",{class:a.styles.container,...c.mergeProps({onClick:()=>{S.current?.focus()}},C,E),...w,children:s.jsx("div",{class:a.styles.base,...k,...m,children:s.jsxs(o.Flex,{align:"center",justify:"center",children:[s.jsx(r.StyledCheckbox,{ref:S,isHover:F,isChecked:j,isActive:T,isFocusRingShown:x,"aria-label":e||B,"aria-labelledby":b,onKeyDown:A,onKeyUp:A,...P}),_]})})})}}));
+//# sourceMappingURL=SelectorAll-3f85b285.js.map

package/amd/{SelectorAll-de289397.js.map → SelectorAll-3f85b285.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectorAll-de289397.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["handleKeyboardEvent","event","key","stopPropagation","ariaLabel","ariaLabelledby","selected","onChange","showTooltip","testId","inputRef","useRef","isActive","activeProps","useActive","isFocus","focusProps","useFocus","pressProps","usePress","value","all","deletedKeys","Set","target","keys","isHover","hoverProps","useHover","isChecked","testIdProps","useTestId","translations","useTranslationBundle","tooltipLabel","selectorAll_selectAll","selectorAll_deselectAll","tooltipContent","tooltipProps","useTooltip","text","isDisabled","ariaLabelText","undefined","_jsx","class","styles","container","mergeProps","onClick","current","focus","children","jsx","base","_jsxs","Flex","align","justify","StyledCheckbox","ref","isFocusRingShown","onKeyDown","onKeyUp"],"mappings":"oqBA+HA,MAAMA,EAAuBC,IACV,SAAbA,EAAMC,KAERD,EAAME,iBACP,gBA/EG,UACJ,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,SACRA,EAAQC,YACRA,EAAc,WAAUC,OACxBA,IAEA,MAQMC,EAAWC,SAAyB,OACpCC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,YAClCC,WAAEA,GAAeC,EAAQA,UAXTlB,IAElBM,IADc,QAAZD,GAAkC,WAAZA,EACb,CAAEc,MAAO,CAAEC,KAAK,EAAMC,YAAa,IAAIC,KAASC,OAAQvB,EAAMuB,QAE9D,CAAEJ,MAAO,CAAEC,KAAK,EAAOI,KAAM,IAAIF,KAASC,OAAQvB,EAAMuB,QACpE,KAQGE,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EACS,YAAbvB,GAAuC,gBAAbA,EACtB,UACa,QAAbA,EACA,UACA,YACAwB,EAAcC,YAAUtB,GAOxBuB,EAAeC,uBAAiC,4BAEhDC,EACS,SAAb5B,GAAoC,YAAbA,EACnB0B,EAAaG,wBACbH,EAAaI,2BAEbC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,WAA4B,aAAhBjC,IAGRkC,EAAiBtC,GAAcC,OAAgCsC,EAAfT,EAEtD,OACEU,aACEC,MAAOC,EAAAA,OAAOC,aACVC,EAAUA,WAAC,CAAEC,QAtBL,KAEdvC,EAASwC,SAASC,OAAO,GAoBKjC,EAAYoB,MACpCR,EACJsB,SAAAR,EAAAS,IAAA,MAAA,CAAKR,MAAOC,EAAAA,OAAOQ,QAAUzC,KAAiBc,WAC5C4B,EAAAA,KAACC,EAAAA,MAAKC,MAAM,SAASC,QAAQ,SAAQN,SAAA,CACnCR,EAACS,IAAAM,EAAcA,eACb,CAAAC,IAAKlD,EACLgB,QAASA,EACTG,UAAWA,EACXjB,SAAUA,EACViD,iBAAkB9C,eACNX,GAAwBsC,EACnB,kBAAArC,EACjByD,UAAW9D,EACX+D,QAAS/D,KACLgB,IAELqB,QAKX"}
+{"version":3,"file":"SelectorAll-3f85b285.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["handleKeyboardEvent","event","key","stopPropagation","ariaLabel","ariaLabelledby","selected","onChange","showTooltip","testId","inputRef","useRef","isActive","activeProps","useActive","isFocus","focusProps","useFocus","pressProps","usePress","value","all","deletedKeys","Set","target","keys","isHover","hoverProps","useHover","isChecked","testIdProps","useTestId","translations","useTranslationBundle","tooltipLabel","selectorAll_selectAll","selectorAll_deselectAll","tooltipContent","tooltipProps","useTooltip","text","isDisabled","ariaLabelText","undefined","_jsx","class","styles","container","mergeProps","onClick","current","focus","children","jsx","base","_jsxs","Flex","align","justify","StyledCheckbox","ref","isFocusRingShown","onKeyDown","onKeyUp"],"mappings":"oqBA+HA,MAAMA,EAAuBC,IACV,SAAbA,EAAMC,KAERD,EAAME,iBACP,gBA/EG,UACJ,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,SACRA,EAAQC,YACRA,EAAc,WAAUC,OACxBA,IAEA,MAQMC,EAAWC,SAAyB,OACpCC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,YAClCC,WAAEA,GAAeC,EAAQA,UAXTlB,IAElBM,IADc,QAAZD,GAAkC,WAAZA,EACb,CAAEc,MAAO,CAAEC,KAAK,EAAMC,YAAa,IAAIC,KAASC,OAAQvB,EAAMuB,QAE9D,CAAEJ,MAAO,CAAEC,KAAK,EAAOI,KAAM,IAAIF,KAASC,OAAQvB,EAAMuB,QACpE,KAQGE,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EACS,YAAbvB,GAAuC,gBAAbA,EACtB,UACa,QAAbA,EACA,UACA,YACAwB,EAAcC,YAAUtB,GAOxBuB,EAAeC,uBAAiC,4BAEhDC,EACS,SAAb5B,GAAoC,YAAbA,EACnB0B,EAAaG,wBACbH,EAAaI,2BAEbC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,WAA4B,aAAhBjC,IAGRkC,EAAiBtC,GAAcC,OAAgCsC,EAAfT,EAEtD,OACEU,aACEC,MAAOC,EAAAA,OAAOC,aACVC,EAAUA,WAAC,CAAEC,QAtBL,KAEdvC,EAASwC,SAASC,OAAO,GAoBKjC,EAAYoB,MACpCR,EACJsB,SAAAR,EAAAS,IAAA,MAAA,CAAKR,MAAOC,EAAAA,OAAOQ,QAAUzC,KAAiBc,WAC5C4B,EAAAA,KAACC,EAAAA,MAAKC,MAAM,SAASC,QAAQ,SAAQN,SAAA,CACnCR,EAACS,IAAAM,EAAcA,eACb,CAAAC,IAAKlD,EACLgB,QAASA,EACTG,UAAWA,EACXjB,SAAUA,EACViD,iBAAkB9C,eACNX,GAAwBsC,EACnB,kBAAArC,EACjByD,UAAW9D,EACX+D,QAAS/D,KACLgB,IAELqB,QAKX"}

package/amd/{Sheet-404b38fa.js → Sheet-08578790.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Modal-9eaf8cd9', './WindowOverlay-c390f525', './tabbableUtils-428c264e', './UNSAFE_Sheet/themes/SheetStyles.css', './refUtils-d354a169', './useAnimationStatus-86746674', './animationUtils-716a9aa6'], (function(e,t,n,s,o,r,i,a,c,l){"use strict";function u(e,{threshold:t=10,maximumTime:s=300,tolerance:o=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const i=n.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),a=n.useCallback((()=>{i.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),c=n.useCallback((e=>{const t=e.changedTouches[0];i.current.pointerDownId?a():i.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[a]),l=n.useCallback((n=>{const r=n.changedTouches[0];r.identifier===i.current.pointerDownId&&i.current.startTime&&n.timeStamp-i.current.startTime<s&&r.pageY-i.current.prevpageY>t&&Math.abs(r.pageX-i.current.prevpageX)<=o&&0===i.current.elementScrollTop&&e?.({direction:"down"}),a()}),[t,e,a,s,o]);return{swipeProps:r?{}:{onTouchStart:c,onTouchEnd:l,ontouchcancel:a}}}const p={opening:{...l.SLIDE_UP_XLARGE,options:{duration:l.DURATION_LARGE}},closing:{...l.SLIDE_DOWN_XLARGE,options:{duration:l.DURATION_LARGE}}},d=96;e.Sheet=({children:e,onClose:l,isOpen:m=!1,initialFocus:h="none"})=>{const f=n.useRef(null);n.useEffect((()=>{if(m&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[m,h]);const g=n.useCallback((()=>{l?.({reason:"pointerDismissed"})}),[l]),{swipeProps:S}=u(g),T=n.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case"Tab":case"Escape":l?.({reason:"keyboardDismissed"})}}),[l]),{setAnimationElementRef:b,status:D}=c.useAnimationStatus({isOpen:m,isAnimatedOnMount:!1,animationStates:p});n.useEffect((()=>{if("opening"===D&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[D,h]);const v=n.useMemo((()=>a.mergeRefs(b,f)),[b]),w="unmounted"!==D;return t.jsx(t.Fragment,{children:w?t.jsx(s.Modal,{isOpen:w,onBackdropClick:g,children:t.jsx(o.WindowOverlay,{placement:"bottom",children:t.jsx("div",{...S,ref:v,class:i.sheetMenuStyles.sheetMenuContainerWrapper,style:{maxHeight:`calc(100vh - ${d}px)`},onKeyDown:T,children:e})})}):null})},e.useSheetSwipe=u}));
-//# sourceMappingURL=Sheet-404b38fa.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Modal-e4a033c8', './WindowOverlay-19cd633a', './tabbableUtils-428c264e', './UNSAFE_Sheet/themes/SheetStyles.css', './refUtils-d354a169', './useAnimationStatus-86746674', './animationUtils-716a9aa6'], (function(e,t,n,s,o,r,i,a,c,l){"use strict";function u(e,{threshold:t=10,maximumTime:s=300,tolerance:o=50,isDisabled:r=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const i=n.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),a=n.useCallback((()=>{i.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),c=n.useCallback((e=>{const t=e.changedTouches[0];i.current.pointerDownId?a():i.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[a]),l=n.useCallback((n=>{const r=n.changedTouches[0];r.identifier===i.current.pointerDownId&&i.current.startTime&&n.timeStamp-i.current.startTime<s&&r.pageY-i.current.prevpageY>t&&Math.abs(r.pageX-i.current.prevpageX)<=o&&0===i.current.elementScrollTop&&e?.({direction:"down"}),a()}),[t,e,a,s,o]);return{swipeProps:r?{}:{onTouchStart:c,onTouchEnd:l,ontouchcancel:a}}}const p={opening:{...l.SLIDE_UP_XLARGE,options:{duration:l.DURATION_LARGE}},closing:{...l.SLIDE_DOWN_XLARGE,options:{duration:l.DURATION_LARGE}}},d=96;e.Sheet=({children:e,onClose:l,isOpen:m=!1,initialFocus:h="none"})=>{const f=n.useRef(null);n.useEffect((()=>{if(m&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[m,h]);const g=n.useCallback((()=>{l?.({reason:"pointerDismissed"})}),[l]),{swipeProps:S}=u(g),T=n.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case"Tab":case"Escape":l?.({reason:"keyboardDismissed"})}}),[l]),{setAnimationElementRef:b,status:D}=c.useAnimationStatus({isOpen:m,isAnimatedOnMount:!1,animationStates:p});n.useEffect((()=>{if("opening"===D&&"firstFocusable"===h){const e=f.current;e&&r.focusWithin(e)}}),[D,h]);const v=n.useMemo((()=>a.mergeRefs(b,f)),[b]),w="unmounted"!==D;return t.jsx(t.Fragment,{children:w?t.jsx(s.Modal,{isOpen:w,onBackdropClick:g,children:t.jsx(o.WindowOverlay,{placement:"bottom",children:t.jsx("div",{...S,ref:v,class:i.sheetMenuStyles.sheetMenuContainerWrapper,style:{maxHeight:`calc(100vh - ${d}px)`},onKeyDown:T,children:e})})}):null})},e.useSheetSwipe=u}));
+//# sourceMappingURL=Sheet-08578790.js.map

package/amd/{Sheet-404b38fa.js.map → Sheet-08578790.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Sheet-404b38fa.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n*/\nexport function useSheetSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/*\n  pointerDismissed: Swipedown and tapScrim\n  keyboardDismissed: \"Escape\" | \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' | 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n  onClose?: (detail: CloseDetail) => void;\n  isOpen?: boolean;\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n  opening: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  closing: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  // Initial focus going to be set after animation once opening animation is added\n  useEffect(() => {\n    if (isOpen && initialFocus === 'firstFocusable') {\n      const sheetElement = sheetRef.current;\n      if (sheetElement) {\n        focusWithin(sheetElement);\n      }\n    }\n  }, [isOpen, initialFocus]);\n  const handlePointerDismissed = useCallback(() => {\n    onClose?.({ reason: 'pointerDismissed' });\n  }, [onClose]);\n\n  // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n  // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n  // will stop having its own implementation\n  const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case 'Tab':\n        case 'Escape':\n          onClose?.({ reason: 'keyboardDismissed' });\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n  const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n    isOpen,\n    isAnimatedOnMount: false,\n    animationStates\n  });\n\n  useEffect(() => {\n    if (status === 'opening') {\n      if (initialFocus === 'firstFocusable') {\n        const dropdownElement = sheetRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    }\n  }, [status, initialFocus]);\n\n  const stableRef = useMemo(\n    () => mergeRefs(setAnimationElementRef, sheetRef),\n    [setAnimationElementRef]\n  );\n\n  const isMounted = status !== 'unmounted';\n\n  return (\n    <>\n      {isMounted ? (\n        <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n          <WindowOverlay placement=\"bottom\">\n            <div\n              {...swipeProps}\n              ref={stableRef}\n              class={sheetMenuStyles.sheetMenuContainerWrapper}\n              style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n              onKeyDown={handleKeyDown}>\n              {children}\n            </div>\n          </WindowOverlay>\n        </Modal>\n      ) : null}\n    </>\n  );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useSheetSwipe","onSwipe","threshold","maximumTime","tolerance","isDisabled","ref","useRef","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","useCallback","current","onTouchStart","e","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","direction","swipeProps","ontouchcancel","animationStates","opening","SLIDE_UP_XLARGE","options","duration","DURATION_LARGE","closing","SLIDE_DOWN_XLARGE","TOP_OFFSET","children","onClose","isOpen","initialFocus","sheetRef","useEffect","sheetElement","focusWithin","handlePointerDismissed","reason","handleKeyDown","event","defaultPrevented","code","setAnimationElementRef","status","useAnimationStatus","isAnimatedOnMount","dropdownElement","stableRef","useMemo","mergeRefs","isMounted","_jsx","jsx","_Fragment","Modal","onBackdropClick","WindowOverlay","placement","class","sheetMenuStyles","sheetMenuContainerWrapper","style","maxHeight","onKeyDown"],"mappings":"sSA6CM,SAAUA,EACdC,GACAC,UAAEA,EAAY,GAAEC,YAAEA,EAAc,IAAGC,UAAEA,EAAY,GAAEC,WAAEA,GAAa,GAAwB,CACxFH,UAAW,GACXC,YAAa,IACbC,UAAW,GACXC,YAAY,IAGd,MAAMC,EAAMC,EAAAA,OAAmB,CAC7BC,cAAe,EACfC,UAAW,KACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,IAGdC,EAAaC,EAAAA,aAAY,KAC7BR,EAAIS,QAAU,CACZP,cAAe,KACfC,UAAW,EACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,EACnB,GACA,IAEGI,EAAeF,eAClBG,IACC,MAAMC,EAAWD,EAAEE,eAAe,GAC7Bb,EAAIS,QAAQP,cASfK,IARAP,EAAIS,QAAU,CACZP,cAAeU,EAASE,WACxBX,UAAWQ,EAAEI,UACbX,UAAWQ,EAASI,MACpBX,UAAWO,EAASK,MACpBX,iBAAmBK,EAAEO,cAA8BC,UAItD,GAEH,CAACZ,IAGGa,EAAaZ,eAChBa,IACC,MAAMT,EAAWS,EAAGR,eAAe,GAC/BD,EAASE,aAAed,EAAIS,QAAQP,eAClCF,EAAIS,QAAQN,WAAakB,EAAGN,UAAYf,EAAIS,QAAQN,UAAYN,GAEhEe,EAASK,MAAQjB,EAAIS,QAAQJ,UAAYT,GACzC0B,KAAKC,IAAIX,EAASI,MAAQhB,EAAIS,QAAQL,YAAcN,GACnB,IAAjCE,EAAIS,QAAQH,kBAEZX,IAAU,CAAE6B,UAAW,SAK7BjB,GAAY,GAEd,CAACX,EAAWD,EAASY,EAAYV,EAAaC,IAYhD,MAAO,CACL2B,WAViB1B,EACf,CAAE,EACF,CAEEW,eACAU,aACAM,cAAenB,GAMvB,CC9FA,MAAMoB,EAAmC,CACvCC,QAAS,IACJC,EAAeA,gBAClBC,QAAS,CACPC,SAAUC,EAAcA,iBAG5BC,QAAS,IACJC,EAAiBA,kBACpBJ,QAAS,CACPC,SAAUC,EAAcA,kBAqFxBG,EAAa,WAhFE,EAAGC,WAAUC,UAASC,UAAS,EAAOC,eAAe,WACxE,MAAMC,EAAWvC,SAAuB,MAGxCwC,EAAAA,WAAU,KACR,GAAIH,GAA2B,mBAAjBC,EAAmC,CAC/C,MAAMG,EAAeF,EAAS/B,QAC1BiC,GACFC,EAAWA,YAACD,EAEf,IACA,CAACJ,EAAQC,IACZ,MAAMK,EAAyBpC,EAAAA,aAAY,KACzC6B,IAAU,CAAEQ,OAAQ,oBAAqB,GACxC,CAACR,KAKEZ,WAAEA,GAAe/B,EAAckD,GAE/BE,EAAgBtC,eACnBuC,IACC,IAAIA,EAAMC,iBAGV,OAAQD,EAAME,MACZ,IAAK,MACL,IAAK,SACHZ,IAAU,CAAEQ,OAAQ,sBAGvB,GAEH,CAACR,KAEGa,uBAAEA,EAAsBC,OAAEA,GAAWC,qBAAgC,CACzEd,SACAe,mBAAmB,EACnB1B,oBAGFc,EAAAA,WAAU,KACR,GAAe,YAAXU,GACmB,mBAAjBZ,EAAmC,CACrC,MAAMe,EAAkBd,EAAS/B,QAC7B6C,GACFX,EAAWA,YAACW,EAEf,CACF,GACA,CAACH,EAAQZ,IAEZ,MAAMgB,EAAYC,EAAOA,SACvB,IAAMC,EAASA,UAACP,EAAwBV,IACxC,CAACU,IAGGQ,EAAuB,cAAXP,EAElB,OACEQ,EAAAC,IAAAC,WAAA,CAAAzB,SACGsB,EACCC,EAAAA,IAACG,EAAKA,MAAA,CAACxB,OAAQoB,EAAWK,gBAAiBnB,EAAsBR,SAC/DuB,MAACK,EAAAA,cAAc,CAAAC,UAAU,SACvB7B,SAAAuB,MAAA,MAAA,IACMlC,EACJzB,IAAKuD,EACLW,MAAOC,kBAAgBC,0BACvBC,MAAO,CAAEC,UAAW,gBAAgBnC,QACpCoC,UAAWzB,EAAaV,SACvBA,QAIL,MAEN"}
+{"version":3,"file":"Sheet-08578790.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n*/\nexport function useSheetSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/*\n  pointerDismissed: Swipedown and tapScrim\n  keyboardDismissed: \"Escape\" | \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' | 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n  onClose?: (detail: CloseDetail) => void;\n  isOpen?: boolean;\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n  opening: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  closing: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  // Initial focus going to be set after animation once opening animation is added\n  useEffect(() => {\n    if (isOpen && initialFocus === 'firstFocusable') {\n      const sheetElement = sheetRef.current;\n      if (sheetElement) {\n        focusWithin(sheetElement);\n      }\n    }\n  }, [isOpen, initialFocus]);\n  const handlePointerDismissed = useCallback(() => {\n    onClose?.({ reason: 'pointerDismissed' });\n  }, [onClose]);\n\n  // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n  // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n  // will stop having its own implementation\n  const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case 'Tab':\n        case 'Escape':\n          onClose?.({ reason: 'keyboardDismissed' });\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n  const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n    isOpen,\n    isAnimatedOnMount: false,\n    animationStates\n  });\n\n  useEffect(() => {\n    if (status === 'opening') {\n      if (initialFocus === 'firstFocusable') {\n        const dropdownElement = sheetRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    }\n  }, [status, initialFocus]);\n\n  const stableRef = useMemo(\n    () => mergeRefs(setAnimationElementRef, sheetRef),\n    [setAnimationElementRef]\n  );\n\n  const isMounted = status !== 'unmounted';\n\n  return (\n    <>\n      {isMounted ? (\n        <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n          <WindowOverlay placement=\"bottom\">\n            <div\n              {...swipeProps}\n              ref={stableRef}\n              class={sheetMenuStyles.sheetMenuContainerWrapper}\n              style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n              onKeyDown={handleKeyDown}>\n              {children}\n            </div>\n          </WindowOverlay>\n        </Modal>\n      ) : null}\n    </>\n  );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useSheetSwipe","onSwipe","threshold","maximumTime","tolerance","isDisabled","ref","useRef","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","useCallback","current","onTouchStart","e","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","direction","swipeProps","ontouchcancel","animationStates","opening","SLIDE_UP_XLARGE","options","duration","DURATION_LARGE","closing","SLIDE_DOWN_XLARGE","TOP_OFFSET","children","onClose","isOpen","initialFocus","sheetRef","useEffect","sheetElement","focusWithin","handlePointerDismissed","reason","handleKeyDown","event","defaultPrevented","code","setAnimationElementRef","status","useAnimationStatus","isAnimatedOnMount","dropdownElement","stableRef","useMemo","mergeRefs","isMounted","_jsx","jsx","_Fragment","Modal","onBackdropClick","WindowOverlay","placement","class","sheetMenuStyles","sheetMenuContainerWrapper","style","maxHeight","onKeyDown"],"mappings":"sSA6CM,SAAUA,EACdC,GACAC,UAAEA,EAAY,GAAEC,YAAEA,EAAc,IAAGC,UAAEA,EAAY,GAAEC,WAAEA,GAAa,GAAwB,CACxFH,UAAW,GACXC,YAAa,IACbC,UAAW,GACXC,YAAY,IAGd,MAAMC,EAAMC,EAAAA,OAAmB,CAC7BC,cAAe,EACfC,UAAW,KACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,IAGdC,EAAaC,EAAAA,aAAY,KAC7BR,EAAIS,QAAU,CACZP,cAAe,KACfC,UAAW,EACXC,UAAW,EACXC,UAAW,EACXC,iBAAkB,EACnB,GACA,IAEGI,EAAeF,eAClBG,IACC,MAAMC,EAAWD,EAAEE,eAAe,GAC7Bb,EAAIS,QAAQP,cASfK,IARAP,EAAIS,QAAU,CACZP,cAAeU,EAASE,WACxBX,UAAWQ,EAAEI,UACbX,UAAWQ,EAASI,MACpBX,UAAWO,EAASK,MACpBX,iBAAmBK,EAAEO,cAA8BC,UAItD,GAEH,CAACZ,IAGGa,EAAaZ,eAChBa,IACC,MAAMT,EAAWS,EAAGR,eAAe,GAC/BD,EAASE,aAAed,EAAIS,QAAQP,eAClCF,EAAIS,QAAQN,WAAakB,EAAGN,UAAYf,EAAIS,QAAQN,UAAYN,GAEhEe,EAASK,MAAQjB,EAAIS,QAAQJ,UAAYT,GACzC0B,KAAKC,IAAIX,EAASI,MAAQhB,EAAIS,QAAQL,YAAcN,GACnB,IAAjCE,EAAIS,QAAQH,kBAEZX,IAAU,CAAE6B,UAAW,SAK7BjB,GAAY,GAEd,CAACX,EAAWD,EAASY,EAAYV,EAAaC,IAYhD,MAAO,CACL2B,WAViB1B,EACf,CAAE,EACF,CAEEW,eACAU,aACAM,cAAenB,GAMvB,CC9FA,MAAMoB,EAAmC,CACvCC,QAAS,IACJC,EAAeA,gBAClBC,QAAS,CACPC,SAAUC,EAAcA,iBAG5BC,QAAS,IACJC,EAAiBA,kBACpBJ,QAAS,CACPC,SAAUC,EAAcA,kBAqFxBG,EAAa,WAhFE,EAAGC,WAAUC,UAASC,UAAS,EAAOC,eAAe,WACxE,MAAMC,EAAWvC,SAAuB,MAGxCwC,EAAAA,WAAU,KACR,GAAIH,GAA2B,mBAAjBC,EAAmC,CAC/C,MAAMG,EAAeF,EAAS/B,QAC1BiC,GACFC,EAAWA,YAACD,EAEf,IACA,CAACJ,EAAQC,IACZ,MAAMK,EAAyBpC,EAAAA,aAAY,KACzC6B,IAAU,CAAEQ,OAAQ,oBAAqB,GACxC,CAACR,KAKEZ,WAAEA,GAAe/B,EAAckD,GAE/BE,EAAgBtC,eACnBuC,IACC,IAAIA,EAAMC,iBAGV,OAAQD,EAAME,MACZ,IAAK,MACL,IAAK,SACHZ,IAAU,CAAEQ,OAAQ,sBAGvB,GAEH,CAACR,KAEGa,uBAAEA,EAAsBC,OAAEA,GAAWC,qBAAgC,CACzEd,SACAe,mBAAmB,EACnB1B,oBAGFc,EAAAA,WAAU,KACR,GAAe,YAAXU,GACmB,mBAAjBZ,EAAmC,CACrC,MAAMe,EAAkBd,EAAS/B,QAC7B6C,GACFX,EAAWA,YAACW,EAEf,CACF,GACA,CAACH,EAAQZ,IAEZ,MAAMgB,EAAYC,EAAOA,SACvB,IAAMC,EAASA,UAACP,EAAwBV,IACxC,CAACU,IAGGQ,EAAuB,cAAXP,EAElB,OACEQ,EAAAC,IAAAC,WAAA,CAAAzB,SACGsB,EACCC,EAAAA,IAACG,EAAKA,MAAA,CAACxB,OAAQoB,EAAWK,gBAAiBnB,EAAsBR,SAC/DuB,MAACK,EAAAA,cAAc,CAAAC,UAAU,SACvB7B,SAAAuB,MAAA,MAAA,IACMlC,EACJzB,IAAKuD,EACLW,MAAOC,kBAAgBC,0BACvBC,MAAO,CAAEC,UAAW,gBAAgBnC,QACpCoC,UAAWzB,EAAaV,SACvBA,QAIL,MAEN"}

package/amd/SplitMenuButton-a2001b04.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-ce54dfdc', './ChevronDown-502b16f2', './Menu-bb715ef5', './MenuItem-1a324975', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-733ade2f', 'preact/compat', './mergeInterpolations-9ede4cf7', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './Text-0609bf4d', './BaseButton-c86afd54', './TabbableModeContext-a9c97640', './dimensions-fda85d6b', './UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css'], (function(e,s,t,n,o,a,i,r,l,d,u,c,p,m,b,h,y,S,f,B,v,M,T,x,w,C,E,j,D){"use strict";const k=["embedded","min","noBorderRadiusStart","noBorderStart"],A=[...k,"active"],F=["embedded","fill","noBorderRadiusEnd","noBorderEnd"],g=[...F,"active"],I=[...Object.values(j.dimensionInterpolations)],N=p.mergeInterpolations(I),U=c.forwardRef((({children:e,label:a="",variant:r="outlined",isDisabled:u=!1,size:c="md",testId:p,onAction:b,"aria-describedby":h,onBlur:y,onFocus:S,onMouseEnter:f,onMouseLeave:B,onTouchEnd:v,onTouchStart:M,...T},x)=>{const[j,k]=i.useState(!1),[A,F]=i.useState(!1),{class:g,...I}=N(T),[U,_]=i.useState("menu"),z=i.useCallback((e=>{" "===e.key||"Enter"===e.key?F(!0):"ArrowDown"==e.key&&(_("firstItem"),!u&&k((e=>!e)),e.preventDefault())}),[u,k,F,_]),P=i.useCallback((e=>{" "!==e.key&&"Enter"!==e.key||(!u&&b&&b(),F(!1))}),[u,b,F]),V=i.useCallback((()=>{F(!1)}),[F]),H=i.useRef(null);i.useImperativeHandle(x,(()=>H.current),[H]);const K=()=>{_("menu"),k(!j)},O=e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||H.current?.focus(),k(!1)},{classes:G,styles:$}=d.useComponentTheme(D.SplitMenuButtonRedwoodTheme,{styleVariant:r}),q=m.classNames([$.divider,u&&$.disabledDivider]),J={onBlur:y,onFocus:S,onMouseEnter:f,onMouseLeave:B,onTouchEnd:v,onTouchStart:M},Q={onKeyDown:u?void 0:z,onKeyUp:P,onBlur:V},W=m.classNames([G,g]),X=()=>s.jsx(C.BaseButton,{elementDetails:{type:"span"},ref:H,isDisabled:u,styling:["container","min"],variant:r,size:c,testId:p,"aria-label":a,"aria-roledescription":"split menu button, press down arrow to invoke menu","aria-describedby":h,"aria-expanded":j,children:s.jsxs(E.TabbableModeContext.Provider,{value:{isTabbable:!1},children:[s.jsx(C.BaseButton,{elementDetails:{type:"span",isFocusable:!1},variant:r,styling:R(A),size:c,isDisabled:u,"aria-hidden":!0,onAction:b,children:s.jsx(w.Text,{truncation:"ellipsis",weight:"inherit",children:a})}),s.jsx("div",{class:`${q}`}),s.jsx(C.BaseButton,{elementDetails:{type:"span",isFocusable:!1},variant:r,styling:L(j),size:c,isDisabled:u,"aria-hidden":!0,onAction:K,children:s.jsx(t.ButtonLabelLayout,{display:"icons",startIcon:s.jsx(n.SvgChevronDown,{}),size:c,styling:"embedded"})})]})});return u?s.jsx("span",{role:"toolbar",class:W,style:I,children:X()}):s.jsxs("span",{role:"toolbar",class:W,...l.mergeProps(J,Q),style:I,children:[X(),s.jsx(o.Menu,{anchorRef:H,isOpen:j,onClose:O,initialFocus:U,children:e})]})}));function L(e){return e?A:k}function R(e){return e?g:F}U.displayName="SplitMenuButton",e.SplitMenuButton=U}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-ce54dfdc', './ChevronDown-502b16f2', './Menu-bb715ef5', './MenuItem-1a324975', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-27dfba9e', 'preact/compat', './mergeInterpolations-9ede4cf7', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './Text-0609bf4d', './BaseButton-c86afd54', './TabbableModeContext-a9c97640', './dimensions-fda85d6b', './UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css'], (function(e,s,t,n,o,a,i,r,l,d,u,c,p,m,b,h,y,S,f,B,v,M,T,x,w,C,E,j,D){"use strict";const k=["embedded","min","noBorderRadiusStart","noBorderStart"],A=[...k,"active"],F=["embedded","fill","noBorderRadiusEnd","noBorderEnd"],g=[...F,"active"],I=[...Object.values(j.dimensionInterpolations)],N=p.mergeInterpolations(I),U=c.forwardRef((({children:e,label:a="",variant:r="outlined",isDisabled:u=!1,size:c="md",testId:p,onAction:b,"aria-describedby":h,onBlur:y,onFocus:S,onMouseEnter:f,onMouseLeave:B,onTouchEnd:v,onTouchStart:M,...T},x)=>{const[j,k]=i.useState(!1),[A,F]=i.useState(!1),{class:g,...I}=N(T),[U,_]=i.useState("menu"),z=i.useCallback((e=>{" "===e.key||"Enter"===e.key?F(!0):"ArrowDown"==e.key&&(_("firstItem"),!u&&k((e=>!e)),e.preventDefault())}),[u,k,F,_]),P=i.useCallback((e=>{" "!==e.key&&"Enter"!==e.key||(!u&&b&&b(),F(!1))}),[u,b,F]),V=i.useCallback((()=>{F(!1)}),[F]),H=i.useRef(null);i.useImperativeHandle(x,(()=>H.current),[H]);const K=()=>{_("menu"),k(!j)},O=e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||H.current?.focus(),k(!1)},{classes:G,styles:$}=d.useComponentTheme(D.SplitMenuButtonRedwoodTheme,{styleVariant:r}),q=m.classNames([$.divider,u&&$.disabledDivider]),J={onBlur:y,onFocus:S,onMouseEnter:f,onMouseLeave:B,onTouchEnd:v,onTouchStart:M},Q={onKeyDown:u?void 0:z,onKeyUp:P,onBlur:V},W=m.classNames([G,g]),X=()=>s.jsx(C.BaseButton,{elementDetails:{type:"span"},ref:H,isDisabled:u,styling:["container","min"],variant:r,size:c,testId:p,"aria-label":a,"aria-roledescription":"split menu button, press down arrow to invoke menu","aria-describedby":h,"aria-expanded":j,children:s.jsxs(E.TabbableModeContext.Provider,{value:{isTabbable:!1},children:[s.jsx(C.BaseButton,{elementDetails:{type:"span",isFocusable:!1},variant:r,styling:R(A),size:c,isDisabled:u,"aria-hidden":!0,onAction:b,children:s.jsx(w.Text,{truncation:"ellipsis",weight:"inherit",children:a})}),s.jsx("div",{class:`${q}`}),s.jsx(C.BaseButton,{elementDetails:{type:"span",isFocusable:!1},variant:r,styling:L(j),size:c,isDisabled:u,"aria-hidden":!0,onAction:K,children:s.jsx(t.ButtonLabelLayout,{display:"icons",startIcon:s.jsx(n.SvgChevronDown,{}),size:c,styling:"embedded"})})]})});return u?s.jsx("span",{role:"toolbar",class:W,style:I,children:X()}):s.jsxs("span",{role:"toolbar",class:W,...l.mergeProps(J,Q),style:I,children:[X(),s.jsx(o.Menu,{anchorRef:H,isOpen:j,onClose:O,initialFocus:U,children:e})]})}));function L(e){return e?A:k}function R(e){return e?g:F}U.displayName="SplitMenuButton",e.SplitMenuButton=U}));
 //# sourceMappingURL=SplitMenuButton-a2001b04.js.map

package/amd/StyledCard-1f13531d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './dimensions-fda85d6b', './padding-08a2b20e', './colors-879e20e6', './aria-232c9168', './mergeInterpolations-9ede4cf7', './PRIVATE_StyledCard/themes/StyledCardStyles.css', './classNames-08d99695', './useTestId-0140aa44', './_curry2-86c52b86'], (function(e,n,o,a,t,s,i,r,l,c,d,u){"use strict";var b=u._curry2((function(e,n){for(var o={},a=0;a<e.length;)e[a]in n&&(o[e[a]]=n[e[a]]),a+=1;return o}));const p=["onBlur","onClick","onContextMenu","onFocus","onKeyDown","onKeyUp","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","onPointerCancel","onPointerDown","onPointerOut","onPointerUp","onTouchCancel","onTouchEnd","onTouchStart"],v=[...Object.values(a.dimensionInterpolations),...Object.values(s.colorInterpolations),...Object.values(t.paddingInterpolations),...Object.values(i.ariaInterpolations)],y=r.mergeInterpolations(v),h=o.forwardRef((({"aria-describedby":e,children:o,cursor:a,display:t="inlineBlock",isActive:s,isDisabled:i,isFocusWithin:r,isHover:u,isSelected:v,parentComponentVariant:h="default",role:m,styleVariant:f,tabIndex:I,testId:C,...S},g)=>{const j=d.useTestId(C),x=b(p,S),{class:T,ariaLabel:V,ariaLabelledBy:D,...M}=y(S),O=l.multiVariantStyles({active:s?"isActive":void 0,cursor:a,display:t,disabled:i?"isDisabled":void 0,focusRing:void 0!==I&&I>=0?"hasFocusRing":void 0,focusWithin:r?"hasFocusWithin":void 0,hover:u?"isHover":"notHover",parentComponentVariant:h,selected:v?"isSelected":"notSelected",styleVariant:f}),P=c.classNames([O,T]);return n.jsx("div",{...x,"aria-label":V,"aria-labelledby":D,"aria-describedby":e,className:P,tabIndex:I,ref:g,role:m,style:M,...j,children:o})}));e.StyledCard=h}));
+//# sourceMappingURL=StyledCard-1f13531d.js.map

package/amd/{StyledCard-09c9f9c0.js.map → StyledCard-1f13531d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StyledCard-09c9f9c0.js","sources":["../../../../node_modules/ramda/es/pick.js","../../src/PRIVATE_StyledCard/StyledCard.tsx"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/**\n * Returns a partial copy of an object containing only the keys specified. If\n * the key does not exist, the property is ignored.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig [k] -> {k: v} -> {k: v}\n * @param {Array} names an array of String property names to copy onto a new object\n * @param {Object} obj The object to copy from\n * @return {Object} A new object with only properties from `names` on it.\n * @see R.omit, R.props\n * @example\n *\n *      R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}\n *      R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}\n */\n\nvar pick =\n/*#__PURE__*/\n_curry2(function pick(names, obj) {\n  var result = {};\n  var idx = 0;\n\n  while (idx < names.length) {\n    if (names[idx] in obj) {\n      result[names[idx]] = obj[names[idx]];\n    }\n\n    idx += 1;\n  }\n\n  return result;\n});\n\nexport default pick;","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { pick } from 'ramda';\n\nimport { dimensionInterpolations, DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { paddingInterpolations, PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { colorInterpolations, ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '#utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles } from './themes/StyledCardStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Role } from '#utils/UNSAFE_roles';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, EventHandlers>;\n\ntype EventHandlers = (typeof eventHandlers)[number];\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\ntype Props = StyleProps &\n  IntrinsicProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * Specifies if the card uses the pointer cursor.\n     */\n    cursor?: 'pointer' | 'arrow';\n    /**\n     * Specifies the card element display type.\n     */\n    display?: 'inlineBlock' | 'inlineFlex';\n    /**\n     * Specifies if the card is in an active state.\n     */\n    isActive?: boolean;\n    /**\n     * Specifies if the card is in a disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the card is in a hover state.\n     */\n    isHover?: boolean;\n    /**\n     * Specifies if the card as selected within a collection.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the parent component variant\n     */\n    parentComponentVariant?: (typeof parentComponentVariants)[number];\n    /**\n     * Specifies aria role for the card element.\n     */\n    role?: Role;\n    /**\n     * Specifies the chroming of the card element\n     */\n    styleVariant?: 'danger';\n  } & (\n    | {\n        /**\n         * Specifies if the card has a focused input within.\n         */\n        isFocusWithin?: boolean;\n        tabIndex?: never;\n      }\n    | {\n        /**\n         * Specifies the tab index of the card element.\n         */\n        tabIndex?: number;\n        isFocusWithin?: never;\n      }\n  ) &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\nconst parentComponentVariants = [\n  'default',\n  'actionCard',\n  'selectionCard',\n  'richSelectionItemCard'\n] as const;\n\nconst eventHandlers = [\n  'onBlur',\n  'onClick',\n  'onContextMenu',\n  'onFocus',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseUp',\n  'onPointerCancel',\n  'onPointerDown',\n  'onPointerOut',\n  'onPointerUp',\n  'onTouchCancel',\n  'onTouchEnd',\n  'onTouchStart'\n] as const;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A StyledCard is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.\n */\nconst StyledCard = forwardRef(\n  (\n    {\n      ['aria-describedby']: ariaDescribedBy,\n      children,\n      cursor,\n      display = 'inlineBlock',\n      isActive,\n      isDisabled,\n      isFocusWithin,\n      isHover,\n      isSelected,\n      parentComponentVariant = 'default',\n      role,\n      styleVariant,\n      tabIndex,\n      testId,\n      ...rest\n    }: Props,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const testIdProps = useTestId(testId);\n\n    // we want to pick all the event handlers only to spread over the div element\n    const eventHandlersProps = pick(eventHandlers, rest);\n\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(rest);\n\n    const variantClasses = multiVariantStyles({\n      active: isActive ? 'isActive' : undefined,\n      cursor,\n      display,\n      disabled: isDisabled ? 'isDisabled' : undefined,\n      focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,\n      focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,\n      hover: isHover ? 'isHover' : 'notHover',\n      parentComponentVariant,\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      styleVariant\n    });\n\n    const classes = classNames([variantClasses, mergedClasses]);\n\n    return (\n      <div\n        {...eventHandlersProps}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        className={classes}\n        tabIndex={tabIndex}\n        ref={ref}\n        role={role}\n        style={mergedStyles}\n        {...testIdProps}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport { StyledCard, parentComponentVariants };\n"],"names":["pick$1","_curry2","names","obj","result","idx","length","eventHandlers","interpolations","Object","values","dimensionInterpolations","colorInterpolations","paddingInterpolations","ariaInterpolations","mergedInterpolations","mergeInterpolations","StyledCard","forwardRef","ariaDescribedBy","children","cursor","display","isActive","isDisabled","isFocusWithin","isHover","isSelected","parentComponentVariant","role","styleVariant","tabIndex","testId","rest","ref","testIdProps","useTestId","eventHandlersProps","pick","class","mergedClasses","ariaLabel","ariaLabelledBy","mergedStyles","variantClasses","multiVariantStyles","active","undefined","disabled","focusRing","focusWithin","hover","selected","classes","classNames","_jsx","className","style"],"mappings":"mVAoBA,IAiBAA,EAfAC,EAAAA,SAAQ,SAAcC,EAAOC,GAI3B,IAHA,IAAIC,EAAS,CAAA,EACTC,EAAM,EAEHA,EAAMH,EAAMI,QACbJ,EAAMG,KAAQF,IAChBC,EAAOF,EAAMG,IAAQF,EAAID,EAAMG,KAGjCA,GAAO,EAGT,OAAOD,CACT,IC4DA,MAAMG,EAAgB,CACpB,SACA,UACA,gBACA,UACA,YACA,UACA,cACA,eACA,eACA,YACA,kBACA,gBACA,eACA,cACA,gBACA,aACA,gBAGIC,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,0BACdH,OAAOC,OAAOG,4BACdJ,OAAOC,OAAOI,uBAGbC,EAAuBC,EAAAA,oBAA2BR,GAOlDS,EAAaC,EAAUA,YAC3B,EAEI,mBAAsBC,EACtBC,WACAC,SACAC,UAAU,cACVC,WACAC,aACAC,gBACAC,UACAC,aACAC,yBAAyB,UACzBC,OACAC,eACAC,WACAC,YACGC,GAELC,KAEA,MAAMC,EAAcC,YAAUJ,GAGxBK,EAAqBC,EAAK/B,EAAe0B,IAG7CM,MAAOC,EAAaC,UACpBA,EAASC,eACTA,KACGC,GACD5B,EAAqBkB,GAEnBW,EAAiBC,EAAAA,mBAAmB,CACxCC,OAAQvB,EAAW,gBAAawB,EAChC1B,SACAC,UACA0B,SAAUxB,EAAa,kBAAeuB,EACtCE,eAAwBF,IAAbhB,GAA0BA,GAAY,EAAI,oBAAiBgB,EACtEG,YAAazB,EAAgB,sBAAmBsB,EAChDI,MAAOzB,EAAU,UAAY,WAC7BE,yBACAwB,SAAUzB,EAAa,aAAe,cACtCG,iBAGIuB,EAAUC,EAAUA,WAAC,CAACV,EAAgBJ,IAE5C,OACEe,MAAA,MAAA,IACMlB,EAAkB,aACVI,EACK,kBAAAC,EACC,mBAAAvB,EAClBqC,UAAWH,EACXtB,SAAUA,EACVG,IAAKA,EACLL,KAAMA,EACN4B,MAAOd,KACHR,EAAWf,SACdA,GAEH"}
+{"version":3,"file":"StyledCard-1f13531d.js","sources":["../../../../node_modules/ramda/es/pick.js","../../src/PRIVATE_StyledCard/StyledCard.tsx"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/**\n * Returns a partial copy of an object containing only the keys specified. If\n * the key does not exist, the property is ignored.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig [k] -> {k: v} -> {k: v}\n * @param {Array} names an array of String property names to copy onto a new object\n * @param {Object} obj The object to copy from\n * @return {Object} A new object with only properties from `names` on it.\n * @see R.omit, R.props\n * @example\n *\n *      R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}\n *      R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}\n */\n\nvar pick =\n/*#__PURE__*/\n_curry2(function pick(names, obj) {\n  var result = {};\n  var idx = 0;\n\n  while (idx < names.length) {\n    if (names[idx] in obj) {\n      result[names[idx]] = obj[names[idx]];\n    }\n\n    idx += 1;\n  }\n\n  return result;\n});\n\nexport default pick;","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { pick } from 'ramda';\n\nimport { dimensionInterpolations, DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { paddingInterpolations, PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { colorInterpolations, ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '#utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles } from './themes/StyledCardStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Role } from '#utils/UNSAFE_roles';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, EventHandlers>;\n\ntype EventHandlers = (typeof eventHandlers)[number];\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\ntype Props = StyleProps &\n  IntrinsicProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * Specifies if the card uses the pointer cursor.\n     */\n    cursor?: 'pointer' | 'arrow';\n    /**\n     * Specifies the card element display type.\n     */\n    display?: 'inlineBlock' | 'inlineFlex';\n    /**\n     * Specifies if the card is in an active state.\n     */\n    isActive?: boolean;\n    /**\n     * Specifies if the card is in a disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the card is in a hover state.\n     */\n    isHover?: boolean;\n    /**\n     * Specifies if the card as selected within a collection.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the parent component variant\n     */\n    parentComponentVariant?: (typeof parentComponentVariants)[number];\n    /**\n     * Specifies aria role for the card element.\n     */\n    role?: Role;\n    /**\n     * Specifies the chroming of the card element\n     */\n    styleVariant?: 'danger';\n  } & (\n    | {\n        /**\n         * Specifies if the card has a focused input within.\n         */\n        isFocusWithin?: boolean;\n        tabIndex?: never;\n      }\n    | {\n        /**\n         * Specifies the tab index of the card element.\n         */\n        tabIndex?: number;\n        isFocusWithin?: never;\n      }\n  ) &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\nconst parentComponentVariants = [\n  'default',\n  'actionCard',\n  'selectionCard',\n  'richSelectionItemCard'\n] as const;\n\nconst eventHandlers = [\n  'onBlur',\n  'onClick',\n  'onContextMenu',\n  'onFocus',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseUp',\n  'onPointerCancel',\n  'onPointerDown',\n  'onPointerOut',\n  'onPointerUp',\n  'onTouchCancel',\n  'onTouchEnd',\n  'onTouchStart'\n] as const;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A StyledCard is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.\n */\nconst StyledCard = forwardRef(\n  (\n    {\n      ['aria-describedby']: ariaDescribedBy,\n      children,\n      cursor,\n      display = 'inlineBlock',\n      isActive,\n      isDisabled,\n      isFocusWithin,\n      isHover,\n      isSelected,\n      parentComponentVariant = 'default',\n      role,\n      styleVariant,\n      tabIndex,\n      testId,\n      ...rest\n    }: Props,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const testIdProps = useTestId(testId);\n\n    // we want to pick all the event handlers only to spread over the div element\n    const eventHandlersProps = pick(eventHandlers, rest);\n\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(rest);\n\n    const variantClasses = multiVariantStyles({\n      active: isActive ? 'isActive' : undefined,\n      cursor,\n      display,\n      disabled: isDisabled ? 'isDisabled' : undefined,\n      focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,\n      focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,\n      hover: isHover ? 'isHover' : 'notHover',\n      parentComponentVariant,\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      styleVariant\n    });\n\n    const classes = classNames([variantClasses, mergedClasses]);\n\n    return (\n      <div\n        {...eventHandlersProps}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        className={classes}\n        tabIndex={tabIndex}\n        ref={ref}\n        role={role}\n        style={mergedStyles}\n        {...testIdProps}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport { StyledCard, parentComponentVariants };\n"],"names":["pick$1","_curry2","names","obj","result","idx","length","eventHandlers","interpolations","Object","values","dimensionInterpolations","colorInterpolations","paddingInterpolations","ariaInterpolations","mergedInterpolations","mergeInterpolations","StyledCard","forwardRef","ariaDescribedBy","children","cursor","display","isActive","isDisabled","isFocusWithin","isHover","isSelected","parentComponentVariant","role","styleVariant","tabIndex","testId","rest","ref","testIdProps","useTestId","eventHandlersProps","pick","class","mergedClasses","ariaLabel","ariaLabelledBy","mergedStyles","variantClasses","multiVariantStyles","active","undefined","disabled","focusRing","focusWithin","hover","selected","classes","classNames","_jsx","className","style"],"mappings":"mVAoBA,IAiBAA,EAfAC,EAAAA,SAAQ,SAAcC,EAAOC,GAI3B,IAHA,IAAIC,EAAS,CAAA,EACTC,EAAM,EAEHA,EAAMH,EAAMI,QACbJ,EAAMG,KAAQF,IAChBC,EAAOF,EAAMG,IAAQF,EAAID,EAAMG,KAGjCA,GAAO,EAGT,OAAOD,CACT,IC4DA,MAAMG,EAAgB,CACpB,SACA,UACA,gBACA,UACA,YACA,UACA,cACA,eACA,eACA,YACA,kBACA,gBACA,eACA,cACA,gBACA,aACA,gBAGIC,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,0BACdH,OAAOC,OAAOG,4BACdJ,OAAOC,OAAOI,uBAGbC,EAAuBC,EAAAA,oBAA2BR,GAOlDS,EAAaC,EAAUA,YAC3B,EAEI,mBAAsBC,EACtBC,WACAC,SACAC,UAAU,cACVC,WACAC,aACAC,gBACAC,UACAC,aACAC,yBAAyB,UACzBC,OACAC,eACAC,WACAC,YACGC,GAELC,KAEA,MAAMC,EAAcC,YAAUJ,GAGxBK,EAAqBC,EAAK/B,EAAe0B,IAG7CM,MAAOC,EAAaC,UACpBA,EAASC,eACTA,KACGC,GACD5B,EAAqBkB,GAEnBW,EAAiBC,EAAAA,mBAAmB,CACxCC,OAAQvB,EAAW,gBAAawB,EAChC1B,SACAC,UACA0B,SAAUxB,EAAa,kBAAeuB,EACtCE,eAAwBF,IAAbhB,GAA0BA,GAAY,EAAI,oBAAiBgB,EACtEG,YAAazB,EAAgB,sBAAmBsB,EAChDI,MAAOzB,EAAU,UAAY,WAC7BE,yBACAwB,SAAUzB,EAAa,aAAe,cACtCG,iBAGIuB,EAAUC,EAAUA,WAAC,CAACV,EAAgBJ,IAE5C,OACEe,MAAA,MAAA,IACMlB,EAAkB,aACVI,EACK,kBAAAC,EACC,mBAAAvB,EAClBqC,UAAWH,EACXtB,SAAUA,EACVG,IAAKA,EACLL,KAAMA,EACN4B,MAAOd,KACHR,EAAWf,SACdA,GAEH"}

package/amd/{StyledLabelValueLayout-2524f5c3.js → StyledLabelValueLayout-0353a9b8.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-590160eb', 'css!./LabelValueLayoutStyles.styles.css'], (function(e,l,a,t){"use strict";e.StyledLabelValueLayout=({flexAlign:e,labelStyleClasses:t,labelStyles:s,labelInnerClasses:r,label:o,valueStyles:y,children:_})=>l.jsxs(a.Flex,{wrap:"wrap",align:e,children:[l.jsx("div",{class:t,style:s,children:l.jsx("div",{class:r,children:o})}),l.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5b",style:y,children:_})]}),e.labelInnerStyles={base:"LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",start:"LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",startNotPureReadonly:"LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",startWithoutTopFormComponentWrapperUA:"LabelValueLayoutStyles_labelInnerStyles_startWithoutTopFormComponentWrapperUA__z3rxc58",insideFormComponentWrapper:"LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc59",noWrap:"LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5a"},e.labelSlotStyles={base:"LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",start:"LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",top:"LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",topAndTopUA:"LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",topPureReadonly:"LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54"}}));
-//# sourceMappingURL=StyledLabelValueLayout-2524f5c3.js.map
+define(['exports', 'preact/jsx-runtime', './Flex-b8764305', 'css!./LabelValueLayoutStyles.styles.css'], (function(e,l,a,t){"use strict";e.StyledLabelValueLayout=({flexAlign:e,labelStyleClasses:t,labelStyles:s,labelInnerClasses:r,label:o,valueStyles:y,children:_})=>l.jsxs(a.Flex,{wrap:"wrap",align:e,children:[l.jsx("div",{class:t,style:s,children:l.jsx("div",{class:r,children:o})}),l.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5b",style:y,children:_})]}),e.labelInnerStyles={base:"LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",start:"LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",startNotPureReadonly:"LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",startWithoutTopFormComponentWrapperUA:"LabelValueLayoutStyles_labelInnerStyles_startWithoutTopFormComponentWrapperUA__z3rxc58",insideFormComponentWrapper:"LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc59",noWrap:"LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5a"},e.labelSlotStyles={base:"LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",start:"LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",top:"LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",topAndTopUA:"LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",topPureReadonly:"LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54"}}));
+//# sourceMappingURL=StyledLabelValueLayout-0353a9b8.js.map

package/amd/{StyledLabelValueLayout-2524f5c3.js.map → StyledLabelValueLayout-0353a9b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StyledLabelValueLayout-2524f5c3.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["flexAlign","labelStyleClasses","labelStyles","labelInnerClasses","label","valueStyles","children","_jsxs","Flex","wrap","align","_jsx","class","style"],"mappings":"yJAiBsC,EACpCA,YACAC,oBACAC,cACAC,oBACAC,QACAC,cACAC,cAGEC,EAAAA,KAACC,EAAAA,MAAKC,KAAK,OAAOC,MAAOV,EAASM,SAAA,CAChCK,EAAAA,WAAKC,MAAOX,EAAmBY,MAAOX,EAAWI,SAC/CK,aAAKC,MAAOT,EAAoBG,SAAAF,MAElCO,EAAAA,WAAKC,wDAAwBC,MAAOR,EAAWC,SAC5CA"}
+{"version":3,"file":"StyledLabelValueLayout-0353a9b8.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["flexAlign","labelStyleClasses","labelStyles","labelInnerClasses","label","valueStyles","children","_jsxs","Flex","wrap","align","_jsx","class","style"],"mappings":"yJAiBsC,EACpCA,YACAC,oBACAC,cACAC,oBACAC,QACAC,cACAC,cAGEC,EAAAA,KAACC,EAAAA,MAAKC,KAAK,OAAOC,MAAOV,EAASM,SAAA,CAChCK,EAAAA,WAAKC,MAAOX,EAAmBY,MAAOX,EAAWI,SAC/CK,aAAKC,MAAOT,EAAoBG,SAAAF,MAElCO,EAAAA,WAAKC,wDAAwBC,MAAOR,EAAWC,SAC5CA"}

package/amd/StyledTextField-5dcd2ff4.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_Label/themes/redwood/LabelTheme', './LabelValueLayout-b6701ecf', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './useComponentTheme-5aa41a8f', './useTestId-c286f212', './classNames-08d99695', './LayoutStyles.css-c8bc984d', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './Flex-590160eb', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useUser-797287de', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme'], (function(e,t,o,n,a,s,d,l,i,r,m,u,x,h,c,T,C,F,p,b,y){"use strict";const f=({variant:e,insideLabel:o,mainContent:n,endContent:a,rootRef:d,resize:i})=>{const{isFormLayout:r,isReadonly:m}=u.useFormContext(),{isLoading:x}=h.useFormFieldContext(),{direction:T}=F.useUser(),y="ltr"===T,f=r&&!m,R=void 0!==o,L=C.useInputGroupContext(),v=null!==L,w=L?L.last?y?"groupRight":"groupLeft":0===L.index?y?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:S,styles:{textFieldEndContent:N}}=s.useComponentTheme(p.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:i&&"textarea"===e?T:void 0}),{classes:g,styles:{readonlyTextFieldMiddleBase:I,readonlyTextFieldMiddleNotInEnabledForm:j,readonlyTextFieldMiddleInEnabledForm:E,readonlyTextFieldMiddleInEnabledFormNotTextarea:A}}=s.useComponentTheme(b.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:f?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:R?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===e?"isTextArea":"notTextArea",loading:x?"isLoading":"notLoading",withinGroup:v?"isWithinGroup":void 0,inputGroupPosition:w,resize:i??"none"}),U=l.classNames([S,I,f&&E,f&&"textarea"!==e&&A,!f&&j]);return t.jsxs("div",{role:"presentation",class:g,ref:d,children:[t.jsxs("div",{class:U,children:[o,n]}),a&&t.jsx("span",{class:N,children:t.jsx(c.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:a})})]})},R=r.forwardRef((({outerClassNames:e,label:o,labelEdge:a,labelStartWidth:s,compactUserAssistance:d,inlineUserAssistance:l,mainContent:i,endContent:r,rootRef:m,variant:u,resize:x,...h},c)=>{const T="textarea"===u?"textArea":"textField";return t.jsxs("div",{...h,ref:c,class:e,children:[d,t.jsx(n.LabelValueLayout,{label:o,labelEdge:a,labelStartWidth:s,parentComponentVariant:T,children:t.jsx(f,{mainContent:i,endContent:r,rootRef:m,...u?{variant:u,resize:x}:{}})}),l]})})),L=r.forwardRef((({outerClassNames:e,compactUserAssistance:o,inlineUserAssistance:n,mainContent:a,endContent:s,label:d,rootRef:l,variant:i,resize:r,...m},u)=>t.jsxs("div",{...m,ref:u,class:e,children:[o,t.jsx(f,{insideLabel:d,mainContent:a,endContent:s,rootRef:l,...i?{variant:i,resize:r}:{}}),n]}))),v=r.forwardRef((({columnSpan:e=1,label:n,labelEdge:r,mainContent:m,endContent:u,variant:x,mainFieldRef:h,testId:c,...T},C)=>{const F=d.useTestId(c),{classes:b,styles:f}=s.useComponentTheme(p.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:v}=s.useComponentTheme(o.LabelRedwoodTheme),{baseTheme:w}=s.useComponentTheme(y.FormLayoutRedwoodTheme),{formControlBase:S}=f,{baseTheme:N}=s.useComponentTheme(a.SkeletonRedwoodTheme),g=l.classNames([b,N,S,w,v,i.layoutSpanStyles.layoutSpanColumn[e]]);return void 0===n||"start"!==r&&"top"!==r?t.jsx(L,{outerClassNames:g,ref:C,label:n,mainContent:m,endContent:u,rootRef:h,variant:x,...T,...F}):t.jsx(R,{outerClassNames:g,label:n,labelEdge:r,ref:C,mainContent:m,endContent:u,rootRef:h,variant:x,...T,...F})})),w=r.forwardRef((({columnSpan:e=1,hasInsideLabel:n=!1,variant:d="default",...r},m)=>{const u=C.useInputGroupContext(),{isReadonly:x}=h.useFormFieldContext(),{baseTheme:c}=s.useComponentTheme(y.FormLayoutRedwoodTheme),{baseTheme:T}=s.useComponentTheme(o.LabelRedwoodTheme),{classes:F,styles:b}=s.useComponentTheme(p.TextFieldRedwoodTheme,{readonly:x?"isReadonly":"notReadonly",withinGroup:null!==u?"isWithinGroup":void 0}),{formControlBase:f,textFieldBase:R,textFieldEmbedded:L}=b,{baseTheme:v}=s.useComponentTheme(a.SkeletonRedwoodTheme),w=l.classNames([v,f,R,"embedded"===d&&L,F,c,T,i.layoutSpanStyles.layoutSpanColumn[e]]);return t.jsx("div",{...r,class:w,ref:m})}));e.ReadonlyTextField=v,e.StyledTextField=w}));
+define(['exports', 'preact/jsx-runtime', './UNSAFE_Label/themes/redwood/LabelTheme', './LabelValueLayout-b6701ecf', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './useComponentTheme-5aa41a8f', './useTestId-0140aa44', './classNames-08d99695', './LayoutStyles.css-c8bc984d', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './Flex-b8764305', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useUser-e8dd7f7c', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme'], (function(e,t,o,n,a,s,d,l,i,r,m,u,x,h,c,T,C,F,p,b,y){"use strict";const f=({variant:e,insideLabel:o,mainContent:n,endContent:a,rootRef:d,resize:i})=>{const{isFormLayout:r,isReadonly:m}=u.useFormContext(),{isLoading:x}=h.useFormFieldContext(),{direction:T}=F.useUser(),y="ltr"===T,f=r&&!m,R=void 0!==o,L=C.useInputGroupContext(),v=null!==L,w=L?L.last?y?"groupRight":"groupLeft":0===L.index?y?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:S,styles:{textFieldEndContent:N}}=s.useComponentTheme(p.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:i&&"textarea"===e?T:void 0}),{classes:g,styles:{readonlyTextFieldMiddleBase:I,readonlyTextFieldMiddleNotInEnabledForm:j,readonlyTextFieldMiddleInEnabledForm:E,readonlyTextFieldMiddleInEnabledFormNotTextarea:A}}=s.useComponentTheme(b.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:f?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:R?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===e?"isTextArea":"notTextArea",loading:x?"isLoading":"notLoading",withinGroup:v?"isWithinGroup":void 0,inputGroupPosition:w,resize:i??"none"}),U=l.classNames([S,I,f&&E,f&&"textarea"!==e&&A,!f&&j]);return t.jsxs("div",{role:"presentation",class:g,ref:d,children:[t.jsxs("div",{class:U,children:[o,n]}),a&&t.jsx("span",{class:N,children:t.jsx(c.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:a})})]})},R=r.forwardRef((({outerClassNames:e,label:o,labelEdge:a,labelStartWidth:s,compactUserAssistance:d,inlineUserAssistance:l,mainContent:i,endContent:r,rootRef:m,variant:u,resize:x,...h},c)=>{const T="textarea"===u?"textArea":"textField";return t.jsxs("div",{...h,ref:c,class:e,children:[d,t.jsx(n.LabelValueLayout,{label:o,labelEdge:a,labelStartWidth:s,parentComponentVariant:T,children:t.jsx(f,{mainContent:i,endContent:r,rootRef:m,...u?{variant:u,resize:x}:{}})}),l]})})),L=r.forwardRef((({outerClassNames:e,compactUserAssistance:o,inlineUserAssistance:n,mainContent:a,endContent:s,label:d,rootRef:l,variant:i,resize:r,...m},u)=>t.jsxs("div",{...m,ref:u,class:e,children:[o,t.jsx(f,{insideLabel:d,mainContent:a,endContent:s,rootRef:l,...i?{variant:i,resize:r}:{}}),n]}))),v=r.forwardRef((({columnSpan:e=1,label:n,labelEdge:r,mainContent:m,endContent:u,variant:x,mainFieldRef:h,testId:c,...T},C)=>{const F=d.useTestId(c),{classes:b,styles:f}=s.useComponentTheme(p.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:v}=s.useComponentTheme(o.LabelRedwoodTheme),{baseTheme:w}=s.useComponentTheme(y.FormLayoutRedwoodTheme),{formControlBase:S}=f,{baseTheme:N}=s.useComponentTheme(a.SkeletonRedwoodTheme),g=l.classNames([b,N,S,w,v,i.layoutSpanStyles.layoutSpanColumn[e]]);return void 0===n||"start"!==r&&"top"!==r?t.jsx(L,{outerClassNames:g,ref:C,label:n,mainContent:m,endContent:u,rootRef:h,variant:x,...T,...F}):t.jsx(R,{outerClassNames:g,label:n,labelEdge:r,ref:C,mainContent:m,endContent:u,rootRef:h,variant:x,...T,...F})})),w=r.forwardRef((({columnSpan:e=1,hasInsideLabel:n=!1,variant:d="default",...r},m)=>{const u=C.useInputGroupContext(),{isReadonly:x}=h.useFormFieldContext(),{baseTheme:c}=s.useComponentTheme(y.FormLayoutRedwoodTheme),{baseTheme:T}=s.useComponentTheme(o.LabelRedwoodTheme),{classes:F,styles:b}=s.useComponentTheme(p.TextFieldRedwoodTheme,{readonly:x?"isReadonly":"notReadonly",withinGroup:null!==u?"isWithinGroup":void 0}),{formControlBase:f,textFieldBase:R,textFieldEmbedded:L}=b,{baseTheme:v}=s.useComponentTheme(a.SkeletonRedwoodTheme),w=l.classNames([v,f,R,"embedded"===d&&L,F,c,T,i.layoutSpanStyles.layoutSpanColumn[e]]);return t.jsx("div",{...r,class:w,ref:m})}));e.ReadonlyTextField=v,e.StyledTextField=w}));
 //# sourceMappingURL=StyledTextField-5dcd2ff4.js.map

package/amd/TabBar-0b3704ca.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-27dfba9e', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-b8764305', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-fda85d6b', './boxalignment-50db1e3a', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './VisBusyStateContext-63467849', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'css!./IconStyle.styles.css', './NavigationList-ae9fcc27', './useNavigationListItem-d79484b7', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './Floating-f12b8739', 'css!./LayerStyles.styles.css', './keyboardUtils-71bc5d84', './tabbableUtils-428c264e', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-08578790', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-95e78962', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-7a16a1af', './Menu-bb715ef5', './MenuItem-1a324975', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css'], (function(e,t,s,a,o,n,r,i,l,c,d,b,m,u,y,S,x,h,T,p,B,f,C,g,N,F,M,v,U,L,A,E,_,w,I,j,R,V,k,P,z,O,G,H,q,D){"use strict";function J({contextMenuConfig:e,contextMenuContext:s,...a}){const o=e.accessibleLabel;return null==e.itemsRenderer(s)?null:t.jsx(t.Fragment,{children:t.jsx(P.Menu,{...a,...o&&{"aria-label":o},children:a.isOpen&&e.itemsRenderer(s)})})}const K=o.forwardRef((({children:e,layout:s="stretch",display:a="standard",size:o="md",edge:n="top",selection:r,onSelect:l,onRemove:c,"aria-describedby":d,"aria-label":b,"aria-labelledby":m,contextMenuConfig:u},y)=>{const S=y,{rootProps:x,tabBarContext:h,menuProps:T,contextMenuContext:p}=k.useTabBar({class:V.styles.tabBarBase,edge:n,onRemove:c,onSelect:l,ref:S,selection:r,size:o,children:e,contextMenuConfig:u});return t.jsxs(t.Fragment,{children:[t.jsx(i.TabBarContext.Provider,{value:h,children:t.jsx("div",{...x,"aria-label":b,"aria-labelledby":m,"aria-describedby":d,children:t.jsx(R.TabBarLayout,{layout:s,display:a,children:e})})}),u&&t.jsx(J,{...T,contextMenuConfig:u,contextMenuContext:p})]})}));e.TabBar=K}));
+//# sourceMappingURL=TabBar-0b3704ca.js.map

package/amd/{TabBar-ca32462a.js.map → TabBar-0b3704ca.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBar-ca32462a.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.tsx","../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Menu } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '#UNSAFE_TabBarCommon';\n\nexport type Props<K extends string | number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function TabBarContextMenu<K extends string | number>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  const menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n  if (menuItems == null) {\n    return null;\n  }\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const { rootProps, tabBarContext, menuProps, contextMenuContext } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-describedby={ariaDescribedBy}>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {contextMenuConfig && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["TabBarContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","itemsRenderer","_jsx","Menu","children","isOpen","TabBar","forwardRef","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","ref","rootRef","rootProps","tabBarContext","useTabBar","class","styles","tabBarBase","_jsxs","jsxs","_Fragment","TabBarContext","Provider","value","jsx","TabBarLayout"],"mappings":"k7CAkBM,SAAUA,GAA6CC,kBAC3DA,EAAiBC,mBACjBA,KACGC,IAEH,MAAMC,EAAkBH,EAAkBG,gBAG1C,OAAiB,MADCH,EAAkBI,cAAcH,GAEzC,KAGPI,2BACEA,EAAAA,IAACC,EAAAA,SACKJ,KACCC,GAAmB,CACtB,aAAcA,GAEfI,SAAAL,EAAUM,QAAUR,EAAkBI,cAAcH,MAI7D,CC2Ea,MAAAQ,EAASC,EAAUA,YAC9B,EAEIH,WACAI,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBpB,qBAEFqB,KAEA,MAAMC,EAAUD,GAEVE,UAAEA,EAASC,cAAEA,EAAatB,UAAEA,EAASD,mBAAEA,GAAuBwB,EAAAA,UAAU,CAC5EC,MAAOC,EAAMA,OAACC,WACdd,KAAMA,EACNG,WACAD,WACAK,IAAKC,EACLP,YACAF,OACAN,WACAP,sBAGF,OACE6B,EACEC,KAAAC,WAAA,CAAAxB,SAAA,CAAAF,MAAC2B,EAAAA,cAAcC,SAAS,CAAAC,MAAOV,EAC7BjB,SAAAF,EAAA8B,IAAA,MAAA,IACMZ,EACQ,aAAAJ,EACK,kBAAAC,EACC,mBAAAF,EAClBX,SAAAF,EAAAA,IAAC+B,EAAAA,aAAY,CAACzB,OAAQA,EAAQC,QAASA,EACpCL,SAAAA,QAINP,GACCK,EAAA8B,IAACpC,EAAiB,IACZG,EACJF,kBAAmBA,EACnBC,mBAAoBA,MAI1B"}
+{"version":3,"file":"TabBar-0b3704ca.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.tsx","../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Menu } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '#UNSAFE_TabBarCommon';\n\nexport type Props<K extends string | number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function TabBarContextMenu<K extends string | number>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  const menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n  if (menuItems == null) {\n    return null;\n  }\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const { rootProps, tabBarContext, menuProps, contextMenuContext } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-describedby={ariaDescribedBy}>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {contextMenuConfig && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["TabBarContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","itemsRenderer","_jsx","Menu","children","isOpen","TabBar","forwardRef","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","ref","rootRef","rootProps","tabBarContext","useTabBar","class","styles","tabBarBase","_jsxs","jsxs","_Fragment","TabBarContext","Provider","value","jsx","TabBarLayout"],"mappings":"itDAkBM,SAAUA,GAA6CC,kBAC3DA,EAAiBC,mBACjBA,KACGC,IAEH,MAAMC,EAAkBH,EAAkBG,gBAG1C,OAAiB,MADCH,EAAkBI,cAAcH,GAEzC,KAGPI,2BACEA,EAAAA,IAACC,EAAAA,SACKJ,KACCC,GAAmB,CACtB,aAAcA,GAEfI,SAAAL,EAAUM,QAAUR,EAAkBI,cAAcH,MAI7D,CC2Ea,MAAAQ,EAASC,EAAUA,YAC9B,EAEIH,WACAI,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBpB,qBAEFqB,KAEA,MAAMC,EAAUD,GAEVE,UAAEA,EAASC,cAAEA,EAAatB,UAAEA,EAASD,mBAAEA,GAAuBwB,EAAAA,UAAU,CAC5EC,MAAOC,EAAMA,OAACC,WACdd,KAAMA,EACNG,WACAD,WACAK,IAAKC,EACLP,YACAF,OACAN,WACAP,sBAGF,OACE6B,EACEC,KAAAC,WAAA,CAAAxB,SAAA,CAAAF,MAAC2B,EAAAA,cAAcC,SAAS,CAAAC,MAAOV,EAC7BjB,SAAAF,EAAA8B,IAAA,MAAA,IACMZ,EACQ,aAAAJ,EACK,kBAAAC,EACC,mBAAAF,EAClBX,SAAAF,EAAAA,IAAC+B,EAAAA,aAAY,CAACzB,OAAQA,EAAQC,QAASA,EACpCL,SAAAA,QAINP,GACCK,EAAA8B,IAACpC,EAAiB,IACZG,EACJF,kBAAmBA,EACnBC,mBAAoBA,MAI1B"}

package/amd/TabBarItem-4ff2ef15.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-797287de', './Text-0609bf4d', './Flex-590160eb', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-fda85d6b', './boxalignment-50db1e3a', './useComponentTheme-5aa41a8f', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-dc12ec23', './WarningS-83630d39', './ErrorS-f5d0be49', './InformationS-3dc89e6f', './SuccessS-64274879', './mergeProps-bcfa6a92', './useTooltip-7b915f4c', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084'], (function(e,a,t,s,o,r,n,i,l,c,d,m,u,b,x,g,h,p,j,v,B,f,I,T,S){"use strict";const y=({label:e,isDisabled:a})=>{const[s,o]=t.useState(!1),{tooltipProps:r,tooltipContent:n}=I.useTooltipControlled({isOpen:s,isDisabled:a,focusStrategy:"logical",text:e,onToggle:({value:e})=>{o(e)}}),{onLogicalFocus:i,onLogicalBlur:l,...c}=r;return{tooltipContent:n,tooltipEventHandlerProps:c,onLogicalFocus:i,onLogicalBlur:l}},C=e=>{e.preventDefault()};function F({itemKey:e,label:I,icon:F,badge:w,metadata:k,severity:P="none",removeIcon:N,showFocusRingOverride:L,selectionOverride:H,displayOverride:O,labelMaxWidth:R,href:W,"aria-controls":E,"aria-haspopup":z}){const{onSelect:D,selection:V,currentKey:K,showFocusRing:M,hideTooltip:U,layout:A,display:_,size:$,isEdgeBottom:q,tabItemPrefix:G}=l.useTabBarContext(),J=K===e,{ref:Q,...X}=g.useConveyorBeltItem({isCurrent:J}),Y=t.useCallback((()=>{D?.({value:e})}),[e,D]),{pressProps:Z}=o.usePress(Y),ee=V===e,ae="stacked"===_,te=!!("icons"===_||O&&"icons"===O),se="lg"===$,oe=I&&!(" "===I&&void 0===I),re=!("none"===P||void 0===P),ne=e=>{switch(e){case"error":return a.jsx(j.SvgErrorS,{color:"danger"});case"warning":return a.jsx(p.SvgWarningS,{color:"warning"});case"info":return a.jsx(v.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(B.SvgSuccessS,{color:"success"});default:return null}},{direction:ie}=r.useUser(),le=void 0!==L?L:M,ce=void 0!==H?H:ee,{classes:de,styles:{tabBarItemIcon:me,tabBarItemIconStacked:ue,tabBarItemMetadata:be,tabBarItemStackedBadge:xe,tabBarItemStackedBadgeRtl:ge,tabBarItemRemoveIcon:he,tabBarItemLabel:pe,tabBarItemLabelTruncated:je,tabBarItemLink:ve}}=b.useComponentTheme(x.TabBarItemRedwoodTheme,{selection:ce?"isSelected":"notSelected",current:J?"isCurrent":"notCurrent",focusRing:le?"showFocusRing":"noFocusRing",edgeBottom:q?"isBottom":"notBottom"}),Be=s.classNames([de]),fe=s.classNames([pe,void 0!==R&&je]),Ie=s.classNames([me,(ae||te||!oe)&&ue]),Te=s.classNames([be]),Se=s.classNames([xe,"rtl"===ie&&ge]),ye=s.classNames([he]),Ce=s.classNames([ve]),Fe=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(m.dimensionInterpolations),...Object.values(u.boxAlignmentInterpolations)]),we=Fe({flex:"stretch"===A?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:se?T.tabBarItemVars.lgHeight:T.tabBarItemVars.mdHeight,gap:"2x"}),ke=Fe({flex:"stretch"===A?"1 0 auto":"0 0 auto"}),Pe=c.mergeInterpolations([...Object.values(m.dimensionInterpolations)])({maxWidth:void 0!==R?`calc(max(96px,${R}))`:"100%"}),{detectTruncationProps:Ne,isTextTruncated:Le}=h.useDetectTruncation(void 0===R),He=te||Le,{tooltipContent:Oe,tooltipEventHandlerProps:Re,onLogicalFocus:We,onLogicalBlur:Ee}=y({label:I,isDisabled:!He});He&&(J&&M&&!U?We(Q.current):(!J||J&&!M||U)&&Ee());const ze=w||k||"none"!==P||ae||te,De=null!=W,Ve=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!te&&!ae&&F&&oe&&a.jsx("span",{class:Ie,"data-oj-tab-icon":"startIcon",children:F}),!te&&oe&&a.jsx("span",{class:fe,style:Pe,...Ne,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:I})})]}),!De&&N&&a.jsx("span",{class:ye,children:N})]}),Ke=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:se?T.tabBarItemVars.lgHeight:"100%",height:ae&&oe?T.tabBarItemVars.stackedHeight:T.tabBarItemVars.mdHeight,direction:ae&&oe?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(ae||te)&&a.jsxs("div",{"aria-label":te?I:void 0,class:Ie,children:[F,a.jsx("span",{class:Se,children:w?a.jsx(S.Badge,{size:"xs",variant:"neutral",children:w}):null})]}),!te&&!ae&&F&&oe&&a.jsx("span",{class:Ie,"data-oj-tab-icon":"startIcon",children:F}),!te&&oe&&a.jsx("span",{class:fe,style:Pe,...Ne,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:I})}),!ae&&!te&&w&&oe&&a.jsx("span",{"data-oj-tab-badge":w,children:a.jsx(S.Badge,{size:"md",variant:"neutralSubtle",children:w})}),k&&a.jsx("span",{class:Te,"data-oj-tab-metadata":k,children:a.jsx(n.Text,{size:"md",weight:"normal",children:"( "+k+" )"})}),re&&a.jsx("span",{class:Ie,"data-oj-tab-severity":P,children:ne(P)})]}),!De&&N&&a.jsx("span",{class:ye,children:N})]});return De?a.jsxs("div",{ref:Q,class:Be,...f.mergeProps(Z,Re,X),style:ze?ke:we,children:[a.jsx("a",{onClick:C,class:Ce,href:W,"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:G+e,role:"tab",tabindex:-1,"aria-controls":E,"aria-selected":ee,"aria-haspopup":z,children:ze?Ke():Ve()}),Oe]}):a.jsxs("div",{"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:G+e,class:Be,role:"tab","aria-controls":E,"aria-selected":ee,"aria-haspopup":z,...f.mergeProps(Z,Re,X),ref:Q,style:ze?ke:we,children:[ze?Ke():Ve(),Oe]})}e.BaseTabBarItem=F,e.TabBarItem=function({itemKey:e,label:t,icon:s,badge:o,metadata:r,severity:n,labelMaxWidth:i,"aria-controls":l}){return a.jsx(F,{"aria-controls":l,itemKey:e,label:t,icon:s,badge:o,metadata:r,severity:n,labelMaxWidth:i})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-e8dd7f7c', './Text-0609bf4d', './Flex-b8764305', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-fda85d6b', './boxalignment-50db1e3a', './useComponentTheme-5aa41a8f', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-dc12ec23', './WarningS-83630d39', './ErrorS-f5d0be49', './InformationS-3dc89e6f', './SuccessS-64274879', './mergeProps-bcfa6a92', './useTooltip-682ae8ca', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084'], (function(e,a,t,s,o,r,n,i,l,c,d,m,u,b,x,g,h,p,j,v,B,f,I,T,S){"use strict";const y=({label:e,isDisabled:a})=>{const[s,o]=t.useState(!1),{tooltipProps:r,tooltipContent:n}=I.useTooltipControlled({isOpen:s,isDisabled:a,focusStrategy:"logical",text:e,onToggle:({value:e})=>{o(e)}}),{onLogicalFocus:i,onLogicalBlur:l,...c}=r;return{tooltipContent:n,tooltipEventHandlerProps:c,onLogicalFocus:i,onLogicalBlur:l}},C=e=>{e.preventDefault()};function F({itemKey:e,label:I,icon:F,badge:w,metadata:k,severity:P="none",removeIcon:N,showFocusRingOverride:L,selectionOverride:H,displayOverride:O,labelMaxWidth:R,href:W,"aria-controls":E,"aria-haspopup":z}){const{onSelect:D,selection:V,currentKey:K,showFocusRing:M,hideTooltip:U,layout:A,display:_,size:$,isEdgeBottom:q,tabItemPrefix:G}=l.useTabBarContext(),J=K===e,{ref:Q,...X}=g.useConveyorBeltItem({isCurrent:J}),Y=t.useCallback((()=>{D?.({value:e})}),[e,D]),{pressProps:Z}=o.usePress(Y),ee=V===e,ae="stacked"===_,te=!!("icons"===_||O&&"icons"===O),se="lg"===$,oe=I&&!(" "===I&&void 0===I),re=!("none"===P||void 0===P),ne=e=>{switch(e){case"error":return a.jsx(j.SvgErrorS,{color:"danger"});case"warning":return a.jsx(p.SvgWarningS,{color:"warning"});case"info":return a.jsx(v.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(B.SvgSuccessS,{color:"success"});default:return null}},{direction:ie}=r.useUser(),le=void 0!==L?L:M,ce=void 0!==H?H:ee,{classes:de,styles:{tabBarItemIcon:me,tabBarItemIconStacked:ue,tabBarItemMetadata:be,tabBarItemStackedBadge:xe,tabBarItemStackedBadgeRtl:ge,tabBarItemRemoveIcon:he,tabBarItemLabel:pe,tabBarItemLabelTruncated:je,tabBarItemLink:ve}}=b.useComponentTheme(x.TabBarItemRedwoodTheme,{selection:ce?"isSelected":"notSelected",current:J?"isCurrent":"notCurrent",focusRing:le?"showFocusRing":"noFocusRing",edgeBottom:q?"isBottom":"notBottom"}),Be=s.classNames([de]),fe=s.classNames([pe,void 0!==R&&je]),Ie=s.classNames([me,(ae||te||!oe)&&ue]),Te=s.classNames([be]),Se=s.classNames([xe,"rtl"===ie&&ge]),ye=s.classNames([he]),Ce=s.classNames([ve]),Fe=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(m.dimensionInterpolations),...Object.values(u.boxAlignmentInterpolations)]),we=Fe({flex:"stretch"===A?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:se?T.tabBarItemVars.lgHeight:T.tabBarItemVars.mdHeight,gap:"2x"}),ke=Fe({flex:"stretch"===A?"1 0 auto":"0 0 auto"}),Pe=c.mergeInterpolations([...Object.values(m.dimensionInterpolations)])({maxWidth:void 0!==R?`calc(max(96px,${R}))`:"100%"}),{detectTruncationProps:Ne,isTextTruncated:Le}=h.useDetectTruncation(void 0===R),He=te||Le,{tooltipContent:Oe,tooltipEventHandlerProps:Re,onLogicalFocus:We,onLogicalBlur:Ee}=y({label:I,isDisabled:!He});He&&(J&&M&&!U?We(Q.current):(!J||J&&!M||U)&&Ee());const ze=w||k||"none"!==P||ae||te,De=null!=W,Ve=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!te&&!ae&&F&&oe&&a.jsx("span",{class:Ie,"data-oj-tab-icon":"startIcon",children:F}),!te&&oe&&a.jsx("span",{class:fe,style:Pe,...Ne,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:I})})]}),!De&&N&&a.jsx("span",{class:ye,children:N})]}),Ke=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:se?T.tabBarItemVars.lgHeight:"100%",height:ae&&oe?T.tabBarItemVars.stackedHeight:T.tabBarItemVars.mdHeight,direction:ae&&oe?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(ae||te)&&a.jsxs("div",{"aria-label":te?I:void 0,class:Ie,children:[F,a.jsx("span",{class:Se,children:w?a.jsx(S.Badge,{size:"xs",variant:"neutral",children:w}):null})]}),!te&&!ae&&F&&oe&&a.jsx("span",{class:Ie,"data-oj-tab-icon":"startIcon",children:F}),!te&&oe&&a.jsx("span",{class:fe,style:Pe,...Ne,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:I})}),!ae&&!te&&w&&oe&&a.jsx("span",{"data-oj-tab-badge":w,children:a.jsx(S.Badge,{size:"md",variant:"neutralSubtle",children:w})}),k&&a.jsx("span",{class:Te,"data-oj-tab-metadata":k,children:a.jsx(n.Text,{size:"md",weight:"normal",children:"( "+k+" )"})}),re&&a.jsx("span",{class:Ie,"data-oj-tab-severity":P,children:ne(P)})]}),!De&&N&&a.jsx("span",{class:ye,children:N})]});return De?a.jsxs("div",{ref:Q,class:Be,...f.mergeProps(Z,Re,X),style:ze?ke:we,children:[a.jsx("a",{onClick:C,class:Ce,href:W,"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:G+e,role:"tab",tabindex:-1,"aria-controls":E,"aria-selected":ee,"aria-haspopup":z,children:ze?Ke():Ve()}),Oe]}):a.jsxs("div",{"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:G+e,class:Be,role:"tab","aria-controls":E,"aria-selected":ee,"aria-haspopup":z,...f.mergeProps(Z,Re,X),ref:Q,style:ze?ke:we,children:[ze?Ke():Ve(),Oe]})}e.BaseTabBarItem=F,e.TabBarItem=function({itemKey:e,label:t,icon:s,badge:o,metadata:r,severity:n,labelMaxWidth:i,"aria-controls":l}){return a.jsx(F,{"aria-controls":l,itemKey:e,label:t,icon:s,badge:o,metadata:r,severity:n,labelMaxWidth:i})}}));
 //# sourceMappingURL=TabBarItem-4ff2ef15.js.map

package/amd/TabBarLayout-95e78962.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-590160eb', './useTabBarContext-15a23bb6'], (function(e,t,a,r){"use strict";e.TabBarLayout=function(e){const{children:n,display:o,layout:i}=e,u=r.useTabBarContext();return t.jsx(r.TabBarContext.Provider,{value:{...u,display:o,layout:i},children:t.jsx(a.Flex,{direction:"row",gap:"8x",flex:"1 0 auto",children:n})})}}));
+define(['exports', 'preact/jsx-runtime', './Flex-b8764305', './useTabBarContext-15a23bb6'], (function(e,t,a,r){"use strict";e.TabBarLayout=function(e){const{children:n,display:o,layout:i}=e,u=r.useTabBarContext();return t.jsx(r.TabBarContext.Provider,{value:{...u,display:o,layout:i},children:t.jsx(a.Flex,{direction:"row",gap:"8x",flex:"1 0 auto",children:n})})}}));
 //# sourceMappingURL=TabBarLayout-95e78962.js.map

package/amd/TabBarMixed-1cfdf66e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-27dfba9e', './UNSAFE_Text/themes/TextStyles.css', './Flex-b8764305', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-fda85d6b', './boxalignment-50db1e3a', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './VisBusyStateContext-63467849', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'css!./IconStyle.styles.css', './NavigationList-ae9fcc27', './useNavigationListItem-d79484b7', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './Floating-f12b8739', 'css!./LayerStyles.styles.css', './keyboardUtils-71bc5d84', './tabbableUtils-428c264e', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-08578790', 'css!./OverflowTabBarItemStyles.styles.css', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-7a16a1af'], (function(e,t,s,a,o,r,i,l,n,c,b,d,m,y,u,T,S,B,h,x,v,N,f,p,g,C,U,F,I,L,w,A,E,_,k,R,V,j){"use strict";const M=a.forwardRef(((e,o)=>{const{children:r,onRemove:i,onSelect:n,selection:c,size:b,"aria-label":d,"aria-labelledby":m}=e,y=s.useRef(null),{rootProps:u,tabBarContext:T}=(S={class:V.styles.tabBarBase,edge:"bottom",onRemove:i,onSelect:n,ref:y,selection:c,size:b,children:r},j.useTabBar(S));var S;return a.useImperativeHandle(o,(()=>({focus:()=>{y.current&&y.current.focus()},blur:()=>{y.current&&y.current.blur()}}))),t.jsx(l.TabBarContext.Provider,{value:T,children:t.jsx("div",{"aria-label":d,"aria-labelledby":m,...u,children:r})})}));e.TabBarMixed=M}));
+//# sourceMappingURL=TabBarMixed-1cfdf66e.js.map

package/amd/{TabBarMixed-dab4e4a2.js.map → TabBarMixed-1cfdf66e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixed-dab4e4a2.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const { rootProps, tabBarContext } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children\n    });\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    return (\n      <TabBarContext.Provider value={tabBarContext}>\n        <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n          {children}\n        </div>\n      </TabBarContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\n\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","rootProps","tabBarContext","options","class","styles","tabBarBase","edge","ref","useTabBar","useImperativeHandle","focus","current","blur","_jsx","TabBarContext","Provider","value"],"mappings":"ynCAmEa,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,OAEjCC,UAAEA,EAASC,cAAEA,IC9DQC,ED8DoB,CAC7CC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNd,WACAC,WACAc,IAAKT,EACLJ,YACAC,OACAJ,YCrEGiB,EAAAA,UAAUN,IADb,IAAyBA,EDuF3B,OAbAO,EAAmBA,oBAACnB,GAAiB,KAAO,CAC1CoB,MAAO,KACDZ,EAAQa,SACVb,EAAQa,QAAQD,OACjB,EAEHE,KAAM,KACAd,EAAQa,SACVb,EAAQa,QAAQC,MACjB,MAKHC,MAACC,EAAaA,cAACC,SAAS,CAAAC,MAAOf,EAAaV,SAC1CsB,EAAAA,wBAAiBjB,EAAS,kBAAmBC,KAAoBG,WAC9DT,KAGL"}
+{"version":3,"file":"TabBarMixed-1cfdf66e.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const { rootProps, tabBarContext } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children\n    });\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    return (\n      <TabBarContext.Provider value={tabBarContext}>\n        <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n          {children}\n        </div>\n      </TabBarContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\n\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","rootProps","tabBarContext","options","class","styles","tabBarBase","edge","ref","useTabBar","useImperativeHandle","focus","current","blur","_jsx","TabBarContext","Provider","value"],"mappings":"w5CAmEa,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,OAEjCC,UAAEA,EAASC,cAAEA,IC9DQC,ED8DoB,CAC7CC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNd,WACAC,WACAc,IAAKT,EACLJ,YACAC,OACAJ,YCrEGiB,EAAAA,UAAUN,IADb,IAAyBA,EDuF3B,OAbAO,EAAmBA,oBAACnB,GAAiB,KAAO,CAC1CoB,MAAO,KACDZ,EAAQa,SACVb,EAAQa,QAAQD,OACjB,EAEHE,KAAM,KACAd,EAAQa,SACVb,EAAQa,QAAQC,MACjB,MAKHC,MAACC,EAAaA,cAACC,SAAS,CAAAC,MAAOf,EAAaV,SAC1CsB,EAAAA,wBAAiBjB,EAAS,kBAAmBC,KAAoBG,WAC9DT,KAGL"}

package/amd/{TabBarMixedSeparator-53d205c8.js → TabBarMixedSeparator-b4c6eb9d.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './View-db26162c', './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css'], (function(e,r,a,s){"use strict";e.TabBarMixedSeparator=function(e){const{padding:t=0}=e;return r.jsx(a.View,{padding:[0,t,0,t],children:r.jsx("div",{class:s.styles.separator,role:"presentation"})})}}));
-//# sourceMappingURL=TabBarMixedSeparator-53d205c8.js.map
+define(['exports', 'preact/jsx-runtime', './View-b5d6b669', './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css'], (function(e,r,a,s){"use strict";e.TabBarMixedSeparator=function(e){const{padding:t=0}=e;return r.jsx(a.View,{padding:[0,t,0,t],children:r.jsx("div",{class:s.styles.separator,role:"presentation"})})}}));
+//# sourceMappingURL=TabBarMixedSeparator-b4c6eb9d.js.map

package/amd/{TabBarMixedSeparator-53d205c8.js.map → TabBarMixedSeparator-b4c6eb9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixedSeparator-53d205c8.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["props","padding","_jsx","jsx","View","children","class","styles","separator","role"],"mappings":"wKAmBM,SAA+BA,GACnC,MAAMC,QAAEA,EAAU,GAAMD,EAExB,OACEE,EAAAC,IAACC,EAAIA,KAAA,CAACH,QAAS,CAAC,EAAGA,EAAS,EAAGA,GAAQI,SACrCH,EAAAA,IAAK,MAAA,CAAAI,MAAOC,EAAMA,OAACC,UAAWC,KAAK,kBAGzC"}
+{"version":3,"file":"TabBarMixedSeparator-b4c6eb9d.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["props","padding","_jsx","jsx","View","children","class","styles","separator","role"],"mappings":"wKAmBM,SAA+BA,GACnC,MAAMC,QAAEA,EAAU,GAAMD,EAExB,OACEE,EAAAC,IAACC,EAAIA,KAAA,CAACH,QAAS,CAAC,EAAGA,EAAS,EAAGA,GAAQI,SACrCH,EAAAA,IAAK,MAAA,CAAAI,MAAOC,EAAMA,OAACC,UAAWC,KAAK,kBAGzC"}