@oracle/oraclejet-preact 19.0.4 → 19.0.6

package/amd/StyledTextField-5e554e5b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_Label/themes/redwood/LabelTheme', './LabelValueLayout-39dc1be3', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './useComponentTheme-5aa41a8f', './useTestId-a2e433c2', './classNames-08d99695', './LayoutStyles.css-e2543ca1', 'preact/compat', 'preact/hooks', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Flex-4bc3a394', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTooltipControlled-f7e07ed4', './useUser-988f7da2', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-de035f75'], (function(e,t,n,o,a,s,l,r,i,d,m,u,c,p,C,x,T,h,b,F,f,y,R,L){"use strict";const S=({fieldRef:e,hasTruncatedLabel:t,isDisabled:n,label:o})=>{const[a,s]=m.useState(!1),{tooltipProps:l,tooltipContent:r}=b.useTooltipControlled({dismissOnClick:!1,displayOnHover:!1,focusStrategy:"logical",isDisabled:n,isOpen:a,offset:{mainAxis:4},onToggle:({value:e})=>{s(e)},position:"top-start",text:o}),{"aria-describedby":i,onLogicalBlur:d,onLogicalFocus:u,...c}=l;return n||(t?u?.(e?.current):d?.()),{tooltipContent:r,tooltipEventHandlerProps:c}},g=({variant:e,insideLabel:n,labelText:o,mainContent:a,endContent:l,rootRef:i,resize:d,startContent:u})=>{const{isFormLayout:p,isReadonly:T}=c.useFormContext(),{hasTruncatedLabel:b,isLoading:R}=C.useFormFieldContext(),{direction:L}=F.useUser(),g="ltr"===L,v=p&&!T,w=void 0!==n,N=h.useInputGroupContext(),E=null!==N,j=N?N.last?g?"groupRight":"groupLeft":0===N.index?g?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:I,styles:{textFieldEndContent:A}}=s.useComponentTheme(f.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:d&&"textarea"===e?L:void 0}),{classes:U,styles:{readonlyTextFieldMiddleBase:G,readonlyTextFieldMiddleNotInEnabledForm:M,readonlyTextFieldMiddleInEnabledForm:z,readonlyTextFieldMiddleInEnabledFormNotTextarea:k,startContentInsideLabel:B,startContentMarginEnd:_,startContentMarginStart:D,startContentStartTopLabel:P}}=s.useComponentTheme(y.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:v?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:w?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===e?"isTextArea":"notTextArea",loading:R?"isLoading":"notLoading",withinGroup:E?"isWithinGroup":void 0,inputGroupPosition:j,resize:d??"none"}),V=r.classNames([w?B:P,v?D:_]),W=r.classNames([I,G,v&&z,v&&"textarea"!==e&&k,!v&&M]),H=m.useRef(null),O=i??H,{tooltipContent:Z,tooltipEventHandlerProps:q}=S({hasTruncatedLabel:b,fieldRef:O,isDisabled:!w,label:o});return t.jsxs("div",{role:"presentation",class:U,ref:O,...q,children:[u&&t.jsx("span",{class:V,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:u})}),t.jsxs("div",{class:W,children:[n,a]}),l&&t.jsx("span",{class:A,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:l})}),Z]})},v=d.forwardRef((({outerClassNames:e,columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,compactUserAssistance:r,inlineUserAssistance:i,mainContent:d,endContent:m,rootRef:u,variant:c,resize:p,startContent:C,...x},T)=>{const h="textarea"===c?"textArea":"textField";return t.jsxs("div",{...x,ref:T,class:e,children:[r,t.jsxs(o.LabelValueLayout,{columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,parentComponentVariant:h,children:[t.jsx(g,{mainContent:d,endContent:m,rootRef:u,startContent:C,...c?{variant:c,resize:p}:{}}),i]})]})})),w=d.forwardRef((({outerClassNames:e,compactUserAssistance:n,inlineUserAssistance:o,labelText:a,mainContent:s,endContent:l,label:r,rootRef:i,variant:d,resize:m,startContent:u,...c},p)=>t.jsxs("div",{...c,ref:p,class:e,children:[n,t.jsx(g,{insideLabel:r,labelText:a,mainContent:s,endContent:l,rootRef:i,startContent:u,...d?{variant:d,resize:m}:{}}),o]}))),N=d.forwardRef((({columnSpan:e=1,label:o,labelEdge:d,labelText:m,mainContent:u,endContent:c,variant:p,mainFieldRef:C,startContent:x,testId:T,...h},b)=>{const F=l.useTestId(T),{classes:y,styles:L}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:S}=s.useComponentTheme(n.LabelRedwoodTheme),{baseTheme:g}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{formControlBase:N}=L,{baseTheme:E}=s.useComponentTheme(a.SkeletonRedwoodTheme),j=r.classNames([y,E,N,g,S,i.layoutSpanStyles.layoutSpanColumn[e]]);return void 0===o||"start"!==d&&"top"!==d?t.jsx(w,{outerClassNames:j,ref:b,label:o,labelText:m,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F}):t.jsx(v,{columnSpan:e,outerClassNames:j,label:o,labelEdge:d,ref:b,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F})})),E=d.forwardRef((({columnSpan:e=1,variant:o="default",...l},d)=>{const m=h.useInputGroupContext(),{isReadonly:u}=C.useFormFieldContext(),{baseTheme:c}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{baseTheme:p}=s.useComponentTheme(n.LabelRedwoodTheme),{classes:x,styles:T}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:u?"isReadonly":"notReadonly",withinGroup:null!==m?"isWithinGroup":void 0}),{formControlBase:b,textFieldBase:F,textFieldEmbedded:y}=T,{baseTheme:S}=s.useComponentTheme(a.SkeletonRedwoodTheme),g=r.classNames([S,b,F,L.isEmbeddedVariant(o)&&y,x,c,p,i.layoutSpanStyles.layoutSpanColumn[e]]);return t.jsx("div",{...l,class:g,ref:d})}));e.ReadonlyTextField=N,e.StyledTextField=E,e.useTextFieldTooltip=S}));
+define(['exports', 'preact/jsx-runtime', './UNSAFE_Label/themes/redwood/LabelTheme', './LabelValueLayout-39dc1be3', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './useComponentTheme-5aa41a8f', './useTestId-9afc201a', './classNames-08d99695', './LayoutStyles.css-e2543ca1', 'preact/compat', 'preact/hooks', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Flex-07d2aa5b', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTooltipControlled-558b2a13', './useUser-12ec03f1', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-de035f75'], (function(e,t,n,o,a,s,l,r,i,d,m,u,c,p,C,x,T,h,b,F,f,y,R,L){"use strict";const S=({fieldRef:e,hasTruncatedLabel:t,isDisabled:n,label:o})=>{const[a,s]=m.useState(!1),{tooltipProps:l,tooltipContent:r}=b.useTooltipControlled({dismissOnClick:!1,displayOnHover:!1,focusStrategy:"logical",isDisabled:n,isOpen:a,offset:{mainAxis:4},onToggle:({value:e})=>{s(e)},position:"top-start",text:o}),{"aria-describedby":i,onLogicalBlur:d,onLogicalFocus:u,...c}=l;return n||(t?u?.(e?.current):d?.()),{tooltipContent:r,tooltipEventHandlerProps:c}},g=({variant:e,insideLabel:n,labelText:o,mainContent:a,endContent:l,rootRef:i,resize:d,startContent:u})=>{const{isFormLayout:p,isReadonly:T}=c.useFormContext(),{hasTruncatedLabel:b,isLoading:R}=C.useFormFieldContext(),{direction:L}=F.useUser(),g="ltr"===L,v=p&&!T,w=void 0!==n,N=h.useInputGroupContext(),E=null!==N,j=N?N.last?g?"groupRight":"groupLeft":0===N.index?g?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:I,styles:{textFieldEndContent:A}}=s.useComponentTheme(f.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:d&&"textarea"===e?L:void 0}),{classes:U,styles:{readonlyTextFieldMiddleBase:G,readonlyTextFieldMiddleNotInEnabledForm:M,readonlyTextFieldMiddleInEnabledForm:z,readonlyTextFieldMiddleInEnabledFormNotTextarea:k,startContentInsideLabel:B,startContentMarginEnd:_,startContentMarginStart:D,startContentStartTopLabel:P}}=s.useComponentTheme(y.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:v?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:w?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===e?"isTextArea":"notTextArea",loading:R?"isLoading":"notLoading",withinGroup:E?"isWithinGroup":void 0,inputGroupPosition:j,resize:d??"none"}),V=r.classNames([w?B:P,v?D:_]),W=r.classNames([I,G,v&&z,v&&"textarea"!==e&&k,!v&&M]),H=m.useRef(null),O=i??H,{tooltipContent:Z,tooltipEventHandlerProps:q}=S({hasTruncatedLabel:b,fieldRef:O,isDisabled:!w,label:o});return t.jsxs("div",{role:"presentation",class:U,ref:O,...q,children:[u&&t.jsx("span",{class:V,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:u})}),t.jsxs("div",{class:W,children:[n,a]}),l&&t.jsx("span",{class:A,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:l})}),Z]})},v=d.forwardRef((({outerClassNames:e,columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,compactUserAssistance:r,inlineUserAssistance:i,mainContent:d,endContent:m,rootRef:u,variant:c,resize:p,startContent:C,...x},T)=>{const h="textarea"===c?"textArea":"textField";return t.jsxs("div",{...x,ref:T,class:e,children:[r,t.jsxs(o.LabelValueLayout,{columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,parentComponentVariant:h,children:[t.jsx(g,{mainContent:d,endContent:m,rootRef:u,startContent:C,...c?{variant:c,resize:p}:{}}),i]})]})})),w=d.forwardRef((({outerClassNames:e,compactUserAssistance:n,inlineUserAssistance:o,labelText:a,mainContent:s,endContent:l,label:r,rootRef:i,variant:d,resize:m,startContent:u,...c},p)=>t.jsxs("div",{...c,ref:p,class:e,children:[n,t.jsx(g,{insideLabel:r,labelText:a,mainContent:s,endContent:l,rootRef:i,startContent:u,...d?{variant:d,resize:m}:{}}),o]}))),N=d.forwardRef((({columnSpan:e=1,label:o,labelEdge:d,labelText:m,mainContent:u,endContent:c,variant:p,mainFieldRef:C,startContent:x,testId:T,...h},b)=>{const F=l.useTestId(T),{classes:y,styles:L}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:S}=s.useComponentTheme(n.LabelRedwoodTheme),{baseTheme:g}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{formControlBase:N}=L,{baseTheme:E}=s.useComponentTheme(a.SkeletonRedwoodTheme),j=r.classNames([y,E,N,g,S,i.layoutSpanStyles.layoutSpanColumn[e]]);return void 0===o||"start"!==d&&"top"!==d?t.jsx(w,{outerClassNames:j,ref:b,label:o,labelText:m,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F}):t.jsx(v,{columnSpan:e,outerClassNames:j,label:o,labelEdge:d,ref:b,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F})})),E=d.forwardRef((({columnSpan:e=1,variant:o="default",...l},d)=>{const m=h.useInputGroupContext(),{isReadonly:u}=C.useFormFieldContext(),{baseTheme:c}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{baseTheme:p}=s.useComponentTheme(n.LabelRedwoodTheme),{classes:x,styles:T}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:u?"isReadonly":"notReadonly",withinGroup:null!==m?"isWithinGroup":void 0}),{formControlBase:b,textFieldBase:F,textFieldEmbedded:y}=T,{baseTheme:S}=s.useComponentTheme(a.SkeletonRedwoodTheme),g=r.classNames([S,b,F,L.isEmbeddedVariant(o)&&y,x,c,p,i.layoutSpanStyles.layoutSpanColumn[e]]);return t.jsx("div",{...l,class:g,ref:d})}));e.ReadonlyTextField=N,e.StyledTextField=E,e.useTextFieldTooltip=S}));
 //# sourceMappingURL=StyledTextField-5e554e5b.js.map

package/amd/Submenu-d0c548f0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './DirectionalExpandArrowIcon-21d0b1d5', './useId-c9578d26', './MenuItem-ff1cd14d', './Menu-45a26116', './themeContract.css-2e4b066d', './useScale-5d246769', 'preact/hooks', './DirectionalCollapseArrowIcon-6777ae07'], (function(e,n,t,s,u,o,r,c,a,l,i){"use strict";const m=({label:e,children:l,startIcon:i,itemKey:m})=>{const f=u.useId(),I=u.useId(),y=t.useMemo((()=>`oj-menu-item-${I}`),[I]),{changeKey:x,currentKey:h}=o.useMenuContainerContext(),C=t.useRef(null),S=t.useRef(null),[k,j]=t.useState(!1),[M,A]=t.useState("none"),[g,w]=t.useState(p),E=a.useScale();t.useEffect((()=>{if(E&&c.scaleVars?.size?.units){const e=/\(([^)]+)\)/.exec(c.scaleVars.size.units)?.[1]||"",n=window.getComputedStyle(C.current).getPropertyValue(e);n.endsWith("px")?w(parseFloat(n)):n.endsWith("rem")?w(parseFloat(n)*b()):w(.25*b())}else w(.25*b())}),[E]),t.useEffect((()=>{y!==h&&j(!1)}),[h,y]);const R=t.useCallback((e=>{C.current?.focus(),j(!0),"keyup"===e.type?A("firstItem"):A("none")}),[]),v=t.useRef({recentClose:!1,pendingUnhover:!1});return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:i,id:y,submenuId:f,ref:C,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:R,hoverInfo:{hoverProps:{onMouseEnter:e=>{R(e)}},hoverStatus:v},openSubmenu:()=>{j(!0),A("firstItem")},submenuRef:S,isSubmenuOpen:k}),n.jsx(r.DropdownMenu,{isOpen:k,menuLevel:"sub",menuId:f,closeSubmenu:()=>{v.current.recentClose=!0,x({key:h,reason:"keyboard"}),setTimeout((()=>{v.current.recentClose=!1}),d),j(!1),C.current?.focus()},ref:S,anchorRef:C,defaultPlacement:"end-top",currentFocus:M,offsetValue:{mainAxis:-2*g,crossAxis:-(2*g+1)},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["start-top","end-bottom","start-bottom"]},children:l})]})},d=100,p=4,b=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize||"16px",10),f=({label:e,children:c,startIcon:a,itemKey:m})=>{const{isMobile:d}=o.useMenuContext(),p=u.useId(),b=u.useId(),f=u.useId(),I=l.useRef(null),[y,x]=l.useState(!1),[h,C]=l.useState("menu"),{menuContainerRef:S,changeKey:k}=o.useMenuContainerContext(),j=l.useCallback((()=>{g(),C("secondItem")}),[]),M=l.useCallback((e=>{g(),"keyup"===e.type?C("secondItem"):C(d?"secondItemDueToTouch":"menu")}),[]),A=l.useCallback((()=>{k({key:b,reason:"keyboard"}),I.current?.focus()}),[k,b,I]),g=()=>{S.current.style.display="none",x(!0)},w=()=>{x(!1),S.current&&(S.current.style.display="block")};return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:a,id:b,submenuId:p,ref:I,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:M,openSubmenu:j,isSubmenuOpen:y}),y?t.createPortal(n.jsxs(r.MenuContainer,{display:"sheet","aria-label":e,menuId:p,closeSubmenu:()=>{w(),A()},menuLevel:"sub",anchorRef:I,currentFocus:h,children:[n.jsx(o.BaseMenuItem,{id:f,menuItemLabelWeight:"bold",role:"menuitem",type:"submenu",startIcon:n.jsx(i.DirectionalCollapseArrowIcon,{}),onAction:e=>{w(),"keyup"===e.type?A():d?(k({key:b,reason:"touch"}),setTimeout((()=>{I.current?.focus()}),0)):(k({key:void 0,reason:"click"}),S.current?.focus())},label:e}),c]}),S.current?.parentElement):null]})};e.Submenu=e=>{const{isMobile:t}=o.useMenuContext();return n.jsx(n.Fragment,{children:t?n.jsx(f,{...e}):n.jsx(m,{...e})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './DirectionalExpandArrowIcon-21d0b1d5', './useId-c9578d26', './MenuItem-ff1cd14d', './Menu-45a26116', './themeContract.css-2e4b066d', './useScale-fa445112', 'preact/hooks', './DirectionalCollapseArrowIcon-6777ae07'], (function(e,n,t,s,u,o,r,c,a,l,i){"use strict";const m=({label:e,children:l,startIcon:i,itemKey:m})=>{const f=u.useId(),I=u.useId(),y=t.useMemo((()=>`oj-menu-item-${I}`),[I]),{changeKey:x,currentKey:h}=o.useMenuContainerContext(),C=t.useRef(null),S=t.useRef(null),[k,j]=t.useState(!1),[M,A]=t.useState("none"),[g,w]=t.useState(p),E=a.useScale();t.useEffect((()=>{if(E&&c.scaleVars?.size?.units){const e=/\(([^)]+)\)/.exec(c.scaleVars.size.units)?.[1]||"",n=window.getComputedStyle(C.current).getPropertyValue(e);n.endsWith("px")?w(parseFloat(n)):n.endsWith("rem")?w(parseFloat(n)*b()):w(.25*b())}else w(.25*b())}),[E]),t.useEffect((()=>{y!==h&&j(!1)}),[h,y]);const R=t.useCallback((e=>{C.current?.focus(),j(!0),"keyup"===e.type?A("firstItem"):A("none")}),[]),v=t.useRef({recentClose:!1,pendingUnhover:!1});return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:i,id:y,submenuId:f,ref:C,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:R,hoverInfo:{hoverProps:{onMouseEnter:e=>{R(e)}},hoverStatus:v},openSubmenu:()=>{j(!0),A("firstItem")},submenuRef:S,isSubmenuOpen:k}),n.jsx(r.DropdownMenu,{isOpen:k,menuLevel:"sub",menuId:f,closeSubmenu:()=>{v.current.recentClose=!0,x({key:h,reason:"keyboard"}),setTimeout((()=>{v.current.recentClose=!1}),d),j(!1),C.current?.focus()},ref:S,anchorRef:C,defaultPlacement:"end-top",currentFocus:M,offsetValue:{mainAxis:-2*g,crossAxis:-(2*g+1)},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["start-top","end-bottom","start-bottom"]},children:l})]})},d=100,p=4,b=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize||"16px",10),f=({label:e,children:c,startIcon:a,itemKey:m})=>{const{isMobile:d}=o.useMenuContext(),p=u.useId(),b=u.useId(),f=u.useId(),I=l.useRef(null),[y,x]=l.useState(!1),[h,C]=l.useState("menu"),{menuContainerRef:S,changeKey:k}=o.useMenuContainerContext(),j=l.useCallback((()=>{g(),C("secondItem")}),[]),M=l.useCallback((e=>{g(),"keyup"===e.type?C("secondItem"):C(d?"secondItemDueToTouch":"menu")}),[]),A=l.useCallback((()=>{k({key:b,reason:"keyboard"}),I.current?.focus()}),[k,b,I]),g=()=>{S.current.style.display="none",x(!0)},w=()=>{x(!1),S.current&&(S.current.style.display="block")};return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:a,id:b,submenuId:p,ref:I,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:M,openSubmenu:j,isSubmenuOpen:y}),y?t.createPortal(n.jsxs(r.MenuContainer,{display:"sheet","aria-label":e,menuId:p,closeSubmenu:()=>{w(),A()},menuLevel:"sub",anchorRef:I,currentFocus:h,children:[n.jsx(o.BaseMenuItem,{id:f,menuItemLabelWeight:"bold",role:"menuitem",type:"submenu",startIcon:n.jsx(i.DirectionalCollapseArrowIcon,{}),onAction:e=>{w(),"keyup"===e.type?A():d?(k({key:b,reason:"touch"}),setTimeout((()=>{I.current?.focus()}),0)):(k({key:void 0,reason:"click"}),S.current?.focus())},label:e}),c]}),S.current?.parentElement):null]})};e.Submenu=e=>{const{isMobile:t}=o.useMenuContext();return n.jsx(n.Fragment,{children:t?n.jsx(f,{...e}):n.jsx(m,{...e})})}}));
 //# sourceMappingURL=Submenu-d0c548f0.js.map

