@purpurds/tabs 4.6.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +1 -1
- package/dist/tab-header.d.ts +1 -0
- package/dist/tab-header.d.ts.map +1 -1
- package/dist/tabs.cjs.js +3 -3
- package/dist/tabs.cjs.js.map +1 -1
- package/dist/tabs.d.ts +1 -0
- package/dist/tabs.d.ts.map +1 -1
- package/dist/tabs.es.js +375 -365
- package/dist/tabs.es.js.map +1 -1
- package/dist/tabs.utils.d.ts +1 -1
- package/dist/tabs.utils.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/tab-header.tsx +11 -2
- package/src/tabs.stories.tsx +3 -55
- package/src/tabs.test.tsx +0 -30
- package/src/tabs.tsx +11 -6
- package/src/tabs.utils.ts +1 -1
package/dist/LICENSE.txt
CHANGED
package/dist/tab-header.d.ts
CHANGED
package/dist/tab-header.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-header.d.ts","sourceRoot":"","sources":["../src/tab-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAKF,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"tab-header.d.ts","sourceRoot":"","sources":["../src/tab-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAKF,eAAO,MAAM,SAAS,0FAyBrB,CAAC"}
|
package/dist/tabs.cjs.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),r=require("react"),we=require("react-dom");function ye(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const oe=ye(r);function Se(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ce={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var c="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(c=a(c,o.call(this,i)))}return c}function o(c){if(typeof c=="string"||typeof c=="number")return this&&this[c]||c;if(typeof c!="object")return"";if(Array.isArray(c))return n.apply(this,c);if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]"))return c.toString();var s="";for(var i in c)t.call(c,i)&&c[i]&&(s=a(s,this&&this[i]||i));return s}function a(c,s){return s?c?c+" "+s:c+s:c}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(re);var ye=re.exports;const Se=we(ye),Ie={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},Te={name:"chevron-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',keywords:["chevron-left"],category:"utility"},Ne={name:"chevron-right",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',keywords:["chevron-right"],category:"utility"},Re=Se.bind(Ie),ee="purpur-icon",Ae="md",Me=e=>e.filter(t=>Object.keys(t).length>=1).map(t=>`${t.name}="${t.value}"`).join(" "),Pe=({content:e="",title:t}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},t?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=t?`<title>${t}</title>`:"";return`<svg ${Me(n)}>${o}${e}</svg>`},Oe=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Fe=({["data-testid"]:e,svg:t,allyTitle:n,className:o="",size:a=Ae,...c})=>{const s=Pe({content:Oe(t.svg),title:n}),i=Re(o,ee,`${ee}--${a}`);return w.jsx("span",{"aria-label":n,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:s},...c})};function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},y.apply(this,arguments)}function T(e,t,{checkForDefaultPrevented:n=!0}={}){return function(a){if(e==null||e(a),n===!1||!a.defaultPrevented)return t==null?void 0:t(a)}}function Y(e,t=[]){let n=[];function o(c,s){const i=r.createContext(s),l=n.length;n=[...n,s];function u(f){const{scope:$,children:v,...d}=f,m=($==null?void 0:$[e][l])||i,h=r.useMemo(()=>d,Object.values(d));return r.createElement(m.Provider,{value:h},v)}function p(f,$){const v=($==null?void 0:$[e][l])||i,d=r.useContext(v);if(d)return d;if(s!==void 0)return s;throw new Error(`\`${f}\` must be used within \`${c}\``)}return u.displayName=c+"Provider",[u,p]}const a=()=>{const c=n.map(s=>r.createContext(s));return function(i){const l=(i==null?void 0:i[e])||c;return r.useMemo(()=>({[`__scope${e}`]:{...i,[e]:l}}),[i,l])}};return a.scopeName=e,[o,De(a,...t)]}function De(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const o=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(c){const s=o.reduce((i,{useScope:l,scopeName:u})=>{const f=l(c)[`__scope${u}`];return{...i,...f}},{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:s}),[s])}};return n.scopeName=t.scopeName,n}function je(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function oe(...e){return t=>e.forEach(n=>je(n,t))}function U(...e){return r.useCallback(oe(...e),e)}const B=r.forwardRef((e,t)=>{const{children:n,...o}=e,a=r.Children.toArray(n),c=a.find(Ve);if(c){const s=c.props.children,i=a.map(l=>l===c?r.Children.count(s)>1?r.Children.only(null):r.isValidElement(s)?s.props.children:null:l);return r.createElement(z,y({},o,{ref:t}),r.isValidElement(s)?r.cloneElement(s,void 0,i):null)}return r.createElement(z,y({},o,{ref:t}),n)});B.displayName="Slot";const z=r.forwardRef((e,t)=>{const{children:n,...o}=e;return r.isValidElement(n)?r.cloneElement(n,{...Le(o,n.props),ref:t?oe(t,n.ref):n.ref}):r.Children.count(n)>1?r.Children.only(null):null});z.displayName="SlotClone";const qe=({children:e})=>r.createElement(r.Fragment,null,e);function Ve(e){return r.isValidElement(e)&&e.type===qe}function Le(e,t){const n={...t};for(const o in t){const a=e[o],c=t[o];/^on[A-Z]/.test(o)?a&&c?n[o]=(...i)=>{c(...i),a(...i)}:a&&(n[o]=a):o==="style"?n[o]={...a,...c}:o==="className"&&(n[o]=[a,c].filter(Boolean).join(" "))}return{...e,...n}}function Ue(e){const t=e+"CollectionProvider",[n,o]=Y(t),[a,c]=n(t,{collectionRef:{current:null},itemMap:new Map}),s=v=>{const{scope:d,children:m}=v,h=r.useRef(null),_=r.useRef(new Map).current;return r.createElement(a,{scope:d,itemMap:_,collectionRef:h},m)},i=e+"CollectionSlot",l=r.forwardRef((v,d)=>{const{scope:m,children:h}=v,_=c(i,m),g=U(d,_.collectionRef);return r.createElement(B,{ref:g},h)}),u=e+"CollectionItemSlot",p="data-radix-collection-item",f=r.forwardRef((v,d)=>{const{scope:m,children:h,..._}=v,g=r.useRef(null),M=U(d,g),S=c(u,m);return r.useEffect(()=>(S.itemMap.set(g,{ref:g,..._}),()=>void S.itemMap.delete(g))),r.createElement(B,{[p]:"",ref:M},h)});function $(v){const d=c(e+"CollectionConsumer",v);return r.useCallback(()=>{const h=d.collectionRef.current;if(!h)return[];const _=Array.from(h.querySelectorAll(`[${p}]`));return Array.from(d.itemMap.values()).sort((S,F)=>_.indexOf(S.ref.current)-_.indexOf(F.ref.current))},[d.collectionRef,d.itemMap])}return[{Provider:s,Slot:l,ItemSlot:f},$,o]}const K=globalThis!=null&&globalThis.document?r.useLayoutEffect:()=>{},Be=ne.useId||(()=>{});let ke=0;function ce(e){const[t,n]=ne.useState(Be());return K(()=>{e||n(o=>o??String(ke++))},[e]),e||(t?`radix-${t}`:"")}const Ge=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],O=Ge.reduce((e,t)=>{const n=r.forwardRef((o,a)=>{const{asChild:c,...s}=o,i=c?B:t;return r.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),r.createElement(i,y({},s,{ref:a}))});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function Z(e){const t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...n)=>{var o;return(o=t.current)===null||o===void 0?void 0:o.call(t,...n)},[])}function se({prop:e,defaultProp:t,onChange:n=()=>{}}){const[o,a]=ze({defaultProp:t,onChange:n}),c=e!==void 0,s=c?e:o,i=Z(n),l=r.useCallback(u=>{if(c){const f=typeof u=="function"?u(e):u;f!==e&&i(f)}else a(u)},[c,e,a,i]);return[s,l]}function ze({defaultProp:e,onChange:t}){const n=r.useState(e),[o]=n,a=r.useRef(o),c=Z(t);return r.useEffect(()=>{a.current!==o&&(c(o),a.current=o)},[o,a,c]),n}const Ke=r.createContext(void 0);function ae(e){const t=r.useContext(Ke);return e||t||"ltr"}const G="rovingFocusGroup.onEntryFocus",We={bubbles:!1,cancelable:!0},H="RovingFocusGroup",[W,ie,Ye]=Ue(H),[Ze,ue]=Y(H,[Ye]),[He,Xe]=Ze(H),Je=r.forwardRef((e,t)=>r.createElement(W.Provider,{scope:e.__scopeRovingFocusGroup},r.createElement(W.Slot,{scope:e.__scopeRovingFocusGroup},r.createElement(Qe,y({},e,{ref:t}))))),Qe=r.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:o,loop:a=!1,dir:c,currentTabStopId:s,defaultCurrentTabStopId:i,onCurrentTabStopIdChange:l,onEntryFocus:u,...p}=e,f=r.useRef(null),$=U(t,f),v=ae(c),[d=null,m]=se({prop:s,defaultProp:i,onChange:l}),[h,_]=r.useState(!1),g=Z(u),M=ie(n),S=r.useRef(!1),[F,D]=r.useState(0);return r.useEffect(()=>{const C=f.current;if(C)return C.addEventListener(G,g),()=>C.removeEventListener(G,g)},[g]),r.createElement(He,{scope:n,orientation:o,dir:v,loop:a,currentTabStopId:d,onItemFocus:r.useCallback(C=>m(C),[m]),onItemShiftTab:r.useCallback(()=>_(!0),[]),onFocusableItemAdd:r.useCallback(()=>D(C=>C+1),[]),onFocusableItemRemove:r.useCallback(()=>D(C=>C-1),[])},r.createElement(O.div,y({tabIndex:h||F===0?-1:0,"data-orientation":o},p,{ref:$,style:{outline:"none",...e.style},onMouseDown:T(e.onMouseDown,()=>{S.current=!0}),onFocus:T(e.onFocus,C=>{const j=!S.current;if(C.target===C.currentTarget&&j&&!h){const P=new CustomEvent(G,We);if(C.currentTarget.dispatchEvent(P),!P.defaultPrevented){const q=M().filter(x=>x.focusable),k=q.find(x=>x.active),V=q.find(x=>x.id===d),E=[k,V,...q].filter(Boolean).map(x=>x.ref.current);le(E)}}S.current=!1}),onBlur:T(e.onBlur,()=>_(!1))})))}),et="RovingFocusGroupItem",tt=r.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:o=!0,active:a=!1,tabStopId:c,...s}=e,i=ce(),l=c||i,u=Xe(et,n),p=u.currentTabStopId===l,f=ie(n),{onFocusableItemAdd:$,onFocusableItemRemove:v}=u;return r.useEffect(()=>{if(o)return $(),()=>v()},[o,$,v]),r.createElement(W.ItemSlot,{scope:n,id:l,focusable:o,active:a},r.createElement(O.span,y({tabIndex:p?0:-1,"data-orientation":u.orientation},s,{ref:t,onMouseDown:T(e.onMouseDown,d=>{o?u.onItemFocus(l):d.preventDefault()}),onFocus:T(e.onFocus,()=>u.onItemFocus(l)),onKeyDown:T(e.onKeyDown,d=>{if(d.key==="Tab"&&d.shiftKey){u.onItemShiftTab();return}if(d.target!==d.currentTarget)return;const m=ot(d,u.orientation,u.dir);if(m!==void 0){d.preventDefault();let _=f().filter(g=>g.focusable).map(g=>g.ref.current);if(m==="last")_.reverse();else if(m==="prev"||m==="next"){m==="prev"&&_.reverse();const g=_.indexOf(d.currentTarget);_=u.loop?ct(_,g+1):_.slice(g+1)}setTimeout(()=>le(_))}})})))}),nt={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function rt(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function ot(e,t,n){const o=rt(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(o))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(o)))return nt[o]}function le(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function ct(e,t){return e.map((n,o)=>e[(t+o)%e.length])}const st=Je,at=tt;function it(e,t){return r.useReducer((n,o)=>{const a=t[n][o];return a??n},e)}const de=e=>{const{present:t,children:n}=e,o=ut(t),a=typeof n=="function"?n({present:o.isPresent}):r.Children.only(n),c=U(o.ref,a.ref);return typeof n=="function"||o.isPresent?r.cloneElement(a,{ref:c}):null};de.displayName="Presence";function ut(e){const[t,n]=r.useState(),o=r.useRef({}),a=r.useRef(e),c=r.useRef("none"),s=e?"mounted":"unmounted",[i,l]=it(s,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return r.useEffect(()=>{const u=L(o.current);c.current=i==="mounted"?u:"none"},[i]),K(()=>{const u=o.current,p=a.current;if(p!==e){const $=c.current,v=L(u);e?l("MOUNT"):v==="none"||(u==null?void 0:u.display)==="none"?l("UNMOUNT"):l(p&&$!==v?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,l]),K(()=>{if(t){const u=f=>{const v=L(o.current).includes(f.animationName);f.target===t&&v&&Ce.flushSync(()=>l("ANIMATION_END"))},p=f=>{f.target===t&&(c.current=L(o.current))};return t.addEventListener("animationstart",p),t.addEventListener("animationcancel",u),t.addEventListener("animationend",u),()=>{t.removeEventListener("animationstart",p),t.removeEventListener("animationcancel",u),t.removeEventListener("animationend",u)}}else l("ANIMATION_END")},[t,l]),{isPresent:["mounted","unmountSuspended"].includes(i),ref:r.useCallback(u=>{u&&(o.current=getComputedStyle(u)),n(u)},[])}}function L(e){return(e==null?void 0:e.animationName)||"none"}const fe="Tabs",[lt,Dt]=Y(fe,[ue]),pe=ue(),[dt,X]=lt(fe),ft=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,onValueChange:a,defaultValue:c,orientation:s="horizontal",dir:i,activationMode:l="automatic",...u}=e,p=ae(i),[f,$]=se({prop:o,onChange:a,defaultProp:c});return r.createElement(dt,{scope:n,baseId:ce(),value:f,onValueChange:$,orientation:s,dir:p,activationMode:l},r.createElement(O.div,y({dir:p,"data-orientation":s},u,{ref:t})))}),pt="TabsList",bt=r.forwardRef((e,t)=>{const{__scopeTabs:n,loop:o=!0,...a}=e,c=X(pt,n),s=pe(n);return r.createElement(st,y({asChild:!0},s,{orientation:c.orientation,dir:c.dir,loop:o}),r.createElement(O.div,y({role:"tablist","aria-orientation":c.orientation},a,{ref:t})))}),$t="TabsTrigger",mt=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,disabled:a=!1,...c}=e,s=X($t,n),i=pe(n),l=be(s.baseId,o),u=$e(s.baseId,o),p=o===s.value;return r.createElement(at,y({asChild:!0},i,{focusable:!a,active:p}),r.createElement(O.button,y({type:"button",role:"tab","aria-selected":p,"aria-controls":u,"data-state":p?"active":"inactive","data-disabled":a?"":void 0,disabled:a,id:l},c,{ref:t,onMouseDown:T(e.onMouseDown,f=>{!a&&f.button===0&&f.ctrlKey===!1?s.onValueChange(o):f.preventDefault()}),onKeyDown:T(e.onKeyDown,f=>{[" ","Enter"].includes(f.key)&&s.onValueChange(o)}),onFocus:T(e.onFocus,()=>{const f=s.activationMode!=="manual";!p&&!a&&f&&s.onValueChange(o)})})))}),vt="TabsContent",_t=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,forceMount:a,children:c,...s}=e,i=X(vt,n),l=be(i.baseId,o),u=$e(i.baseId,o),p=o===i.value,f=r.useRef(p);return r.useEffect(()=>{const $=requestAnimationFrame(()=>f.current=!1);return()=>cancelAnimationFrame($)},[]),r.createElement(de,{present:a||p},({present:$})=>r.createElement(O.div,y({"data-state":p?"active":"inactive","data-orientation":i.orientation,role:"tabpanel","aria-labelledby":l,hidden:!$,id:u,tabIndex:0},s,{ref:t,style:{...e.style,animationDuration:f.current?"0s":void 0}}),$&&c))});function be(e,t){return`${e}-trigger-${t}`}function $e(e,t){return`${e}-content-${t}`}const gt=ft,ht=bt,xt=mt,Ct=_t;function Et(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var me={exports:{}};/*!
|
|
5
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var c="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(c=a(c,o.call(this,i)))}return c}function o(c){if(typeof c=="string"||typeof c=="number")return this&&this[c]||c;if(typeof c!="object")return"";if(Array.isArray(c))return n.apply(this,c);if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]"))return c.toString();var s="";for(var i in c)t.call(c,i)&&c[i]&&(s=a(s,this&&this[i]||i));return s}function a(c,s){return s?c?c+" "+s:c+s:c}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(ce);var Ie=ce.exports;const Te=Se(Ie),Ne={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},Re={name:"chevron-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',keywords:["chevron-left"],category:"utility"},Ae={name:"chevron-right",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',keywords:["chevron-right"],category:"utility"},Me=Te.bind(Ne),ne="purpur-icon",Pe="md",Oe=e=>e.filter(t=>Object.keys(t).length>=1).map(t=>`${t.name}="${t.value}"`).join(" "),Fe=({content:e="",title:t}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},t?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=t?`<title>${t}</title>`:"";return`<svg ${Oe(n)}>${o}${e}</svg>`},De=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),je=({["data-testid"]:e,svg:t,allyTitle:n,className:o="",size:a=Pe,...c})=>{const s=Fe({content:De(t.svg),title:n}),i=Me(o,ne,`${ne}--${a}`);return E.jsx("span",{"aria-label":n,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:s},...c})};function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},w.apply(this,arguments)}function N(e,t,{checkForDefaultPrevented:n=!0}={}){return function(a){if(e==null||e(a),n===!1||!a.defaultPrevented)return t==null?void 0:t(a)}}function Z(e,t=[]){let n=[];function o(c,s){const i=r.createContext(s),l=n.length;n=[...n,s];function u(d){const{scope:m,children:v,...f}=d,$=(m==null?void 0:m[e][l])||i,_=r.useMemo(()=>f,Object.values(f));return r.createElement($.Provider,{value:_},v)}function p(d,m){const v=(m==null?void 0:m[e][l])||i,f=r.useContext(v);if(f)return f;if(s!==void 0)return s;throw new Error(`\`${d}\` must be used within \`${c}\``)}return u.displayName=c+"Provider",[u,p]}const a=()=>{const c=n.map(s=>r.createContext(s));return function(i){const l=(i==null?void 0:i[e])||c;return r.useMemo(()=>({[`__scope${e}`]:{...i,[e]:l}}),[i,l])}};return a.scopeName=e,[o,qe(a,...t)]}function qe(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const o=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(c){const s=o.reduce((i,{useScope:l,scopeName:u})=>{const d=l(c)[`__scope${u}`];return{...i,...d}},{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:s}),[s])}};return n.scopeName=t.scopeName,n}function Ve(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function se(...e){return t=>e.forEach(n=>Ve(n,t))}function V(...e){return r.useCallback(se(...e),e)}const L=r.forwardRef((e,t)=>{const{children:n,...o}=e,a=r.Children.toArray(n),c=a.find(Ue);if(c){const s=c.props.children,i=a.map(l=>l===c?r.Children.count(s)>1?r.Children.only(null):r.isValidElement(s)?s.props.children:null:l);return r.createElement(K,w({},o,{ref:t}),r.isValidElement(s)?r.cloneElement(s,void 0,i):null)}return r.createElement(K,w({},o,{ref:t}),n)});L.displayName="Slot";const K=r.forwardRef((e,t)=>{const{children:n,...o}=e;return r.isValidElement(n)?r.cloneElement(n,{...Be(o,n.props),ref:t?se(t,n.ref):n.ref}):r.Children.count(n)>1?r.Children.only(null):null});K.displayName="SlotClone";const Le=({children:e})=>r.createElement(r.Fragment,null,e);function Ue(e){return r.isValidElement(e)&&e.type===Le}function Be(e,t){const n={...t};for(const o in t){const a=e[o],c=t[o];/^on[A-Z]/.test(o)?a&&c?n[o]=(...i)=>{c(...i),a(...i)}:a&&(n[o]=a):o==="style"?n[o]={...a,...c}:o==="className"&&(n[o]=[a,c].filter(Boolean).join(" "))}return{...e,...n}}function ke(e){const t=e+"CollectionProvider",[n,o]=Z(t),[a,c]=n(t,{collectionRef:{current:null},itemMap:new Map}),s=v=>{const{scope:f,children:$}=v,_=r.useRef(null),h=r.useRef(new Map).current;return r.createElement(a,{scope:f,itemMap:h,collectionRef:_},$)},i=e+"CollectionSlot",l=r.forwardRef((v,f)=>{const{scope:$,children:_}=v,h=c(i,$),g=V(f,h.collectionRef);return r.createElement(L,{ref:g},_)}),u=e+"CollectionItemSlot",p="data-radix-collection-item",d=r.forwardRef((v,f)=>{const{scope:$,children:_,...h}=v,g=r.useRef(null),R=V(f,g),S=c(u,$);return r.useEffect(()=>(S.itemMap.set(g,{ref:g,...h}),()=>void S.itemMap.delete(g))),r.createElement(L,{[p]:"",ref:R},_)});function m(v){const f=c(e+"CollectionConsumer",v);return r.useCallback(()=>{const _=f.collectionRef.current;if(!_)return[];const h=Array.from(_.querySelectorAll(`[${p}]`));return Array.from(f.itemMap.values()).sort((S,A)=>h.indexOf(S.ref.current)-h.indexOf(A.ref.current))},[f.collectionRef,f.itemMap])}return[{Provider:s,Slot:l,ItemSlot:d},m,o]}const W=globalThis!=null&&globalThis.document?r.useLayoutEffect:()=>{},Ge=oe.useId||(()=>{});let ze=0;function ae(e){const[t,n]=oe.useState(Ge());return W(()=>{e||n(o=>o??String(ze++))},[e]),e||(t?`radix-${t}`:"")}const Ke=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],D=Ke.reduce((e,t)=>{const n=r.forwardRef((o,a)=>{const{asChild:c,...s}=o,i=c?L:t;return r.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),r.createElement(i,w({},s,{ref:a}))});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function H(e){const t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...n)=>{var o;return(o=t.current)===null||o===void 0?void 0:o.call(t,...n)},[])}function ie({prop:e,defaultProp:t,onChange:n=()=>{}}){const[o,a]=We({defaultProp:t,onChange:n}),c=e!==void 0,s=c?e:o,i=H(n),l=r.useCallback(u=>{if(c){const d=typeof u=="function"?u(e):u;d!==e&&i(d)}else a(u)},[c,e,a,i]);return[s,l]}function We({defaultProp:e,onChange:t}){const n=r.useState(e),[o]=n,a=r.useRef(o),c=H(t);return r.useEffect(()=>{a.current!==o&&(c(o),a.current=o)},[o,a,c]),n}const Ye=r.createContext(void 0);function ue(e){const t=r.useContext(Ye);return e||t||"ltr"}const z="rovingFocusGroup.onEntryFocus",Ze={bubbles:!1,cancelable:!0},X="RovingFocusGroup",[Y,le,He]=ke(X),[Xe,de]=Z(X,[He]),[Je,Qe]=Xe(X),et=r.forwardRef((e,t)=>r.createElement(Y.Provider,{scope:e.__scopeRovingFocusGroup},r.createElement(Y.Slot,{scope:e.__scopeRovingFocusGroup},r.createElement(tt,w({},e,{ref:t}))))),tt=r.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:o,loop:a=!1,dir:c,currentTabStopId:s,defaultCurrentTabStopId:i,onCurrentTabStopIdChange:l,onEntryFocus:u,...p}=e,d=r.useRef(null),m=V(t,d),v=ue(c),[f=null,$]=ie({prop:s,defaultProp:i,onChange:l}),[_,h]=r.useState(!1),g=H(u),R=le(n),S=r.useRef(!1),[A,j]=r.useState(0);return r.useEffect(()=>{const C=d.current;if(C)return C.addEventListener(z,g),()=>C.removeEventListener(z,g)},[g]),r.createElement(Je,{scope:n,orientation:o,dir:v,loop:a,currentTabStopId:f,onItemFocus:r.useCallback(C=>$(C),[$]),onItemShiftTab:r.useCallback(()=>h(!0),[]),onFocusableItemAdd:r.useCallback(()=>j(C=>C+1),[]),onFocusableItemRemove:r.useCallback(()=>j(C=>C-1),[])},r.createElement(D.div,w({tabIndex:_||A===0?-1:0,"data-orientation":o},p,{ref:m,style:{outline:"none",...e.style},onMouseDown:N(e.onMouseDown,()=>{S.current=!0}),onFocus:N(e.onFocus,C=>{const U=!S.current;if(C.target===C.currentTarget&&U&&!_){const O=new CustomEvent(z,Ze);if(C.currentTarget.dispatchEvent(O),!O.defaultPrevented){const M=R().filter(x=>x.focusable),B=M.find(x=>x.active),k=M.find(x=>x.id===f),b=[B,k,...M].filter(Boolean).map(x=>x.ref.current);fe(b)}}S.current=!1}),onBlur:N(e.onBlur,()=>h(!1))})))}),nt="RovingFocusGroupItem",rt=r.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:o=!0,active:a=!1,tabStopId:c,...s}=e,i=ae(),l=c||i,u=Qe(nt,n),p=u.currentTabStopId===l,d=le(n),{onFocusableItemAdd:m,onFocusableItemRemove:v}=u;return r.useEffect(()=>{if(o)return m(),()=>v()},[o,m,v]),r.createElement(Y.ItemSlot,{scope:n,id:l,focusable:o,active:a},r.createElement(D.span,w({tabIndex:p?0:-1,"data-orientation":u.orientation},s,{ref:t,onMouseDown:N(e.onMouseDown,f=>{o?u.onItemFocus(l):f.preventDefault()}),onFocus:N(e.onFocus,()=>u.onItemFocus(l)),onKeyDown:N(e.onKeyDown,f=>{if(f.key==="Tab"&&f.shiftKey){u.onItemShiftTab();return}if(f.target!==f.currentTarget)return;const $=st(f,u.orientation,u.dir);if($!==void 0){f.preventDefault();let h=d().filter(g=>g.focusable).map(g=>g.ref.current);if($==="last")h.reverse();else if($==="prev"||$==="next"){$==="prev"&&h.reverse();const g=h.indexOf(f.currentTarget);h=u.loop?at(h,g+1):h.slice(g+1)}setTimeout(()=>fe(h))}})})))}),ot={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function ct(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function st(e,t,n){const o=ct(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(o))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(o)))return ot[o]}function fe(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function at(e,t){return e.map((n,o)=>e[(t+o)%e.length])}const it=et,ut=rt;function lt(e,t){return r.useReducer((n,o)=>{const a=t[n][o];return a??n},e)}const pe=e=>{const{present:t,children:n}=e,o=dt(t),a=typeof n=="function"?n({present:o.isPresent}):r.Children.only(n),c=V(o.ref,a.ref);return typeof n=="function"||o.isPresent?r.cloneElement(a,{ref:c}):null};pe.displayName="Presence";function dt(e){const[t,n]=r.useState(),o=r.useRef({}),a=r.useRef(e),c=r.useRef("none"),s=e?"mounted":"unmounted",[i,l]=lt(s,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return r.useEffect(()=>{const u=q(o.current);c.current=i==="mounted"?u:"none"},[i]),W(()=>{const u=o.current,p=a.current;if(p!==e){const m=c.current,v=q(u);e?l("MOUNT"):v==="none"||(u==null?void 0:u.display)==="none"?l("UNMOUNT"):l(p&&m!==v?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,l]),W(()=>{if(t){const u=d=>{const v=q(o.current).includes(d.animationName);d.target===t&&v&&we.flushSync(()=>l("ANIMATION_END"))},p=d=>{d.target===t&&(c.current=q(o.current))};return t.addEventListener("animationstart",p),t.addEventListener("animationcancel",u),t.addEventListener("animationend",u),()=>{t.removeEventListener("animationstart",p),t.removeEventListener("animationcancel",u),t.removeEventListener("animationend",u)}}else l("ANIMATION_END")},[t,l]),{isPresent:["mounted","unmountSuspended"].includes(i),ref:r.useCallback(u=>{u&&(o.current=getComputedStyle(u)),n(u)},[])}}function q(e){return(e==null?void 0:e.animationName)||"none"}const be="Tabs",[ft,qt]=Z(be,[de]),$e=de(),[pt,J]=ft(be),bt=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,onValueChange:a,defaultValue:c,orientation:s="horizontal",dir:i,activationMode:l="automatic",...u}=e,p=ue(i),[d,m]=ie({prop:o,onChange:a,defaultProp:c});return r.createElement(pt,{scope:n,baseId:ae(),value:d,onValueChange:m,orientation:s,dir:p,activationMode:l},r.createElement(D.div,w({dir:p,"data-orientation":s},u,{ref:t})))}),$t="TabsList",mt=r.forwardRef((e,t)=>{const{__scopeTabs:n,loop:o=!0,...a}=e,c=J($t,n),s=$e(n);return r.createElement(it,w({asChild:!0},s,{orientation:c.orientation,dir:c.dir,loop:o}),r.createElement(D.div,w({role:"tablist","aria-orientation":c.orientation},a,{ref:t})))}),vt="TabsTrigger",_t=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,disabled:a=!1,...c}=e,s=J(vt,n),i=$e(n),l=me(s.baseId,o),u=ve(s.baseId,o),p=o===s.value;return r.createElement(ut,w({asChild:!0},i,{focusable:!a,active:p}),r.createElement(D.button,w({type:"button",role:"tab","aria-selected":p,"aria-controls":u,"data-state":p?"active":"inactive","data-disabled":a?"":void 0,disabled:a,id:l},c,{ref:t,onMouseDown:N(e.onMouseDown,d=>{!a&&d.button===0&&d.ctrlKey===!1?s.onValueChange(o):d.preventDefault()}),onKeyDown:N(e.onKeyDown,d=>{[" ","Enter"].includes(d.key)&&s.onValueChange(o)}),onFocus:N(e.onFocus,()=>{const d=s.activationMode!=="manual";!p&&!a&&d&&s.onValueChange(o)})})))}),ht="TabsContent",gt=r.forwardRef((e,t)=>{const{__scopeTabs:n,value:o,forceMount:a,children:c,...s}=e,i=J(ht,n),l=me(i.baseId,o),u=ve(i.baseId,o),p=o===i.value,d=r.useRef(p);return r.useEffect(()=>{const m=requestAnimationFrame(()=>d.current=!1);return()=>cancelAnimationFrame(m)},[]),r.createElement(pe,{present:a||p},({present:m})=>r.createElement(D.div,w({"data-state":p?"active":"inactive","data-orientation":i.orientation,role:"tabpanel","aria-labelledby":l,hidden:!m,id:u,tabIndex:0},s,{ref:t,style:{...e.style,animationDuration:d.current?"0s":void 0}}),m&&c))});function me(e,t){return`${e}-trigger-${t}`}function ve(e,t){return`${e}-content-${t}`}const xt=bt,Ct=mt,Et=_t,wt=gt;function yt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var _e={exports:{}};/*!
|
|
6
6
|
Copyright (c) 2018 Jed Watson.
|
|
7
7
|
Licensed under the MIT License (MIT), see
|
|
8
8
|
http://jedwatson.github.io/classnames
|
|
9
|
-
*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var c="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(c=a(c,o.call(this,i)))}return c}function o(c){if(typeof c=="string"||typeof c=="number")return this&&this[c]||c;if(typeof c!="object")return"";if(Array.isArray(c))return n.apply(this,c);if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]"))return c.toString();var s="";for(var i in c)t.call(c,i)&&c[i]&&(s=a(s,this&&this[i]||i));return s}function a(c,s){return s?c?c+" "+s:c+s:c}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(
|
|
9
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var c="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(c=a(c,o.call(this,i)))}return c}function o(c){if(typeof c=="string"||typeof c=="number")return this&&this[c]||c;if(typeof c!="object")return"";if(Array.isArray(c))return n.apply(this,c);if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]"))return c.toString();var s="";for(var i in c)t.call(c,i)&&c[i]&&(s=a(s,this&&this[i]||i));return s}function a(c,s){return s?c?c+" "+s:c+s:c}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(_e);var St=_e.exports;const Q=yt(St),It={"purpur-tab-content":"_purpur-tab-content_rbfjg_1"},Tt=Q.bind(It),Nt="purpur-tab-content",Rt=r.forwardRef(({children:e,tabId:t,"data-testid":n,className:o,...a},c)=>E.jsx(wt,{ref:c,className:Tt([Nt,o]),"data-testid":n,value:t,...a,children:e})),At=e=>!!e&&r.isValidElement(e)&&!!e.props.name&&!!e.props.tabId,Mt={"purpur-tab-header":"_purpur-tab-header_ls5xt_1","purpur-tab-header--contained":"_purpur-tab-header--contained_ls5xt_32","purpur-tab-header--contained-negative":"_purpur-tab-header--contained-negative_ls5xt_32","purpur-tab-header--line":"_purpur-tab-header--line_ls5xt_35","purpur-tab-header--line-negative":"_purpur-tab-header--line-negative_ls5xt_47"},Pt=Q.bind(Mt),re="purpur-tab-header",Ot=r.forwardRef(({index:e,tabId:t,variant:n,negative:o,onFocus:a,"data-testid":c,children:s},i)=>E.jsx(Et,{id:`${t}-trigger`,className:Pt([re,`${re}--${n}${o?"-negative":""}`]),value:t,"data-testid":c,"data-index":e,ref:i,onFocus:a,children:s})),Ft={"purpur-tabs__wrapper":"_purpur-tabs__wrapper_1dpqy_1","purpur-tabs__scroll-button":"_purpur-tabs__scroll-button_1dpqy_9","purpur-tabs__scroll-button--left":"_purpur-tabs__scroll-button--left_1dpqy_63","purpur-tabs__scroll-button--right":"_purpur-tabs__scroll-button--right_1dpqy_66","purpur-tabs__wrapper--scroll-end":"_purpur-tabs__wrapper--scroll-end_1dpqy_69","purpur-tabs__wrapper--scroll-start":"_purpur-tabs__wrapper--scroll-start_1dpqy_72","purpur-tabs--line":"_purpur-tabs--line_1dpqy_75","purpur-tabs--line-negative":"_purpur-tabs--line-negative_1dpqy_75","purpur-tabs__selected-border":"_purpur-tabs__selected-border_1dpqy_83","purpur-tabs--contained":"_purpur-tabs--contained_1dpqy_103","purpur-tabs__list":"_purpur-tabs__list_1dpqy_103","purpur-tabs--contained-negative":"_purpur-tabs--contained-negative_1dpqy_103","purpur-tabs__content-container":"_purpur-tabs__content-container_1dpqy_106","purpur-tabs--fullWidth":"_purpur-tabs--fullWidth_1dpqy_115"},Dt=["line","contained"],he=e=>new CustomEvent("tabChangeDetail",{detail:{value:e}}),P=Q.bind(Ft),y="purpur-tabs",jt=(e,t)=>{var l;if(typeof(e==null?void 0:e.getBoundingClientRect)!="function"||typeof(t==null?void 0:t.scroll)!="function")return;const n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),a=t.clientWidth,c=parseInt((l=getComputedStyle(t).borderLeftWidth)==null?void 0:l.split("px")[0],10),s=o.left+(isNaN(c)?0:c);let i;n.right>o.right&&(i=n.left+t.scrollLeft,i=i+n.width-a+a*.1,i=i-s),n.left<o.left&&(i=n.left+t.scrollLeft,i=i-a*.1,i=i-s),i!==void 0&&t.scroll({left:i,behavior:"smooth"})},ge=({children:e,variant:t="line",negative:n=!1,fullWidth:o=!1,onChange:a,className:c,defaultValue:s,"data-testid":i,...l})=>{const[u,p]=r.useState({}),[d,m]=r.useState(0),[v,f]=r.useState(0),$=r.Children.toArray(e).filter(At),_=r.useRef(),h=r.useRef(new Array($.length)),g=200,R=t==="line",S=P([y,`${y}--${t}${n?"-negative":""}`,{[`${y}--fullWidth`]:o},c]),A=r.Children.map($,({props:{tabId:b}})=>b),j=()=>A.findIndex(b=>b===s)||0,[C,U]=r.useState(j);if(new Set(A).size!==A.length)throw new Error("tabId must be unique");const O=(b,x)=>x||i?`${x||i}-${b}`:void 0,M=()=>{if(!R)return;const b=h.current[C];m((b==null?void 0:b.offsetLeft)||0),f((b==null?void 0:b.getBoundingClientRect().width)||0)},B=b=>{R&&U($.findIndex(x=>x.props.tabId===b)),a==null||a(he(b))},k=b=>{if(_!=null&&_.current){const{scrollLeft:x}=_.current,F=b==="left"?-g:g;_.current.scroll({left:x+F,behavior:"smooth"})}},G=({side:b})=>E.jsx("button",{className:P(`${y}__scroll-button`,`${y}__scroll-button--${b}`),onClick:()=>k(b),type:"button","aria-hidden":"true",tabIndex:-1,"data-testid":O("scroll-button"),children:E.jsx(je,{svg:b==="left"?Re:Ae,size:"md"})});return r.useEffect(()=>(window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)}),[]),r.useEffect(()=>{M()},[C,o,$.length,t]),r.useEffect(()=>{const b=T=>{if(T.every(I=>I.isIntersecting)&&T.length===$.length){p({});return}T.forEach(I=>{const te=Number(I.target.getAttribute("data-index")),xe=te===0,Ce=te===$.length-1;p(Ee=>({...Ee,...xe&&{[`${y}__wrapper--scroll-end`]:!I.isIntersecting},...Ce&&{[`${y}__wrapper--scroll-start`]:!I.isIntersecting}}))})},x=new IntersectionObserver(b,{threshold:[.99],root:_.current}),F=h.current;return F.forEach(T=>x.observe(T)),()=>{F.forEach(T=>x.unobserve(T))}},[$.length]),E.jsx(xt,{defaultValue:s??$[0].props.tabId,onValueChange:B,"data-testid":i,className:S,...l,children:E.jsxs("div",{className:P(`${y}__container`),children:[E.jsxs("div",{className:P([`${y}__wrapper`,u]),children:[E.jsxs(Ct,{ref:b=>{_.current=b},className:P(`${y}__list`),children:[r.Children.map($,(b,x)=>{const{name:F,tabId:T,"data-testid":ee}=b.props;return E.jsx(Ot,{"data-testid":O("header",ee),index:x,tabId:T,ref:I=>{I&&(h.current[x]=I)},onFocus:I=>{jt(I.target,_.current)},variant:t,negative:n,children:F})}),R&&E.jsx("div",{className:P(`${y}__selected-border`),style:{width:v,transform:`translateX(${d}px)`},"data-testid":O("selected-border")})]}),E.jsx(G,{side:"left"}),E.jsx(G,{side:"right"})]}),E.jsx("div",{className:P(`${y}__content-container`),children:r.Children.map($,b=>b)})]})})};ge.Content=Rt;exports.Tabs=ge;exports.createTabChangeDetailEvent=he;exports.tabsVariants=Dt;
|
|
10
10
|
//# sourceMappingURL=tabs.cjs.js.map
|