import{$ as ee,a as fe,w as pe,u as be}from"./use-active-press-DAwX0GhU.js";import{r as l,W as C}from"./chunk-HA7DTUK3-Cv5eIhAv.js";import{K as U,s as B,y as _,a as S,n as j,L as K,_ as te,u as W,O as Z,t as me}from"./use-sync-refs-DHU60KgI.js";import{e as xe}from"./use-resolve-button-type-ufFrb-w3.js";import{f as ge}from"./use-is-mounted-C4mzX8y7.js";import{f as re,s as ve}from"./hidden-Cri8d_xH.js";import{P as k,F as P,T as N,_ as G}from"./focus-management-BsA1BLPu.js";import{o as T}from"./keyboard-C1Wiwm26.js";function Pe({onFocus:e}){let[t,n]=l.useState(!0),r=ge();return t?C.createElement(re,{as:"button",type:"button",features:ve.Focusable,onFocus:u=>{u.preventDefault();let s,a=50;function i(){if(a--<=0){s&&cancelanimationframe(s);return}if(e()){if(cancelanimationframe(s),!r.current)return;n(!1);return}s=requestanimationframe(i)}s=requestanimationframe(i)}}):null}const ne=l.createContext(null);function Te(){return{groups:new Map,get(e,t){var n;let r=this.groups.get(e);r&#124;&#124;(r=new Map,this.groups.set(e,r));let u=(n=r.get(t))!=null?n:0;r.set(t,u+1);let s=Array.from(r.keys()).indexOf(t);function a(){let i=r.get(t);i>1?r.set(t,i-1):r.delete(t)}return[s,a]}}}function he({children:e}){let t=l.useRef(Te());return l.createElement(ne.Provider,{value:t},e)}function ae(e){let t=l.useContext(ne);if(!t)throw new Error("You must wrap your component in a <stablecollection>");let n=l.useId(),[r,u]=t.current.get(e,n);return l.useEffect(()=>u,[]),r}var Ie=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(Ie&#124;&#124;{}),$e=(e=>(e[e.Less=-1]="Less",e[e.Equal=0]="Equal",e[e.Greater=1]="Greater",e))($e&#124;&#124;{}),Ee=(e=>(e[e.SetSelectedIndex=0]="SetSelectedIndex",e[e.RegisterTab=1]="RegisterTab",e[e.UnregisterTab=2]="UnregisterTab",e[e.RegisterPanel=3]="RegisterPanel",e[e.UnregisterPanel=4]="UnregisterPanel",e))(Ee&#124;&#124;{});let ye={0(e,t){var n;let r=G(e.tabs,c=>c.current),u=G(e.panels,c=>c.current),s=r.filter(c=>{var x;return!((x=c.current)!=null&&x.hasAttribute("disabled"))}),a={...e,tabs:r,panels:u};if(t.index<0&#124;&#124;t.index>r.length-1){let c=W(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>W(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(s.length===0)return a;let x=W(c,{0:()=>r.indexOf(s[0]),1:()=>r.indexOf(s[s.length-1])});return{...a,selectedIndex:x===-1?e.selectedIndex:x}}let i=r.slice(0,t.index),h=[...r.slice(t.index),...i].find(c=>s.includes(c));if(!h)return a;let m=(n=r.indexOf(h))!=null?n:e.selectedIndex;return m===-1&&(m=e.selectedIndex),{...a,selectedIndex:m}},1(e,t){if(e.tabs.includes(t.tab))return e;let n=e.tabs[e.selectedIndex],r=G([...e.tabs,t.tab],s=>s.current),u=e.selectedIndex;return e.info.current.isControlled&#124;&#124;(u=r.indexOf(n),u===-1&&(u=e.selectedIndex)),{...e,tabs:r,selectedIndex:u}},2(e,t){return{...e,tabs:e.tabs.filter(n=>n!==t.tab)}},3(e,t){return e.panels.includes(t.panel)?e:{...e,panels:G([...e.panels,t.panel],n=>n.current)}},4(e,t){return{...e,panels:e.panels.filter(n=>n!==t.panel)}}},V=l.createContext(null);V.displayName="TabsDataContext";function D(e){let t=l.useContext(V);if(t===null){let n=new Error(`<${e} /> is missing a parent <tab.group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,D),n}return t}let z=l.createContext(null);z.displayName="TabsActionsContext";function J(e){let t=l.useContext(z);if(t===null){let n=new Error(`<${e} /> is missing a parent <tab.group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,J),n}return t}function we(e,t){return W(t.type,ye,e,t)}let Se="div";function Ae(e,t){let{defaultIndex:n=0,vertical:r=!1,manual:u=!1,onChange:s,selectedIndex:a=null,...i}=e;const h=r?"vertical":"horizontal",m=u?"manual":"auto";let c=a!==null,x=B({isControlled:c}),A=_(t),[p,d]=l.useReducer(we,{info:x,selectedIndex:a??n,tabs:[],panels:[]}),M=l.useMemo(()=>({selectedIndex:p.selectedIndex}),[p.selectedIndex]),R=B(s&#124;&#124;(()=>{})),$=B(p.tabs),b=l.useMemo(()=>({orientation:h,activation:m,...p}),[h,m,p]),F=S(f=>(d({type:1,tab:f}),()=>d({type:2,tab:f}))),L=S(f=>(d({type:3,panel:f}),()=>d({type:4,panel:f}))),g=S(f=>{v.current!==f&&R.current(f),c&#124;&#124;d({type:0,index:f})}),v=B(c?e.selectedIndex:p.selectedIndex),y=l.useMemo(()=>({registerTab:F,registerPanel:L,change:g}),[]);j(()=>{d({type:0,index:a??n})},[a]),j(()=>{if(v.current===void 0&#124;&#124;p.tabs.length<=0)return;let f=G(p.tabs,E=>E.current);f.some((E,w)=>p.tabs[w]!==E)&&g(f.indexOf(p.tabs[v.current]))});let H={ref:A},O=K();return C.createElement(he,null,C.createElement(z.Provider,{value:y},C.createElement(V.Provider,{value:b},b.tabs.length<=0&&c.createelement(pe,{onfocus:()=>{var f,E;for(let w of $.current)if(((f=w.current)==null?void 0:f.tabIndex)===0)return(E=w.current)==null&#124;&#124;E.focus(),!0;return!1}}),O({ourProps:H,theirProps:i,slot:M,defaultTag:Se,name:"Tabs"}))))}let Fe="div";function ke(e,t){let{orientation:n,selectedIndex:r}=D("Tab.List"),u=_(t),s=l.useMemo(()=>({selectedIndex:r}),[r]),a=e,i={ref:u,role:"tablist","aria-orientation":n};return K()({ourProps:i,theirProps:a,slot:s,defaultTag:Fe,name:"Tabs.List"})}let Ce="button";function De(e,t){var n,r;let u=l.useId(),{id:s=`headlessui-tabs-tab-${u}`,disabled:a=!1,autoFocus:i=!1,...h}=e,{orientation:m,activation:c,selectedIndex:x,tabs:A,panels:p}=D("Tab"),d=J("Tab"),M=D("Tab"),[R,$]=l.useState(null),b=l.useRef(null),F=_(b,t,$);j(()=>d.registerTab(b),[d,b]);let L=ae("tabs"),g=A.indexOf(b);g===-1&&(g=L);let v=g===x,y=S(o=>{var I;let q=o();if(q===N.Success&&c==="auto"){let ce=(I=be(b))==null?void 0:I.activeElement,X=M.tabs.findIndex(de=>de.current===ce);X!==-1&&d.change(X)}return q}),H=S(o=>{let I=A.map(q=>q.current).filter(Boolean);if(o.key===T.Space&#124;&#124;o.key===T.Enter){o.preventDefault(),o.stopPropagation(),d.change(g);return}switch(o.key){case T.Home:case T.PageUp:return o.preventDefault(),o.stopPropagation(),y(()=>k(I,P.First));case T.End:case T.PageDown:return o.preventDefault(),o.stopPropagation(),y(()=>k(I,P.Last))}if(y(()=>W(m,{vertical(){return o.key===T.ArrowUp?k(I,P.Previous&#124;P.WrapAround):o.key===T.ArrowDown?k(I,P.Next&#124;P.WrapAround):N.Error},horizontal(){return o.key===T.ArrowLeft?k(I,P.Previous&#124;P.WrapAround):o.key===T.ArrowRight?k(I,P.Next&#124;P.WrapAround):N.Error}}))===N.Success)return o.preventDefault()}),O=l.useRef(!1),f=S(()=>{var o;O.current&#124;&#124;(O.current=!0,(o=b.current)==null&#124;&#124;o.focus({preventScroll:!0}),d.change(g),me(()=>{O.current=!1}))}),E=S(o=>{o.preventDefault()}),{isFocusVisible:w,focusProps:se}=ee({autoFocus:i}),{isHovered:Y,hoverProps:le}=fe({isDisabled:a}),{pressed:Q,pressProps:ue}=pe({disabled:a}),oe=l.useMemo(()=>({selected:v,hover:Y,active:Q,focus:w,autofocus:i,disabled:a}),[v,Y,w,Q,i,a]),ie=te({ref:F,onKeyDown:H,onMouseDown:E,onClick:f,id:s,role:"tab",type:xe(e,R),"aria-controls":(r=(n=p[g])==null?void 0:n.current)==null?void 0:r.id,"aria-selected":v,tabIndex:v?0:-1,disabled:a&#124;&#124;void 0,autoFocus:i},se,le,ue);return K()({ourProps:ie,theirProps:h,slot:oe,defaultTag:Ce,name:"Tabs.Tab"})}let Me="div";function Re(e,t){let{selectedIndex:n}=D("Tab.Panels"),r=_(t),u=l.useMemo(()=>({selectedIndex:n}),[n]),s=e,a={ref:r};return K()({ourProps:a,theirProps:s,slot:u,defaultTag:Me,name:"Tabs.Panels"})}let Le="div",Oe=Z.RenderStrategy&#124;Z.Static;function Ge(e,t){var n,r,u,s;let a=l.useId(),{id:i=`headlessui-tabs-panel-${a}`,tabIndex:h=0,...m}=e,{selectedIndex:c,tabs:x,panels:A}=D("Tab.Panel"),p=J("Tab.Panel"),d=l.useRef(null),M=_(d,t);j(()=>p.registerPanel(d),[p,d]);let R=ae("panels"),$=A.indexOf(d);$===-1&&($=R);let b=$===c,{isFocusVisible:F,focusProps:L}=ee(),g=l.useMemo(()=>({selected:b,focus:F}),[b,F]),v=te({ref:M,id:i,role:"tabpanel","aria-labelledby":(r=(n=x[$])==null?void 0:n.current)==null?void 0:r.id,tabIndex:b?h:-1},L),y=K();return!b&&((u=m.unmount)==null&#124;&#124;u)&&!((s=m.static)!=null&&s)?C.createElement(re,{"aria-hidden":"true",...v}):y({ourProps:v,theirProps:m,slot:g,defaultTag:Le,features:Oe,visible:b,name:"Tabs.Panel"})}let We=U(De),Ue=U(Ae),_e=U(ke),Ke=U(Re),qe=U(Ge),Qe=Object.assign(We,{Group:Ue,List:_e,Panels:Ke,Panel:qe});export{Ue as B,qe as K,Qe as T,_e as W,Ke as j};
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://leanpub.com/assets/tabs-BiJUdrtw.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://leanpub.com/assets/tabs-BiJUdrtw.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>