package/amd/TabBar-3fe1e19e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './HiddenAccessible-037ef42d', './LiveRegion-ef77cf92', 'preact/hooks', './LayerHost-daf96749', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-07d2aa5b', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './BaseButton-d69319ea', './ButtonLabelLayout-9cc087dc', './Floating-8192acb2', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-c7f3fe2d', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-9f802535', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-ce36c510', './TabBarContextMenu-cad0a362'], (function(e,t,s,a,o,n,l,r,c,i,d,b,x,y,u,B,T,m,p,f,h,C,S,g,M,j,v,F,U,A,I,L,w,E,N,_,R,k,H,P){"use strict";const z=l.forwardRef((({children:e,layout:o="stretch",display:n="standard",size:l="md",edge:r="top",selection:c,onSelect:d,onRemove:b,"aria-describedby":x,"aria-label":y,"aria-labelledby":u,contextMenuConfig:B},T)=>{const m=T,{rootProps:p,tabBarContext:f,menuProps:h,contextMenuContext:C,contextMenuDescription:S,contextMenuDescriptionId:g,accStatusInfo:M}=H.useTabBar({class:k.styles.tabBarBase,edge:r,onRemove:b,onSelect:d,ref:m,selection:c,size:l,children:e,contextMenuConfig:B}),j=null!=B;return t.jsxs(t.Fragment,{children:[t.jsx(i.TabBarContext.Provider,{value:f,children:t.jsx("div",{...p,"aria-label":y,"aria-labelledby":u,"aria-haspopup":null!=B,"aria-describedby":B&&g?x?`${x} ${g}`:g:x,children:t.jsx(R.TabBarLayout,{layout:o,display:n,children:e})})}),j&&g&&t.jsx("span",{id:g,children:t.jsx(s.HiddenAccessible,{children:S})}),j&&M&&t.jsx(a.LiveRegion,{children:M}),j&&t.jsx(P.TabBarContextMenu,{...h,contextMenuConfig:B,contextMenuContext:C})]})}));e.TabBar=z}));
+//# sourceMappingURL=TabBar-3fe1e19e.js.map

