@jongh/ui 1.6.5 → 2.20260905.1

package/storybook-static/assets/_commonjsHelpers-Cpj98o6Y.js

@@ -1 +0,0 @@
-var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{o as c,l as g};

package/storybook-static/assets/accordion.stories-0Om0AnMm.js

@@ -1,50 +0,0 @@
-import{j as n}from"./jsx-runtime-BYYWji4R.js";import{e as $,u as Z,a as Ie}from"./index-D59aU5s_.js";import{u as te,a as j,b}from"./index-DvbTp2M2.js";import{r as d,R as m}from"./index-ClcD9ViR.js";import{c as re,P,u as we,s as Re}from"./index-D_35mznO.js";import{c as Ne,u as je}from"./index-Bklpsb39.js";import{u as F,c as ae}from"./index-Cvkemp2J.js";import{P as Pe}from"./index-CSbWd7UJ.js";import{u as ce}from"./index-DNo8LKN3.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BrlJLjep.js";var G="Collapsible",[Te,ie]=re(G),[Ee,K]=Te(G),se=d.forwardRef((e,r)=>{const{__scopeCollapsible:o,open:t,defaultOpen:c,disabled:a,onOpenChange:i,...l}=e,[p=!1,u]=F({prop:t,defaultProp:c,onChange:i});return n.jsx(Ee,{scope:o,disabled:a,contentId:ce(),open:p,onOpenToggle:d.useCallback(()=>u(f=>!f),[u]),children:n.jsx(P.div,{"data-state":U(p),"data-disabled":a?"":void 0,...l,ref:r})})});se.displayName=G;var le="CollapsibleTrigger",de=d.forwardRef((e,r)=>{const{__scopeCollapsible:o,...t}=e,c=K(le,o);return n.jsx(P.button,{type:"button","aria-controls":c.contentId,"aria-expanded":c.open||!1,"data-state":U(c.open),"data-disabled":c.disabled?"":void 0,disabled:c.disabled,...t,ref:r,onClick:ae(e.onClick,c.onOpenToggle)})});de.displayName=le;var z="CollapsibleContent",pe=d.forwardRef((e,r)=>{const{forceMount:o,...t}=e,c=K(z,e.__scopeCollapsible);return n.jsx(Pe,{present:o||c.open,children:({present:a})=>n.jsx(De,{...t,ref:r,present:a})})});pe.displayName=z;var De=d.forwardRef((e,r)=>{const{__scopeCollapsible:o,present:t,children:c,...a}=e,i=K(z,o),[l,p]=d.useState(t),u=d.useRef(null),f=te(r,u),g=d.useRef(0),y=g.current,v=d.useRef(0),E=v.current,C=i.open||l,h=d.useRef(C),A=d.useRef(void 0);return d.useEffect(()=>{const s=requestAnimationFrame(()=>h.current=!1);return()=>cancelAnimationFrame(s)},[]),we(()=>{const s=u.current;if(s){A.current=A.current||{transitionDuration:s.style.transitionDuration,animationName:s.style.animationName},s.style.transitionDuration="0s",s.style.animationName="none";const _=s.getBoundingClientRect();g.current=_.height,v.current=_.width,h.current||(s.style.transitionDuration=A.current.transitionDuration,s.style.animationName=A.current.animationName),p(t)}},[i.open,t]),n.jsx(P.div,{"data-state":U(i.open),"data-disabled":i.disabled?"":void 0,id:i.contentId,hidden:!C,...a,ref:f,style:{"--radix-collapsible-content-height":y?`${y}px`:void 0,"--radix-collapsible-content-width":E?`${E}px`:void 0,...e.style},children:C&&c})});function U(e){return e?"open":"closed"}var Se=se,ke=de,Oe=pe,x="Accordion",He=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[W,Be,Me]=Ne(x),[k,io]=re(x,[Me,ie]),Y=ie(),ue=m.forwardRef((e,r)=>{const{type:o,...t}=e,c=t,a=t;return n.jsx(W.Provider,{scope:e.__scopeAccordion,children:o==="multiple"?n.jsx(Le,{...a,ref:r}):n.jsx(qe,{...c,ref:r})})});ue.displayName=x;var[me,Ve]=k(x),[fe,$e]=k(x,{collapsible:!1}),qe=m.forwardRef((e,r)=>{const{value:o,defaultValue:t,onValueChange:c=()=>{},collapsible:a=!1,...i}=e,[l,p]=F({prop:o,defaultProp:t,onChange:c});return n.jsx(me,{scope:e.__scopeAccordion,value:l?[l]:[],onItemOpen:p,onItemClose:m.useCallback(()=>a&&p(""),[a,p]),children:n.jsx(fe,{scope:e.__scopeAccordion,collapsible:a,children:n.jsx(ge,{...i,ref:r})})})}),Le=m.forwardRef((e,r)=>{const{value:o,defaultValue:t,onValueChange:c=()=>{},...a}=e,[i=[],l]=F({prop:o,defaultProp:t,onChange:c}),p=m.useCallback(f=>l((g=[])=>[...g,f]),[l]),u=m.useCallback(f=>l((g=[])=>g.filter(y=>y!==f)),[l]);return n.jsx(me,{scope:e.__scopeAccordion,value:i,onItemOpen:p,onItemClose:u,children:n.jsx(fe,{scope:e.__scopeAccordion,collapsible:!0,children:n.jsx(ge,{...a,ref:r})})})}),[Fe,O]=k(x),ge=m.forwardRef((e,r)=>{const{__scopeAccordion:o,disabled:t,dir:c,orientation:a="vertical",...i}=e,l=m.useRef(null),p=te(l,r),u=Be(o),g=je(c)==="ltr",y=ae(e.onKeyDown,v=>{var Q;if(!He.includes(v.key))return;const E=v.target,C=u().filter(V=>{var X;return!((X=V.ref.current)!=null&&X.disabled)}),h=C.findIndex(V=>V.ref.current===E),A=C.length;if(h===-1)return;v.preventDefault();let s=h;const _=0,H=A-1,B=()=>{s=h+1,s>H&&(s=_)},M=()=>{s=h-1,s<_&&(s=H)};switch(v.key){case"Home":s=_;break;case"End":s=H;break;case"ArrowRight":a==="horizontal"&&(g?B():M());break;case"ArrowDown":a==="vertical"&&B();break;case"ArrowLeft":a==="horizontal"&&(g?M():B());break;case"ArrowUp":a==="vertical"&&M();break}const be=s%A;(Q=C[be].ref.current)==null||Q.focus()});return n.jsx(Fe,{scope:o,disabled:t,direction:c,orientation:a,children:n.jsx(W.Slot,{scope:o,children:n.jsx(P.div,{...i,"data-orientation":a,ref:p,onKeyDown:t?void 0:y})})})}),S="AccordionItem",[Ge,J]=k(S),xe=m.forwardRef((e,r)=>{const{__scopeAccordion:o,value:t,...c}=e,a=O(S,o),i=Ve(S,o),l=Y(o),p=ce(),u=t&&i.value.includes(t)||!1,f=a.disabled||e.disabled;return n.jsx(Ge,{scope:o,open:u,disabled:f,triggerId:p,children:n.jsx(Se,{"data-orientation":a.orientation,"data-state":_e(u),...l,...c,ref:r,disabled:f,open:u,onOpenChange:g=>{g?i.onItemOpen(t):i.onItemClose(t)}})})});xe.displayName=S;var ve="AccordionHeader",Ce=m.forwardRef((e,r)=>{const{__scopeAccordion:o,...t}=e,c=O(x,o),a=J(ve,o);return n.jsx(P.h3,{"data-orientation":c.orientation,"data-state":_e(a.open),"data-disabled":a.disabled?"":void 0,...t,ref:r})});Ce.displayName=ve;var q="AccordionTrigger",he=m.forwardRef((e,r)=>{const{__scopeAccordion:o,...t}=e,c=O(x,o),a=J(q,o),i=$e(q,o),l=Y(o);return n.jsx(W.ItemSlot,{scope:o,children:n.jsx(ke,{"aria-disabled":a.open&&!i.collapsible||void 0,"data-orientation":c.orientation,id:a.triggerId,...l,...t,ref:r})})});he.displayName=q;var Ae="AccordionContent",ye=m.forwardRef((e,r)=>{const{__scopeAccordion:o,...t}=e,c=O(x,o),a=J(Ae,o),i=Y(o);return n.jsx(Oe,{role:"region","aria-labelledby":a.triggerId,"data-orientation":c.orientation,...i,...t,ref:r,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}})});ye.displayName=Ae;function _e(e){return e?"open":"closed"}var Ke=ue,ze=xe,Ue=Ce,We=he,Ye=ye;const T=Re({slots:["root","item","header","trigger","content"],base:{item:{borderBottom:"base"},header:{display:"flex"},trigger:{display:"flex",flex:"1",alignItems:"center",justifyContent:"space-between",py:"4",fontWeight:"medium",transition:"all",cursor:"pointer",_hover:{textDecoration:"underline"},"& > svg":{h:"4",w:"4",flexShrink:"0",transition:"transform",transitionDuration:"normal"},"&[data-state=open] > svg":{transform:"rotate(180deg)"}},content:{overflow:"hidden",textStyle:"sm",transition:"all","&[data-state=closed]":{animationName:"accordion-up_radix",animationDuration:"normal"},"&[data-state=open]":{animationName:"accordion-down_radix",animationDuration:"normal"}}},variants:{variant:{sm:{trigger:{color:"amber.700"},content:{color:"pink.300"}}}}}),L=d.forwardRef(({className:e,...r},o)=>{const t=T.raw();return n.jsx(Ke,{ref:o,className:j(b(t.root),e),...r})}),I=d.forwardRef(({className:e,...r},o)=>{const t=T.raw();return n.jsx(Ue,{ref:o,className:j(b(t.header),e),...r})}),w=d.forwardRef(({className:e,...r},o)=>{const t=T.raw();return n.jsx(ze,{ref:o,className:j(b(t.item),e),...r})}),R=d.forwardRef(({className:e,...r},o)=>{const t=T.raw();return n.jsx(We,{ref:o,className:j(b(t.trigger),e),...r})}),N=d.forwardRef(({className:e,...r},o)=>{const t=T.raw();return n.jsx(Ye,{ref:o,className:j(b(t.content),e),...r})});try{L.displayName="Root",L.__docgenInfo={description:"",displayName:"Root",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{I.displayName="Header",I.__docgenInfo={description:"",displayName:"Header",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{w.displayName="Item",w.__docgenInfo={description:"",displayName:"Item",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{R.displayName="Trigger",R.__docgenInfo={description:"",displayName:"Trigger",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{N.displayName="Content",N.__docgenInfo={description:"",displayName:"Content",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const so={title:"Accordion",tags:["autodocs"]},D={render:()=>n.jsx("div",{style:{width:"500px"},children:n.jsxs(L,{type:"single",collapsible:!0,children:[n.jsxs(w,{value:"1",children:[n.jsx(I,{children:n.jsx(R,{className:b({color:"red.100"}),children:"1번"})}),n.jsx(N,{children:n.jsx("div",{children:"내용1"})})]}),n.jsxs(w,{value:"2",children:[n.jsx(I,{children:n.jsx(R,{children:"2번"})}),n.jsx(N,{children:n.jsx("div",{children:"내용1"})})]}),n.jsxs(w,{value:"3",children:[n.jsx(I,{children:n.jsx(R,{children:"3번"})}),n.jsx(N,{children:"내용3"})]})]})}),play:async({canvas:e})=>{const r=e.getByText("1번");$(r).toBeInTheDocument(),await Z.click(r),await $(e.getByText("내용1")).toBeInTheDocument(),await Z.click(r),await Ie(async()=>{const o=e.queryByText("내용1");$(o).toBeNull()})}};var ee,oe,ne;D.parameters={...D.parameters,docs:{...(ee=D.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  render: () => {
-    return <div style={{
-      width: "500px"
-    }}>
-        <Accordion.Root type="single" collapsible>
-          <Accordion.Item value="1">
-            <Accordion.Header>
-              <Accordion.Trigger className={css({
-              color: "red.100"
-            })}>
-                1번
-              </Accordion.Trigger>
-            </Accordion.Header>
-            <Accordion.Content>
-              <div>내용1</div>
-            </Accordion.Content>
-          </Accordion.Item>
-          <Accordion.Item value="2">
-            <Accordion.Header>
-              <Accordion.Trigger>2번</Accordion.Trigger>
-            </Accordion.Header>
-            <Accordion.Content>
-              <div>내용1</div>
-            </Accordion.Content>
-          </Accordion.Item>
-          <Accordion.Item value="3">
-            <Accordion.Header>
-              <Accordion.Trigger>3번</Accordion.Trigger>
-            </Accordion.Header>
-            <Accordion.Content>내용3</Accordion.Content>
-          </Accordion.Item>
-        </Accordion.Root>
-      </div>;
-  },
-  play: async ({
-    canvas
-  }) => {
-    const Item = canvas.getByText("1번");
-    expect(Item).toBeInTheDocument();
-    //토글로 내용이 열고 닫히는지 확인
-    await userEvent.click(Item);
-    await expect(canvas.getByText("내용1")).toBeInTheDocument();
-    await userEvent.click(Item);
-    await waitFor(async () => {
-      const Content = canvas.queryByText("내용1");
-      expect(Content).toBeNull();
-    });
-  }
-}`,...(ne=(oe=D.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};const lo=["Primary"];export{D as Primary,lo as __namedExportsOrder,so as default};

package/storybook-static/assets/avatar.stories-DMDsrSks.js

@@ -1,16 +0,0 @@
-import{j as o}from"./jsx-runtime-BYYWji4R.js";import{a as v,b as _}from"./index-DvbTp2M2.js";import{r as n}from"./index-ClcD9ViR.js";import{c as q,P as A,a as M,u as R,s as P}from"./index-D_35mznO.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BrlJLjep.js";var y="Avatar",[T,z]=q(y),[D,L]=T(y),k=n.forwardRef((e,r)=>{const{__scopeAvatar:t,...a}=e,[c,s]=n.useState("idle");return o.jsx(D,{scope:t,imageLoadingStatus:c,onImageLoadingStatusChange:s,children:o.jsx(A.span,{...a,ref:r})})});k.displayName=y;var j="AvatarImage",F=n.forwardRef((e,r)=>{const{__scopeAvatar:t,src:a,onLoadingStatusChange:c=()=>{},...s}=e,d=L(j,t),l=B(a,s.referrerPolicy),i=M(b=>{c(b),d.onImageLoadingStatusChange(b)});return R(()=>{l!=="idle"&&i(l)},[l,i]),l==="loaded"?o.jsx(A.img,{...s,ref:r,src:a}):null});F.displayName=j;var E="AvatarFallback",G=n.forwardRef((e,r)=>{const{__scopeAvatar:t,delayMs:a,...c}=e,s=L(E,t),[d,l]=n.useState(a===void 0);return n.useEffect(()=>{if(a!==void 0){const i=window.setTimeout(()=>l(!0),a);return()=>window.clearTimeout(i)}},[a]),d&&s.imageLoadingStatus!=="loaded"?o.jsx(A.span,{...c,ref:r}):null});G.displayName=E;function B(e,r){const[t,a]=n.useState("idle");return R(()=>{if(!e){a("error");return}let c=!0;const s=new window.Image,d=l=>()=>{c&&a(l)};return a("loading"),s.onload=d("loaded"),s.onerror=d("error"),s.src=e,r&&(s.referrerPolicy=r),()=>{c=!1}},[e,r]),t}var H=k,J=F,U=G;const x=P({slots:["root","image","fallback"],base:{root:{position:"relative",display:"flex",h:"12",w:"12",flexShrink:"0",overflow:"hidden",rounded:"full"},image:{aspectRatio:"square",h:"full",w:"full"},fallback:{display:"flex",h:"full",w:"full",alignItems:"center",justifyContent:"center",rounded:"full",bg:"muted"}}}),p=n.forwardRef(({className:e,...r},t)=>{const a=x.raw();return o.jsx(H,{ref:t,className:v(_(a.root),e),...r})}),g=n.forwardRef(({className:e,...r},t)=>{const a=x.raw();return o.jsx(J,{ref:t,className:v(_(a.image),e),...r})}),f=n.forwardRef(({className:e,...r},t)=>{const a=x.raw();return o.jsx(U,{ref:t,className:v(_(a.fallback),e),...r})});try{p.displayName="Root",p.__docgenInfo={description:"",displayName:"Root",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{g.displayName="Image",g.__docgenInfo={description:"",displayName:"Image",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{f.displayName="Fallback",f.__docgenInfo={description:"",displayName:"Fallback",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const W={title:"Avatar",tags:["autodocs"]},u={args:{},render:()=>o.jsx(p,{children:o.jsx(g,{src:"https://encrypted-tbn3.gstatic.com/licensed-image?q=tbn:ANd9GcSDvLC5bOMlnrUBoojLDYnfS0S8G6kuUgQfcFq6d60TsnCmfNGimIc4pIgCmTHdnLaIgxGHBcdNeJ6FAoE"})})},m={args:{},render:()=>o.jsxs(p,{children:[o.jsx(g,{src:""}),o.jsx(f,{children:"JD"})]})};var S,h,I;u.parameters={...u.parameters,docs:{...(S=u.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {},
-  render: () => {
-    return <Avatar.Root>
-        <Avatar.Image src="https://encrypted-tbn3.gstatic.com/licensed-image?q=tbn:ANd9GcSDvLC5bOMlnrUBoojLDYnfS0S8G6kuUgQfcFq6d60TsnCmfNGimIc4pIgCmTHdnLaIgxGHBcdNeJ6FAoE" />
-      </Avatar.Root>;
-  }
-}`,...(I=(h=u.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};var C,N,w;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {},
-  render: () => {
-    return <Avatar.Root>
-        <Avatar.Image src="" />
-        <Avatar.Fallback>JD</Avatar.Fallback>
-      </Avatar.Root>;
-  }
-}`,...(w=(N=m.parameters)==null?void 0:N.docs)==null?void 0:w.source}}};const X=["Primary","Fallback"];export{m as Fallback,u as Primary,X as __namedExportsOrder,W as default};