@theroutingcompany/components 0.0.152-alpha.2 → 0.0.153-alpha.0

package/dist/trc-components.umd.js

@@ -1346,7 +1346,8 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var ie=re(oe,X,U,Y,ee+".
     color: ${f.color_deprecated_fill_inverse_hover};
   }
 
-  &[data-state~='pressed'] {
+  &[data-state~='pressed'],
+  &[data-active='true'] {
     background: ${f.color_deprecated_fill_primary_pressed};
   }
 
@@ -1406,7 +1407,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var ie=re(oe,X,U,Y,ee+".
   &:disabled {
     background: ${f.color_deprecated_fill_inverse_disabled};
   }
-`,LF={primary:RF,secondary:MF,danger:OF,inverse:NF},Zi=y.forwardRef((e,t)=>{const n=er(t),{label:r,size:o="small",variant:i="primary",shape:u="circle",disabled:a,onClick:l,onPress:s,autoFocus:c,children:d,style:p={},...h}=e,v=$n(),g=a??v,{buttonProps:$,isPressed:x}=Fr({onPress:s??l,isDisabled:g,autoFocus:c},n),{isFocusVisible:E,focusProps:C}=Ii({autoFocus:c}),_=d3({isFocusVisible:E,isPressed:x}),k=LF[i],S=dy[u],P=cf[o],B=ke(C,h,$,{"data-state":_});return m(k,{ref:n,...B,style:{"--icon-button-size":P,"--icon-button-border-radius":S,...p},children:m(li,{label:r,children:d})})});Zi.displayName="IconButton";const zF=L.default(Rt)`
+`,LF={primary:RF,secondary:MF,danger:OF,inverse:NF},Zi=y.forwardRef((e,t)=>{const n=er(t),{label:r,size:o="small",variant:i="primary",shape:u="circle",disabled:a,onClick:l,onPress:s,autoFocus:c,children:d,style:p={},as:h,active:v,...g}=e,$=$n(),x=a??$,{buttonProps:E,isPressed:C}=Fr({onPress:s??l,isDisabled:x,autoFocus:c},n),{isFocusVisible:_,focusProps:k}=Ii({autoFocus:c}),S=d3({isFocusVisible:_,isPressed:C}),P=LF[i],B=dy[u],I=cf[o],T=ke(k,g,E,{"data-state":S,"data-active":v?"true":"false"});return m(P,{ref:n,...T,as:h,style:{"--icon-button-size":I,"--icon-button-border-radius":B,...p},children:m(li,{label:r,children:d})})});Zi.displayName="IconButton";const zF=L.default(Rt)`
   font-family: ${f.font_family_pingo} !important;
   color: ${f.color_black} !important;
   font-weight: ${f.font_weight_100};
@@ -1559,7 +1560,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var ie=re(oe,X,U,Y,ee+".
   line-height: ${f.line_height_deprecated_133};
   font-family: ${f.font_family_pingo};
   max-width: ${f.sizing_1000};
-  z-index: 30;
+  z-index: 2100;
   animation-duration: 400ms;
   animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
 
@@ -2471,7 +2472,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `,Ip=e=>{const{label:t,boldLabel:n=!0,autoFocus:r,className:o,excludeFromTabOrder:i,isClearable:u=!0,isDisabled:a,isSelectableAll:l=!1,autoSelectAll:s=!0,isAllSelectedText:c="All selected",placeholder:d="Select...",tooltipContent:p,tooltipIcon:h,errorMessage:v,isInvalid:g=!1,onFocus:$,onBlur:x,onSelectionChange:E}=e,C=b.default.useRef(null),_=!u,k=b.default.useRef(!1),S=b.default.useCallback(w=>{if(e.onSelectionChange){const F=s?!1:k.current;e.onSelectionChange(w,F)}},[e,s]),P=Hz({...e,disallowEmptySelection:_,onSelectionChange:S}),{labelProps:B,triggerProps:I,valueProps:T,menuProps:O,errorMessageProps:H}=jz({...e,disallowEmptySelection:_},P,C),{buttonProps:V}=Fr({...I,autoFocus:r,excludeFromTabOrder:i,isDisabled:a,onFocus:$,onBlur:x},C),[R,N]=b.default.useState(!1);b.default.useEffect(()=>{k.current=R},[R]);const W=s?P.selectionManager.isSelectAll:R,[G,z]=b.default.useState(!1),K=b.default.useCallback(()=>{const w=P.selectionManager.isSelectAll;!s&&!W&&w?(N(!0),E&&E(P.selectedKeys,!0)):(P.selectionManager.toggleSelectAll(),s||N(!w))},[s,W,P.selectionManager,P.selectedKeys,E]),D=b.default.useCallback(()=>{P.selectionManager.setFocusedKey(null)},[P.selectionManager]);b.default.useEffect(()=>{if(!s&&P.selectedItems){const w=Array.from(P.collection.getKeys()),F=Array.from(P.selectedKeys);!(w.length>0&&w.length===F.length&&w.every(Y=>F.includes(Y)))&&R&&N(!1)}},[P.selectedKeys,s,R,P.collection,P.selectedItems]);const A=(w,F=!1,U)=>m(Rt,{children:F&&U?m("span",{children:U}):m("span",{children:w.map(Y=>Y.textValue).join(", ")})});return Q(jt,{className:sE("select-wrapper",{"select-wrapper--opens":P.isOpen},o),children:[t?Q(et,{...B,mb:f.spacing_150,onClick:a?void 0:()=>P.open(),bold:n,children:[t,p?m(ft,{icon:h,children:p}):null]}):null,m(Z8,{focusRingClass:"select--focused",autoFocus:r,children:Q(Fp,{...V,ref:C,isOpen:P.isOpen,"data-state":g?"invalid":void 0,disabled:a??!1,children:[m("span",{...T,children:P.selectedItems?A(P.selectedItems,W,c):m(Bp,{children:d})}),m(Gz,{children:m(Il,{style:{width:"18px",height:"18px"},"aria-hidden":"true"})})]})}),v?m(Wt,{...H,children:v}):null,P.isOpen?Q(ar,{state:P,targetRef:C,isTargetWidth:!0,children:[l?Q(Ge,{children:[Q(Fl,{onMouseOver:()=>{z(!0),D()},onMouseOut:()=>z(!1),isFocused:G,tabIndex:G?0:-1,onClick:K,"aria-label":c,children:[m(Lf,{isDisabled:a??!1,isSelected:W,"aria-label":c,onChange:K}),Q(Jf,{children:[m(Et,{as:"span",children:c}),m(Qf,{children:W?m(Le.Check,{"aria-hidden":"true",style:{width:18,height:18}}):null})]})]}),m(i$,{})]}):null,m(OM,{...O,state:P,isSelectableAll:!0})]}):null]})};Ip.displayName="MultiSelectComponent";const fE=({items:e,...t})=>{const{children:n}=t,r=o=>o.textValue?m(zo,{textValue:o.textValue,children:o.textValue},o.id):m(zo,{children:o.name},o.id);if(!e)throw new Error("MultiSelect requires items");return m(Ip,{...t,items:e,children:n||r})};fE.displayName="MultiSelect";const Rp="nav-menu-portal";var pE=(e=>(e.Up="Up",e.Down="Down",e))(pE||{});const Mp=b.default.createContext({direction:"Down",menuRef:null,triggerRef:null,setTriggerRef:function(){throw new Error("Function not implemented.")},open:!1,setOpen:function(){throw new Error("Function not implemented.")}}),Yz=L.default.div`
   position: relative;
   width: inherit;
-`,Go=y.forwardRef((e,t)=>{const[n,r]=y.useState(!1),[o,i]=y.useState(null),u=er(t);return y.useEffect(()=>{const a=document.getElementById(Rp);function l(s){const c=s.target;u.current&&!u.current.contains(c)&&!(a!=null&&a.contains(c))&&r(!1)}return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[u]),m(Mp.Provider,{value:{menuRef:u,triggerRef:o,setTriggerRef:i,open:n,setOpen:r,direction:e.direction??"Down"},children:m(Yz,{ref:u,role:"menu",children:e.children})})});Go.displayName="NavigationMenu";const qz=L.default.button`
+`,Go=y.forwardRef((e,t)=>{const[n,r]=y.useState(!1),[o,i]=y.useState(null),u=er(t),a=e.isOpen!==void 0,l=a?e.isOpen??!1:n,s=y.useCallback(c=>{var d;if(a){const p=typeof c=="function"?c(e.isOpen??!1):c;(d=e.onOpenChange)==null||d.call(e,p)}else r(c)},[a,e]);return y.useEffect(()=>{const c=document.getElementById(Rp);function d(p){const h=p.target;u.current&&!u.current.contains(h)&&!(c!=null&&c.contains(h))&&s(!1)}return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[u,s]),m(Mp.Provider,{value:{menuRef:u,triggerRef:o,setTriggerRef:i,open:l,setOpen:s,direction:e.direction??"Down"},children:m(Yz,{ref:u,role:"menu",children:e.children})})});Go.displayName="NavigationMenu";const qz=L.default.button`
   cursor: pointer;
   padding: ${e=>e.padding??"8px"};
   border: 1px solid transparent;