package/amd/{TabBar-fa06f492.js.map → TabBar-3fe1e19e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBar-fa06f492.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\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 {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = 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    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              contextMenuConfig && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","TabBarContext","Provider","value","jsx","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"swCAqHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUD,GAEVE,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdpB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIc,EAA8C,MAArBd,EAE/B,OACEe,EAAAC,KAAAC,EAAAC,SAAA,CAAA7B,SAAA,CACE8B,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAOlB,EAAaf,SAC1C8B,EACMI,IAAA,MAAA,IAAApB,eACQL,EAAS,kBACJC,EAAc,gBACK,MAArBC,EAEb,mBAAAA,GAAqBQ,EACjBX,EACE,GAAGA,KAAmBW,IACtBA,EACFX,EAENR,SAAA8B,MAACK,EAAAA,aAAY,CAAClC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAINyB,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRnB,SAAA8B,EAAAA,IAACO,EAAAA,iBAAkB,CAAArC,SAAAkB,MAGtBO,GAA0BL,GAAiBU,EAACI,IAAAI,aAAY,CAAAtC,SAAAoB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJL,kBAAmBA,EACnBM,mBAAoBA,MAI1B"}
+{"version":3,"file":"TabBar-3fe1e19e.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\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 {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = 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    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              contextMenuConfig && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","TabBarContext","Provider","value","jsx","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"i0CAqHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUD,GAEVE,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdpB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIc,EAA8C,MAArBd,EAE/B,OACEe,EAAAC,KAAAC,EAAAC,SAAA,CAAA7B,SAAA,CACE8B,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAOlB,EAAaf,SAC1C8B,EACMI,IAAA,MAAA,IAAApB,eACQL,EAAS,kBACJC,EAAc,gBACK,MAArBC,EAEb,mBAAAA,GAAqBQ,EACjBX,EACE,GAAGA,KAAmBW,IACtBA,EACFX,EAENR,SAAA8B,MAACK,EAAAA,aAAY,CAAClC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAINyB,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRnB,SAAA8B,EAAAA,IAACO,EAAAA,iBAAkB,CAAArC,SAAAkB,MAGtBO,GAA0BL,GAAiBU,EAACI,IAAAI,aAAY,CAAAtC,SAAAoB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJL,kBAAmBA,EACnBM,mBAAoBA,MAI1B"}

package/amd/TabBarContextMenu-cad0a362.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './logger-0f873e29', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './Separator-181f7541', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './tabBarUtils-6cb47f4d'], (function(e,t,o,n,s,a,r,l,m,c,i,d,u,M,v,b,f,h,x,I,y,p){"use strict";e.TabBarContextMenu=function({contextMenuConfig:e,contextMenuContext:n,...s}){const a=e.accessibleLabel,r=s.isOpen?e.itemsRenderer(n):null;return null!=r?t.jsx(t.Fragment,{children:t.jsx(o.Menu,{...s,...a&&{"aria-label":a},children:r})}):t.jsx(t.Fragment,{})},e.getDefaultContextMenu=function({isRemovable:e,handleReorder:o,handleRemove:s,itemKey:a,tabKeys:r,direction:l,itemLabels:m,handleAccStatus:c}){const i=()=>{s?.({value:a}),c?.({removedKey:a})},d=null!=o,u="rtl"===l,M=e=>{if(d&&r){const{newArray:t,referenceItemIndex:n}=p.handleMove(e,r,a),s=r[n];o?.({reorderedKeys:t,itemKeys:[a],referenceKey:s}),c?.({position:"forward"===e?"after":"before",destinationKey:s})}},v=d?{moveForwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),moveBackwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),reorder:t.jsxs(t.Fragment,{children:[t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")})]})}:{remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i})},b=e||d?t.jsxs(t.Fragment,{children:[d&&r?t.jsxs(t.Fragment,{children:[(e=>{let o;switch(d){case e===r?.[0]:o=v.moveForwardItem;break;case e===r?.[r.length-1]:o=v.moveBackwardItem;break;default:o=t.jsxs(t.Fragment,{children:[v.moveForwardItem,v.moveBackwardItem]})}return o})(a),e?t.jsx(f.Separator,{}):void 0]}):void 0,e?v.remove:void 0]}):void 0;return{itemKey:a,defaultMenuItems:b,allMenuItems:v}}}));
+define(['exports', 'preact/jsx-runtime', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './Separator-181f7541', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './tabBarUtils-6cb47f4d'], (function(e,t,o,n,s,a,r,l,m,c,i,d,u,M,v,b,f,h,x,I,y,p){"use strict";e.TabBarContextMenu=function({contextMenuConfig:e,contextMenuContext:n,...s}){const a=e.accessibleLabel,r=s.isOpen?e.itemsRenderer(n):null;return null!=r?t.jsx(t.Fragment,{children:t.jsx(o.Menu,{...s,...a&&{"aria-label":a},children:r})}):t.jsx(t.Fragment,{})},e.getDefaultContextMenu=function({isRemovable:e,handleReorder:o,handleRemove:s,itemKey:a,tabKeys:r,direction:l,itemLabels:m,handleAccStatus:c}){const i=()=>{s?.({value:a}),c?.({removedKey:a})},d=null!=o,u="rtl"===l,M=e=>{if(d&&r){const{newArray:t,referenceItemIndex:n}=p.handleMove(e,r,a),s=r[n];o?.({reorderedKeys:t,itemKeys:[a],referenceKey:s}),c?.({position:"forward"===e?"after":"before",destinationKey:s})}},v=d?{moveForwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),moveBackwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),reorder:t.jsxs(t.Fragment,{children:[t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")})]})}:{remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i})},b=e||d?t.jsxs(t.Fragment,{children:[d&&r?t.jsxs(t.Fragment,{children:[(e=>{let o;switch(d){case e===r?.[0]:o=v.moveForwardItem;break;case e===r?.[r.length-1]:o=v.moveBackwardItem;break;default:o=t.jsxs(t.Fragment,{children:[v.moveForwardItem,v.moveBackwardItem]})}return o})(a),e?t.jsx(f.Separator,{}):void 0]}):void 0,e?v.remove:void 0]}):void 0;return{itemKey:a,defaultMenuItems:b,allMenuItems:v}}}));
 //# sourceMappingURL=TabBarContextMenu-cad0a362.js.map

package/amd/TabBarLayout-9f802535.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', './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-07d2aa5b', './useTabBarContext-15a23bb6'], (function(e,a,t,r){"use strict";e.TabBarLayout=function(e){const{children:n,display:o,layout:i}=e,u=r.useTabBarContext();return a.jsx(r.TabBarContext.Provider,{value:{...u,display:o,layout:i},children:a.jsx(t.Flex,{direction:"row",gap:"8x",flex:"1 0 auto",children:n})})}}));
 //# sourceMappingURL=TabBarLayout-9f802535.js.map

package/amd/TabBarMixed-090b4984.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-daf96749', './UNSAFE_Text/themes/TextStyles.css', './Flex-07d2aa5b', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './BaseButton-d69319ea', './ButtonLabelLayout-9cc087dc', './Floating-8192acb2', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-c7f3fe2d', 'css!./OverflowTabBarItemStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-ce36c510', './LiveRegion-ef77cf92', './HiddenAccessible-037ef42d', './TabBarContextMenu-cad0a362'], (function(e,t,s,o,n,a,r,l,c,i,b,d,u,x,m,T,f,B,y,h,C,p,S,M,I,g,v,A,U,E,F,j,R,_,w,L,N,k,H,P){"use strict";const V=o.forwardRef(((e,n)=>{const{children:a,onRemove:r,onSelect:c,selection:i,size:b,"aria-label":d,"aria-labelledby":u}=e,x=s.useRef(null),m=w.isMobile(),T=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=N.getItemAttribute(e.itemKey,x.current,N.REMOVABLE_ITEM_ATTRIBUTE)&&m){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:f,tabBarContext:B,menuProps:y,contextMenuContext:h,contextMenuDescription:C,contextMenuDescriptionId:p,accStatusInfo:S}=(M={class:L.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:c,ref:x,selection:i,size:b,children:a,contextMenuConfig:T},N.useTabBar(M));var M;const I=null!=T&&m;return o.useImperativeHandle(n,(()=>({focus:()=>{x.current&&x.current.focus()},blur:()=>{x.current&&x.current.blur()}}))),t.jsxs(t.Fragment,{children:[t.jsx(l.TabBarContext.Provider,{value:B,children:t.jsx("div",{"aria-label":d,"aria-labelledby":u,...f,children:a})}),I&&p&&C&&t.jsx("span",{id:p,children:t.jsx(H.HiddenAccessible,{children:C})}),I&&S&&t.jsx(k.LiveRegion,{children:S}),I&&t.jsx(P.TabBarContextMenu,{...y,contextMenuConfig:T,contextMenuContext:h})]})}));e.TabBarMixed=V}));
+//# sourceMappingURL=TabBarMixed-090b4984.js.map

package/amd/{TabBarMixed-2d5bc172.js.map → TabBarMixed-090b4984.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixed-2d5bc172.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\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 isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\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      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\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  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\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","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","_jsxs","jsxs","TabBarContext","Provider","value","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"+wCAwEa,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,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC3FyBC,ED4Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCpGhB4B,EAAAA,UAAUP,IADb,IAAyBA,EDwG3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAenE,OAbAgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAKHC,EAAAC,KAAAtB,EAAAC,SAAA,CAAAxB,SAAA,CACEqB,EAAAA,IAACyB,EAAAA,cAAcC,SAAQ,CAACC,MAAOtB,EAAa1B,SAC1CqB,EAAAA,IAAiB,MAAA,CAAA,aAAAhB,oBAA4BC,KAAoBmB,EAASzB,SACvEA,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAAA,IAAA,OAAA,CAAM4B,GAAInB,EACR9B,SAAAqB,EAAAA,IAAC6B,EAAAA,iBAAgB,CAAAlD,SAAE6B,MAGtBW,GAA0BT,GAAiBV,MAAC8B,EAAUA,WAAA,CAAAnD,SAAE+B,IACxDS,GACCnB,EAAAC,IAAC8B,EAAiBA,kBAAA,IACZzB,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}
+{"version":3,"file":"TabBarMixed-090b4984.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\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 isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\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      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\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  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\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","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","_jsxs","jsxs","TabBarContext","Provider","value","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"00CAwEa,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,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC3FyBC,ED4Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCpGhB4B,EAAAA,UAAUP,IADb,IAAyBA,EDwG3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAenE,OAbAgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAKHC,EAAAC,KAAAtB,EAAAC,SAAA,CAAAxB,SAAA,CACEqB,EAAAA,IAACyB,EAAAA,cAAcC,SAAQ,CAACC,MAAOtB,EAAa1B,SAC1CqB,EAAAA,IAAiB,MAAA,CAAA,aAAAhB,oBAA4BC,KAAoBmB,EAASzB,SACvEA,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAAA,IAAA,OAAA,CAAM4B,GAAInB,EACR9B,SAAAqB,EAAAA,IAAC6B,EAAAA,iBAAgB,CAAAlD,SAAE6B,MAGtBW,GAA0BT,GAAiBV,MAAC8B,EAAUA,WAAA,CAAAnD,SAAE+B,IACxDS,GACCnB,EAAAC,IAAC8B,EAAiBA,kBAAA,IACZzB,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}

package/amd/TabBarMixedSeparator-07022bdc.js

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

package/amd/{TabBarMixedSeparator-4c6ad368.js.map → TabBarMixedSeparator-07022bdc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixedSeparator-4c6ad368.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-07022bdc.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"}