bo-ui-kit 0.2.0 → 0.2.1

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.
Files changed (6) hide show
  1. package/dist/components/ui/select.d.ts +1 -1
  2. package/dist/components/ui/toast.d.ts +1 -1
  3. package/dist/index.cjs +1 -1
  4. package/dist/index.js +131 -129
  5. package/dist/styles.css +2 -2
  6. package/package.json +1 -1
package/dist/components/ui/select.d.ts CHANGED
@@ -7,7 +7,7 @@ import { type VariantProps } from "class-variance-authority";
7
7
  * 구성:
8
8
  * - 트리거: Input 과 동일한 토큰/포커스(회색 3px 링)로 디자인. (Figma Select 노드는 열린 패널만
9
9
  * 포함하므로 트리거는 디자인 시스템 Input 관례를 따른다 — 문서화된 결정.)
10
- * - 패널(SelectContent): popover 배경, border, rounded-radius-xl, shadow-popover, p-1, gap-px.
10
+ * - 패널(SelectContent): popover 배경, border, rounded-radius-xl, shadow-overlay, p-1, gap-px.
11
11
  * - 항목(SelectItem): h-28, rounded-radius-lg, text-xs medium, accent-foreground 텍스트.
12
12
  * · 선택됨 → 좌측 체크 표시 + 배경 primary/4%
13
13
  * · hover → 배경 accent(#f8fafc)
package/dist/components/ui/toast.d.ts CHANGED
@@ -3,7 +3,7 @@ import { type VariantProps } from "class-variance-authority";
3
3
  /**
4
4
  * Toast — Figma "BO UI Kit" Toast(node 7728:238). 떠 있는 알림 카드.
5
5
  *
6
- * Alert 과 구조는 같으나 popover 배경 + border + shadow-popover(플로팅). Type: Default/Loading/Info/
6
+ * Alert 과 구조는 같으나 popover 배경 + border + shadow-overlay(플로팅). Type: Default/Loading/Info/
7
7
  * Success/Warning/Error. Loading=Spinner 아이콘, 상태=색 아이콘. 제목=foreground, 설명=muted.
8
8
  * (배치/타이머 등 알림 큐 로직은 앱이 담당 — 이 컴포넌트는 표현 단위.)
9
9
  */
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ut=require("react"),y=require("class-variance-authority"),ft=require("clsx"),xt=require("tailwind-merge"),mt=require("react-dom");function gt(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return r.default=t,Object.freeze(r)}const o=gt(ut);function f(...t){return xt.twMerge(ft.clsx(t))}const W=y.cva("inline-flex shrink-0 items-center justify-center gap-0 whitespace-nowrap border font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"border-primary bg-primary text-primary-foreground shadow-btn hover:bg-primary/90",outline:"border-border bg-card text-foreground shadow-xs hover:bg-secondary/50",secondary:"border-transparent bg-secondary text-foreground hover:bg-secondary/80",destructive:"border-border bg-destructive text-primary-foreground shadow-btn hover:bg-destructive/90","destructive-tinted":"border-transparent bg-destructive/[0.08] text-destructive-foreground hover:bg-destructive/[0.12]",ghost:"border-transparent bg-transparent text-foreground hover:bg-secondary",link:"border-transparent bg-transparent text-foreground underline-offset-4 hover:underline"},size:{xs:"h-6 min-w-6 rounded-radius-lg px-1 text-xs [&_svg]:size-4",sm:"h-7 min-w-7 rounded-radius px-1.5 text-sm [&_svg]:size-4",md:"h-8 min-w-8 rounded-radius px-1.5 text-sm [&_svg]:size-[18px]",lg:"h-9 min-w-9 rounded-radius px-2 text-sm [&_svg]:size-5 [&_[data-label]]:px-1.5",xl:"h-10 min-w-10 rounded-radius px-2.5 text-base [&_svg]:size-5 [&_[data-label]]:px-1.5"}},defaultVariants:{variant:"default",size:"md"}}),I=o.forwardRef(({className:t,variant:r,size:s,type:n="button",icon:a,rightIcon:l,pill:d,children:i,...c},u)=>e.jsxs("button",{ref:u,type:n,className:f(W({variant:r,size:s}),d&&"!rounded-radius-full",t),"data-node-id":"1692:74",...c,children:[a?e.jsx("span",{className:"inline-flex shrink-0 opacity-80",children:a}):null,i!=null?e.jsx("span",{"data-label":!0,className:"px-1",children:i}):null,l?e.jsx("span",{className:"inline-flex shrink-0 opacity-80",children:l}):null]}));I.displayName="Button";const q=o.forwardRef(({checked:t,defaultChecked:r,indeterminate:s=!1,disabled:n=!1,mobile:a=!1,onCheckedChange:l,className:d,...i},c)=>{const u=t!==void 0,[g,x]=o.useState(r??!1),m=u?t:g,v=o.useRef(null);o.useImperativeHandle(c,()=>v.current);const b=m&&!s,h=m&&s;o.useEffect(()=>{v.current&&(v.current.indeterminate=h)},[h]);const k=w=>{const j=w.target.checked;u||x(j),l==null||l(j)};return e.jsxs("label",{className:f("inline-flex shrink-0 items-center justify-center",n?"cursor-not-allowed opacity-[0.64]":"cursor-pointer",d),children:[e.jsx("input",{ref:v,type:"checkbox",className:"peer sr-only",checked:u?t:void 0,defaultChecked:u?void 0:r,disabled:n,onChange:k,...i}),e.jsxs("span",{"aria-hidden":!0,className:f("relative flex items-center justify-center rounded-radius-sm border transition-colors","peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-1 peer-focus-visible:ring-offset-background",a?"size-[18px]":"size-4",b?"border-transparent bg-primary text-primary-foreground":"border-input bg-card shadow-xs"),children:[b&&e.jsx("svg",{viewBox:"0 0 8 8",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:a?"size-2.5":"size-2","aria-hidden":!0,children:e.jsx("path",{d:"M1 4.2 3 6l4-4.5",strokeLinecap:"round",strokeLinejoin:"round"})}),h&&e.jsx("span",{className:f("h-0.5 rounded-full bg-primary",a?"w-2":"w-1.5")})]})]})});q.displayName="Checkbox";const K=y.cva("flex w-full items-center gap-1 rounded-radius border bg-card text-sm text-foreground shadow-xs transition-colors focus-within:ring-[3px] focus-within:ring-offset-0 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-[0.64]",{variants:{inputSize:{sm:"h-7 px-1.5",md:"h-8 px-2",lg:"h-9 px-2"},invalid:{true:"border-destructive focus-within:ring-destructive/[0.15]",false:"border-input focus-within:border-disabled/30 focus-within:ring-disabled/[0.07]"}},defaultVariants:{inputSize:"md",invalid:!1}}),$=o.forwardRef(({className:t,containerClassName:r,inputSize:s,invalid:n=!1,leftIcon:a,rightIcon:l,prefix:d,suffix:i,type:c="text",...u},g)=>e.jsxs("div",{className:f(K({inputSize:s,invalid:n}),r),"data-node-id":"7745:699",children:[a?e.jsx("span",{className:"inline-flex shrink-0 opacity-80 [&_svg]:size-4",children:a}):null,d!=null?e.jsx("span",{className:"shrink-0 text-muted-foreground",children:d}):null,e.jsx("input",{ref:g,type:c,className:f("min-w-0 flex-1 bg-transparent px-1 text-foreground outline-none placeholder:text-muted-foreground",t),...u}),i!=null?e.jsx("span",{className:"shrink-0 text-muted-foreground",children:i}):null,l?e.jsx("span",{className:"inline-flex shrink-0 opacity-80 [&_svg]:size-4",children:l}):null]}));$.displayName="Input";const U=o.forwardRef(({className:t,...r},s)=>e.jsx("label",{ref:s,className:f("inline-flex items-center text-xs font-medium text-foreground","peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),"data-node-id":"7658:2157",...r}));U.displayName="Label";const Z=o.forwardRef(({className:t,label:r,required:s=!1,htmlFor:n,description:a,error:l,validity:d,children:i,...c},u)=>e.jsxs("div",{ref:u,className:f("flex w-full flex-col gap-2",t),"data-node-id":"7745:713",...c,children:[e.jsxs("div",{className:"flex flex-col gap-1.5",children:[r!=null&&e.jsxs("label",{htmlFor:n,className:"flex items-center gap-1.5 text-sm font-medium leading-5 text-foreground",children:[r,s&&e.jsx("span",{className:"text-destructive-foreground","aria-hidden":!0,children:"*"})]}),i]}),l!=null?e.jsx("p",{className:"text-xs leading-[14px] tracking-[0.12px] text-destructive-foreground",children:l}):a!=null?e.jsx("p",{className:"text-xs leading-[14px] tracking-[0.12px] text-muted-foreground",children:a}):null,d!=null&&e.jsx("div",{className:"rounded-radius-lg bg-secondary p-2",children:e.jsx("p",{className:"text-xs leading-[14px] tracking-[0.12px] text-foreground",children:d})})]}));Z.displayName="Field";const J=o.createContext(!1),Q=o.forwardRef(({className:t,isLarge:r=!1,title:s="Verification code",showTitle:n=!0,belowText:a="Enter the 6-digit code sent to your email.",showBelowText:l=!0,children:d,...i},c)=>e.jsx(J.Provider,{value:r,children:e.jsxs("div",{ref:c,className:f("flex flex-col items-center gap-2",t),"data-node-id":"8060:1580",...i,children:[n?e.jsx("p",{className:"w-full text-center text-sm font-medium text-foreground",children:s}):null,e.jsx("div",{className:"flex items-center justify-center gap-2",children:d}),l?e.jsx("p",{className:"w-full text-center text-xs text-muted-foreground",children:a}):null]})}));Q.displayName="InputOTP";const X=y.cva("relative flex shrink-0 items-center justify-center rounded-radius border bg-card text-sm text-foreground shadow-xs transition-[color,box-shadow]",{variants:{isLarge:{true:"size-9",false:"size-8"},active:{true:"z-10 border-disabled/30 ring-[3px] ring-disabled/20",false:"border-input"}},defaultVariants:{isLarge:!1,active:!1}}),Y=o.forwardRef(({className:t,char:r,active:s=!1,isLarge:n,...a},l)=>{const d=o.useContext(J),i=n??d;return e.jsx("div",{ref:l,className:f(X({isLarge:i,active:s}),t),...a,children:r!=null?e.jsx("span",{className:"text-center",children:r}):null})});Y.displayName="InputOTPSlot";const ee=o.forwardRef(({className:t,...r},s)=>e.jsx("div",{ref:s,role:"separator",className:f("flex w-3 shrink-0 items-center justify-center",t),...r,children:e.jsx("div",{className:"h-0.5 w-full rounded-full bg-border"})}));ee.displayName="InputOTPSeparator";const te=o.forwardRef(({className:t,value:r=50,min:s=0,max:n=100,label:a="Label",valueLabel:l,showLabels:d=!0,showSecondaryLabel:i=!0,...c},u)=>{const g=n-s||1,x=Math.min(100,Math.max(0,(r-s)/g*100));return e.jsxs("div",{ref:u,role:"meter","aria-valuenow":r,"aria-valuemin":s,"aria-valuemax":n,"aria-label":a,className:f("flex w-full flex-col gap-2",t),"data-node-id":"7664:31",...c,children:[d?e.jsxs("div",{className:"flex items-center justify-between",children:[a!=null?e.jsx("span",{className:"text-xs font-medium text-foreground",children:a}):null,i?e.jsx("span",{className:"text-xs font-medium text-foreground",children:l??`${Math.round(x)}%`}):null]}):null,e.jsx("div",{className:"relative h-2 w-full overflow-hidden bg-input","data-node-id":"7664:42",children:e.jsx("div",{className:"absolute inset-y-0 left-0 bg-primary transition-[width]",style:{width:`${x}%`},"data-node-id":"7664:44"})})]})});te.displayName="Meter";const _=y.cva("inline-flex shrink-0 items-center justify-center gap-1 rounded-radius-lg text-sm text-foreground transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:pointer-events-none disabled:opacity-50 data-[state=off]:hover:bg-card/50 data-[state=on]:bg-secondary/[0.64] [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"border border-transparent",outline:"border border-border bg-card shadow-xs"},size:{sm:"h-7 px-1.5",md:"h-8 px-2",lg:"h-9 px-2.5"},iconOnly:{true:"px-0",false:""}},compoundVariants:[{iconOnly:!0,size:"sm",class:"w-7"},{iconOnly:!0,size:"md",class:"w-8"},{iconOnly:!0,size:"lg",class:"w-9"}],defaultVariants:{variant:"default",size:"md",iconOnly:!1}}),re=o.forwardRef(({className:t,variant:r,size:s,iconOnly:n,pressed:a,defaultPressed:l=!1,onPressedChange:d,onClick:i,...c},u)=>{const g=a!==void 0,[x,m]=o.useState(l),v=g?a:x;return e.jsx("button",{ref:u,type:"button","aria-pressed":v,"data-state":v?"on":"off",className:f(_({variant:r,size:s,iconOnly:n}),t),onClick:b=>{g||m(h=>!h),d==null||d(!v),i==null||i(b)},"data-node-id":"5685:204",...c})});re.displayName="Toggle";const se=o.createContext(null),ne=o.forwardRef((t,r)=>{const{type:s,variant:n="outline",size:a="md",orientation:l="horizontal",className:d,children:i}=t,c=t.value!==void 0,[u,g]=o.useState(()=>t.defaultValue==null?[]:Array.isArray(t.defaultValue)?t.defaultValue:[t.defaultValue]),x=c?Array.isArray(t.value)?t.value:t.value?[t.value]:[]:u,m=v=>{var h,k;let b;s==="single"?(b=x[0]===v?[]:[v],c||g(b),(h=t.onValueChange)==null||h.call(t,b[0]??"")):(b=x.includes(v)?x.filter(w=>w!==v):[...x,v],c||g(b),(k=t.onValueChange)==null||k.call(t,b))};return e.jsx(se.Provider,{value:{value:x,toggle:m,variant:n,size:a,orientation:l},children:e.jsx("div",{ref:r,role:"group","data-node-id":"5686:270",className:f("inline-flex w-fit overflow-hidden rounded-radius-lg",l==="vertical"?"flex-col [&>*:not(:first-child)]:-mt-px":"flex-row [&>*:not(:first-child)]:-ml-px",d),children:i})})});ne.displayName="ToggleGroup";const ae=o.forwardRef(({value:t,iconOnly:r,className:s,onClick:n,...a},l)=>{const d=o.useContext(se);if(!d)throw new Error("ToggleGroupItem must be used within ToggleGroup");const i=d.value.includes(t);return e.jsx("button",{ref:l,type:"button","aria-pressed":i,"data-state":i?"on":"off",className:f(_({variant:d.variant,size:d.size,iconOnly:r}),"!rounded-none focus-visible:z-10",s),onClick:c=>{d.toggle(t),n==null||n(c)},...a})});ae.displayName="ToggleGroupItem";const oe=y.cva("flex w-full select-none items-center justify-between gap-1 rounded-radius border bg-card text-sm text-foreground shadow-xs transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-[0.64]",{variants:{inputSize:{sm:"h-7 px-1.5",md:"h-8 px-2",lg:"h-9 px-2"},invalid:{true:"border-destructive focus-visible:ring-destructive/[0.15]",false:"border-input focus-visible:border-disabled/30 focus-visible:ring-disabled/[0.07]"}},defaultVariants:{inputSize:"md",invalid:!1}});function pt({className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:t,"aria-hidden":!0,children:e.jsx("path",{d:"m6 9 6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})}function bt(){return e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",className:"size-4","aria-hidden":!0,children:e.jsx("path",{d:"M20 6 9 17l-5-5",strokeLinecap:"round",strokeLinejoin:"round"})})}const ie=o.forwardRef(({options:t,value:r,defaultValue:s,onValueChange:n,placeholder:a="Select…",disabled:l=!1,inputSize:d,invalid:i,className:c,contentClassName:u,id:g,name:x},m)=>{const v=r!==void 0,[b,h]=o.useState(s),k=v?r:b,[w,j]=o.useState(!1),D=o.useRef(null),A=o.useRef(null),L=t.find(p=>p.value===k);o.useEffect(()=>{if(!w)return;const p=N=>{D.current&&!D.current.contains(N.target)&&j(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[w]),o.useEffect(()=>{var S;if(!w)return;const p=(S=A.current)==null?void 0:S.querySelectorAll("[data-select-item]:not([disabled])");if(!(p!=null&&p.length))return;(Array.from(p).find(z=>z.dataset.value===k)??p[0]).focus()},[w,k]);const dt=p=>{v||h(p),n==null||n(p),j(!1)},G=p=>{var F;const N=Array.from(((F=A.current)==null?void 0:F.querySelectorAll("[data-select-item]:not([disabled])"))??[]),S=N.findIndex(ct=>ct===document.activeElement),z=N[(S+p+N.length)%N.length];z==null||z.focus()};return e.jsxs("div",{ref:D,className:"relative",children:[e.jsxs("button",{ref:m,type:"button",id:g,name:x,disabled:l,"aria-haspopup":"listbox","aria-expanded":w,"data-node-id":"7751:1561",className:f(oe({inputSize:d,invalid:i}),c),onClick:()=>j(p=>!p),onKeyDown:p=>{(p.key==="ArrowDown"||p.key==="Enter"||p.key===" ")&&(p.preventDefault(),j(!0))},children:[e.jsx("span",{className:f("truncate",!L&&"text-muted-foreground"),children:L?L.label:a}),e.jsx(pt,{className:f("size-4 shrink-0 opacity-50 transition-transform",w&&"rotate-180")})]}),w&&e.jsx("div",{ref:A,role:"listbox",tabIndex:-1,className:f("absolute left-0 top-full z-50 mt-1 flex max-h-64 w-full flex-col gap-px overflow-auto rounded-radius-xl border border-border bg-popover p-1 shadow-popover",u),onKeyDown:p=>{var N,S;p.key==="Escape"?(j(!1),(S=(N=D.current)==null?void 0:N.querySelector("button"))==null||S.focus()):p.key==="ArrowDown"?(p.preventDefault(),G(1)):p.key==="ArrowUp"&&(p.preventDefault(),G(-1))},children:t.map(p=>{const N=p.value===k;return e.jsxs("button",{type:"button",role:"option","aria-selected":N,disabled:p.disabled,"data-select-item":"","data-value":p.value,className:f("flex h-7 w-full items-center gap-0.5 rounded-radius-lg px-0.5 text-left text-xs font-medium text-accent-foreground outline-none transition-colors","hover:bg-accent focus-visible:bg-accent","disabled:pointer-events-none disabled:opacity-[0.64]",N&&"bg-primary/[0.04]"),onClick:()=>dt(p.value),children:[e.jsx("span",{className:"flex size-7 shrink-0 items-center justify-center",children:N?e.jsx(bt,{}):null}),p.icon?e.jsx("span",{className:"inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-4",children:p.icon}):null,e.jsx("span",{className:"min-w-0 flex-1 truncate",children:p.label})]},p.value)})})]})});ie.displayName="Select";const le=y.cva("relative inline-flex shrink-0 cursor-pointer items-center rounded-radius-full p-0.5 outline-none transition-colors shadow-[inset_0_2px_4px_0_rgb(0_0_0_/_0.05)] focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:cursor-not-allowed disabled:opacity-[0.64] data-[state=on]:bg-success data-[state=off]:bg-input",{variants:{size:{md:"h-[18px] w-[30px]",lg:"h-6 w-11"}},defaultVariants:{size:"md"}}),vt=y.cva("pointer-events-none block rounded-radius-full bg-card shadow-xs transition-transform",{variants:{size:{md:"size-[14px] data-[state=on]:translate-x-3",lg:"size-5 data-[state=on]:translate-x-5"}},defaultVariants:{size:"md"}}),de=o.forwardRef(({className:t,size:r,checked:s,defaultChecked:n=!1,onCheckedChange:a,onClick:l,disabled:d,...i},c)=>{const u=s!==void 0,[g,x]=o.useState(n),m=u?s:g,v=m?"on":"off";return e.jsx("button",{ref:c,type:"button",role:"switch","aria-checked":m,disabled:d,"data-state":v,className:f(le({size:r}),t),onClick:b=>{u||x(h=>!h),a==null||a(!m),l==null||l(b)},"data-node-id":"7715:1962",...i,children:e.jsx("span",{"data-state":v,className:vt({size:r})})})});de.displayName="Switch";const ce=o.forwardRef(({className:t,orientation:r="horizontal",decorative:s=!0,...n},a)=>e.jsx("div",{ref:a,role:s?"none":"separator","aria-orientation":s?void 0:r,"data-node-id":"3605:3065",className:f("shrink-0 bg-border",r==="horizontal"?"h-px w-full":"h-full w-px",t),...n}));ce.displayName="Separator";const ue=o.forwardRef(({className:t,...r},s)=>e.jsx("div",{ref:s,"data-node-id":"7669:1885",className:f("animate-pulse rounded-radius-lg bg-secondary",t),...r}));ue.displayName="Skeleton";const fe=y.cva("animate-spin",{variants:{size:{sm:"size-4",md:"size-6",lg:"size-8"}},defaultVariants:{size:"md"}}),C=o.forwardRef(({className:t,size:r,...s},n)=>e.jsxs("svg",{ref:n,viewBox:"0 0 24 24",fill:"none",role:"status","aria-label":"로딩 중","data-node-id":"7707:393",className:f(fe({size:r}),t),...s,children:[e.jsx("circle",{cx:"12",cy:"12",r:"9",stroke:"currentColor",strokeWidth:"2.5",className:"opacity-20"}),e.jsx("path",{d:"M21 12a9 9 0 0 0-9-9",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})]}));C.displayName="Spinner";const xe=y.cva("flex w-full resize-y rounded-radius border bg-background text-sm text-foreground shadow-xs outline-none transition-colors placeholder:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-[0.64]",{variants:{inputSize:{sm:"min-h-16 px-2 py-1",md:"min-h-[76px] px-3 py-1.5",lg:"min-h-24 px-3 py-2"},invalid:{true:"border-destructive focus-visible:ring-destructive/[0.15]",false:"border-input focus-visible:border-disabled/30 focus-visible:ring-disabled/[0.07]"}},defaultVariants:{inputSize:"md",invalid:!1}}),me=o.forwardRef(({className:t,inputSize:r,invalid:s,...n},a)=>e.jsx("textarea",{ref:a,"data-node-id":"7751:1067",className:f(xe({inputSize:r,invalid:s}),t),...n}));me.displayName="Textarea";const ge=y.cva("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden bg-secondary font-medium text-muted-foreground",{variants:{size:{xs:"size-6 text-xs",sm:"size-7 text-xs",md:"size-8 text-sm",lg:"size-9 text-sm",xl:"size-10 text-base","2xl":"size-12 text-base"},shape:{circle:"rounded-radius-full",square:"rounded-radius"}},defaultVariants:{size:"md",shape:"circle"}}),E=o.forwardRef(({className:t,size:r,shape:s,src:n,alt:a,fallback:l,ring:d,...i},c)=>{const[u,g]=o.useState(!1),x=n&&!u;return e.jsx("div",{ref:c,"data-node-id":"1696:153",className:f(ge({size:r,shape:s}),d&&"ring-2 ring-background",t),...i,children:x?e.jsx("img",{src:n,alt:a,className:"size-full object-cover",onError:()=>g(!0)}):e.jsx("span",{children:l})})});E.displayName="Avatar";const pe=o.forwardRef(({className:t,size:r="md",max:s,children:n,...a},l)=>{const d=o.Children.toArray(n).filter(o.isValidElement),i=s!=null?d.slice(0,s):d,c=s!=null?d.length-i.length:0;return e.jsxs("div",{ref:l,"data-node-id":"1696:220",className:f("flex items-center [&>*:not(:first-child)]:-ml-3",t),...a,children:[i.map((u,g)=>o.cloneElement(u,{key:u.key??g,ring:!0,size:u.props.size??r})),c>0&&e.jsx(E,{size:r,ring:!0,fallback:`+${c}`})]})});pe.displayName="AvatarGroup";const be=y.cva("inline-flex h-5 items-center justify-center gap-1 rounded-radius-full px-2 py-0.5 text-xs font-medium leading-[14px] tracking-[0.12px] whitespace-nowrap",{variants:{color:{info:"",success:"",warning:"",destructive:"",neutral:""},variant:{fill:"",tinted:""}},compoundVariants:[{variant:"fill",color:"info",class:"bg-info text-primary-foreground"},{variant:"fill",color:"success",class:"bg-success text-primary-foreground"},{variant:"fill",color:"warning",class:"bg-warning text-primary-foreground"},{variant:"fill",color:"destructive",class:"bg-destructive text-primary-foreground"},{variant:"fill",color:"neutral",class:"bg-foreground text-background"},{variant:"tinted",color:"info",class:"bg-info/[0.08] text-info-foreground"},{variant:"tinted",color:"success",class:"bg-success/[0.08] text-success-foreground"},{variant:"tinted",color:"warning",class:"bg-warning/[0.08] text-warning-foreground"},{variant:"tinted",color:"destructive",class:"bg-destructive/[0.08] text-destructive-foreground"},{variant:"tinted",color:"neutral",class:"bg-foreground/[0.08] text-foreground"}],defaultVariants:{color:"neutral",variant:"fill"}}),ve=o.forwardRef(({className:t,color:r,variant:s,...n},a)=>e.jsx("span",{ref:a,"data-node-id":"9929:48567",className:f(be({color:r,variant:s}),t),...n}));ve.displayName="Badge";const he=y.cva("flex items-center rounded-radius border border-input bg-background text-foreground shadow-xs transition-colors focus-within:border-disabled/30 focus-within:ring-[3px] focus-within:ring-offset-0 focus-within:ring-disabled/[0.07] has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-[0.64]",{variants:{size:{sm:"h-7",md:"h-8",lg:"h-9"}},defaultVariants:{size:"md"}});function H({dir:t,...r}){return e.jsx("button",{type:"button",tabIndex:-1,className:"inline-flex h-full w-9 shrink-0 items-center justify-center text-foreground transition-colors hover:bg-secondary/50 disabled:opacity-40 [&_svg]:size-4",...r,children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:t==="dec"?e.jsx("path",{d:"M5 12h14",strokeLinecap:"round"}):e.jsx("path",{d:"M12 5v14M5 12h14",strokeLinecap:"round"})})})}const we=o.forwardRef(({className:t,size:r,value:s,defaultValue:n=0,onValueChange:a,min:l,max:d,step:i=1,disabled:c,...u},g)=>{const x=s!==void 0,[m,v]=o.useState(n),b=x?s:m,h=w=>Math.min(d??1/0,Math.max(l??-1/0,w)),k=w=>{const j=h(w);x||v(j),a==null||a(j)};return e.jsxs("div",{className:f(he({size:r}),t),"data-node-id":"7781:5501",children:[e.jsx(H,{dir:"dec",disabled:c||l!=null&&b<=l,onClick:()=>k(b-i),"aria-label":"감소"}),e.jsx("input",{ref:g,type:"text",inputMode:"numeric",disabled:c,value:b,onChange:w=>{const j=Number(w.target.value);Number.isNaN(j)||k(j)},className:"min-w-0 flex-1 bg-transparent text-center text-sm text-foreground outline-none",...u}),e.jsx(H,{dir:"inc",disabled:c||d!=null&&b>=d,onClick:()=>k(b+i),"aria-label":"증가"})]})});we.displayName="NumberField";const ye=o.createContext(null);let ht=0;const je=o.forwardRef(({className:t,value:r,defaultValue:s,onValueChange:n,name:a,disabled:l,children:d,...i},c)=>{const u=r!==void 0,[g,x]=o.useState(s),m=u?r:g,v=o.useMemo(()=>a??`radio-group-${++ht}`,[a]);return e.jsx(ye.Provider,{value:{value:m,name:v,disabled:l,onValueChange:b=>{u||x(b),n==null||n(b)}},children:e.jsx("div",{ref:c,role:"radiogroup","data-node-id":"7669:1454",className:f("flex flex-col gap-3",t),...i,children:d})})});je.displayName="RadioGroup";const Ne=o.forwardRef(({className:t,value:r,title:s,description:n,disabled:a,cardStyle:l,children:d,...i},c)=>{const u=o.useContext(ye);if(!u)throw new Error("RadioGroupItem must be used within RadioGroup");const g=a||u.disabled,x=u.value===r;return e.jsxs("label",{ref:c,className:f("flex items-start gap-2",l&&"rounded-radius border border-border p-3",g?"cursor-not-allowed opacity-[0.64]":"cursor-pointer",t),...i,children:[e.jsx("input",{type:"radio",name:u.name,value:r,checked:x,disabled:g,onChange:()=>{var m;return(m=u.onValueChange)==null?void 0:m.call(u,r)},className:"peer sr-only"}),e.jsx("span",{"aria-hidden":!0,className:f("mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-radius-full border shadow-xs transition-colors","peer-focus-visible:ring-[3px] peer-focus-visible:ring-offset-0 peer-focus-visible:ring-disabled/[0.07]",x?"border-foreground bg-foreground":"border-input bg-background"),children:x&&e.jsx("span",{className:"size-1.5 rounded-radius-full bg-card"})}),(s!=null||n!=null||d!=null)&&e.jsxs("span",{className:"flex min-w-0 flex-1 flex-col gap-1.5",children:[s!=null&&e.jsx("span",{className:"text-base leading-6 text-foreground",children:s}),d,n!=null&&e.jsx("span",{className:"text-xs leading-[14px] tracking-[0.12px] text-muted-foreground",children:n})]})]})});Ne.displayName="RadioGroupItem";const wt=y.cva("inline-flex w-full items-center gap-0 bg-background p-0.5",{variants:{segStyle:{rounded:"rounded-radius-full",regular:"rounded-radius",sharp:"rounded-none"}},defaultVariants:{segStyle:"rounded"}}),ke=y.cva("flex flex-1 items-center justify-center gap-1 px-3 py-2 text-sm font-medium outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] focus-visible:z-10 disabled:pointer-events-none disabled:opacity-[0.64]",{variants:{segStyle:{rounded:"rounded-radius-full",regular:"rounded-radius-lg",sharp:"rounded-none"},active:{true:"bg-card text-foreground shadow-xs",false:"text-muted-foreground hover:text-foreground"}},defaultVariants:{segStyle:"rounded",active:!1}}),Se=o.forwardRef(({className:t,options:r,value:s,defaultValue:n,onValueChange:a,segStyle:l,...d},i)=>{var v;const c=s!==void 0,[u,g]=o.useState(n??((v=r[0])==null?void 0:v.value)),x=c?s:u,m=b=>{c||g(b),a==null||a(b)};return e.jsx("div",{ref:i,role:"radiogroup","data-node-id":"9705:88227",className:f(wt({segStyle:l}),t),...d,children:r.map(b=>{const h=b.value===x;return e.jsx("button",{type:"button",role:"radio","aria-checked":h,disabled:b.disabled,className:ke({segStyle:l,active:h}),onClick:()=>m(b.value),children:b.label},b.value)})})});Se.displayName="SegmentedControl";const ze=o.createContext(null),M=()=>{const t=o.useContext(ze);if(!t)throw new Error("Tabs components must be used within <Tabs>");return t},Te=o.forwardRef(({className:t,value:r,defaultValue:s,onValueChange:n,variant:a="default",children:l,...d},i)=>{const c=r!==void 0,[u,g]=o.useState(s),x=c?r:u;return e.jsx(ze.Provider,{value:{value:x,variant:a,setValue:m=>{c||g(m),n==null||n(m)}},children:e.jsx("div",{ref:i,"data-node-id":"7722:82",className:f("flex flex-col gap-3",t),...d,children:l})})});Te.displayName="Tabs";const Re=o.forwardRef(({className:t,...r},s)=>{const{variant:n}=M();return e.jsx("div",{ref:s,role:"tablist",className:f("inline-flex items-center",n==="default"?"gap-0.5 rounded-radius-lg bg-secondary p-0.5":"gap-1 border-b border-border",t),...r})});Re.displayName="TabsList";const De=o.forwardRef(({className:t,value:r,...s},n)=>{const{value:a,setValue:l,variant:d}=M(),i=a===r;return e.jsx("button",{ref:n,type:"button",role:"tab","aria-selected":i,"data-state":i?"active":"inactive",onClick:()=>l(r),className:f("inline-flex min-w-9 items-center justify-center gap-1 text-sm font-medium outline-none transition-colors","focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:pointer-events-none disabled:opacity-[0.64]",d==="default"?f("rounded-radius-lg px-2 py-1.5",i?"bg-card text-foreground shadow-xs":"text-muted-foreground hover:text-foreground"):f("-mb-px border-b-2 px-2 pb-2",i?"border-foreground text-foreground":"border-transparent text-muted-foreground hover:text-foreground"),t),...s})});De.displayName="TabsTrigger";const Ie=o.forwardRef(({className:t,value:r,...s},n)=>{const{value:a}=M();return a!==r?null:e.jsx("div",{ref:n,role:"tabpanel",className:f("text-sm text-foreground",t),...s})});Ie.displayName="TabsContent";const Ve=o.createContext(null),Ae=o.forwardRef((t,r)=>{const{type:s="single",className:n,children:a}=t,l=t.value!==void 0,[d,i]=o.useState(()=>{const x=t.defaultValue;return x==null?[]:Array.isArray(x)?x:[x]}),c=t.value,u=l?Array.isArray(c)?c:c?[c]:[]:d,g=x=>{var v,b;let m;s==="multiple"?(m=u.includes(x)?u.filter(h=>h!==x):[...u,x],l||i(m),(v=t.onValueChange)==null||v.call(t,m)):(m=u.includes(x)?[]:[x],l||i(m),(b=t.onValueChange)==null||b.call(t,m[0]??""))};return e.jsx(Ve.Provider,{value:{isOpen:x=>u.includes(x),toggle:g},children:e.jsx("div",{ref:r,"data-node-id":"1673:58",className:f("w-full",n),children:a})})});Ae.displayName="Accordion";const Le=o.forwardRef(({className:t,value:r,title:s,icon:n,showSeparator:a=!0,children:l,...d},i)=>{const c=o.useContext(Ve);if(!c)throw new Error("AccordionItem must be used within Accordion");const u=c.isOpen(r);return e.jsxs("div",{ref:i,className:f("w-full",a&&"border-b border-border",t),...d,children:[e.jsxs("button",{type:"button","aria-expanded":u,onClick:()=>c.toggle(r),className:"flex w-full items-center gap-1 py-4 text-left outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07]",children:[e.jsxs("span",{className:"flex flex-1 items-center gap-2.5 text-sm font-medium text-foreground",children:[n?e.jsx("span",{className:"inline-flex shrink-0 [&_svg]:size-5",children:n}):null,s]}),e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:f("size-5 shrink-0 text-foreground transition-transform",u&&"rotate-180"),children:e.jsx("path",{d:"m6 9 6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),u&&e.jsx("div",{className:"pb-4 text-sm text-muted-foreground",children:l})]})});Le.displayName="AccordionItem";const _e=o.forwardRef(({className:t,title:r,open:s,defaultOpen:n=!1,onOpenChange:a,disabled:l,children:d,...i},c)=>{const u=s!==void 0,[g,x]=o.useState(n),m=u?s:g;return e.jsxs("div",{ref:c,"data-node-id":"5677:165",className:f("w-full",t),...i,children:[e.jsxs("button",{type:"button","aria-expanded":m,disabled:l,onClick:()=>{u||x(v=>!v),a==null||a(!m)},className:"flex w-full items-center gap-1 text-left text-sm text-foreground outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:cursor-not-allowed disabled:opacity-[0.64]",children:[e.jsx("span",{className:"min-w-0 flex-1",children:r}),e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:f("size-5 shrink-0 transition-transform",m&&"rotate-180"),children:e.jsx("path",{d:"m6 9 6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),m&&e.jsx("div",{className:"pt-2 text-sm text-muted-foreground",children:d})]})});_e.displayName="Collapsible";function yt(){return e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:"size-4 shrink-0 opacity-80",children:e.jsx("path",{d:"m9 18 6-6-6-6",strokeLinecap:"round",strokeLinejoin:"round"})})}const Ce=o.forwardRef(({className:t,items:r,separator:s="chevron",...n},a)=>e.jsx("nav",{ref:a,"aria-label":"breadcrumb","data-node-id":"5665:4391",className:f("flex items-center",t),...n,children:e.jsx("ol",{className:"flex items-center gap-1 text-sm",children:r.map((l,d)=>{const i=d===r.length-1;return e.jsxs("li",{className:"flex items-center gap-1",children:[l.href&&!i?e.jsx("a",{href:l.href,className:"text-muted-foreground transition-colors hover:text-foreground",children:l.label}):e.jsx("span",{className:i?"text-foreground":"text-muted-foreground","aria-current":i?"page":void 0,children:l.label}),!i&&(s==="slash"?e.jsx("span",{className:"text-muted-foreground/60","aria-hidden":!0,children:"/"}):e.jsx("span",{className:"text-muted-foreground","aria-hidden":!0,children:e.jsx(yt,{})}))]},d)})})}));Ce.displayName="Breadcrumb";const Ee=y.cva("relative flex w-full flex-wrap items-center gap-3 overflow-hidden rounded-radius-xl border px-3.5 py-3 text-sm",{variants:{type:{default:"border-border bg-card [&_[data-alert-icon]]:text-foreground",info:"border-info/[0.32] bg-info/[0.04] [&_[data-alert-icon]]:text-info",success:"border-success/[0.32] bg-success/[0.04] [&_[data-alert-icon]]:text-success",warning:"border-warning/[0.32] bg-warning/[0.04] [&_[data-alert-icon]]:text-warning",error:"border-destructive/[0.32] bg-destructive/[0.04] [&_[data-alert-icon]]:text-destructive"}},defaultVariants:{type:"default"}});function Me({type:t}){const r={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":!0,className:"size-full"};return e.jsxs("svg",{...r,strokeLinecap:"round",strokeLinejoin:"round",children:[t==="success"&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{d:"m8.5 12 2.5 2.5 4.5-5"})]}),t==="warning"&&e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M12 3 2 20h20L12 3Z"}),e.jsx("path",{d:"M12 9v5M12 17.5v.5"})]}),t==="error"&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{d:"m9 9 6 6M15 9l-6 6"})]}),(t==="info"||t==="default")&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{d:"M12 11v5M12 8v.5"})]})]})}const Oe=o.forwardRef(({className:t,type:r="default",title:s,icon:n,action:a,children:l,...d},i)=>e.jsxs("div",{ref:i,role:"alert","data-node-id":"5655:4958",className:f(Ee({type:r}),t),...d,children:[e.jsxs("div",{className:"flex min-w-[240px] flex-1 items-start gap-2",children:[n!==!1&&e.jsx("span",{"data-alert-icon":!0,className:"inline-flex size-5 shrink-0 [&_svg]:size-5",children:n??e.jsx(Me,{type:r??"default"})}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1 leading-5",children:[s!=null&&e.jsx("p",{className:"font-medium text-foreground",children:s}),l!=null&&e.jsx("p",{className:"text-muted-foreground",children:l})]})]}),a&&e.jsx("div",{className:"flex shrink-0 items-start gap-2",children:a})]}));Oe.displayName="Alert";const jt=y.cva("inline-flex size-5 shrink-0 [&_svg]:size-5",{variants:{type:{default:"text-foreground",loading:"text-muted-foreground",info:"text-info",success:"text-success",warning:"text-warning",error:"text-destructive"}},defaultVariants:{type:"default"}}),Pe=o.forwardRef(({className:t,type:r="default",title:s,icon:n,action:a,children:l,...d},i)=>{const c=r==="info"||r==="success"||r==="warning"||r==="error"?r:"default",u=n??(r==="loading"?e.jsx(C,{size:"sm"}):e.jsx(Me,{type:c}));return e.jsxs("div",{ref:i,role:"status","data-node-id":"7728:238",className:f("flex w-full flex-wrap items-center gap-3 rounded-radius-xl border border-border bg-popover px-3.5 py-3 text-sm shadow-popover",t),...d,children:[e.jsxs("div",{className:"flex min-w-[240px] flex-1 items-start gap-2",children:[n!==!1&&e.jsx("span",{className:jt({type:r}),children:u}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1 leading-5",children:[s!=null&&e.jsx("p",{className:"font-medium text-foreground",children:s}),l!=null&&e.jsx("p",{className:"text-muted-foreground",children:l})]})]}),a&&e.jsx("div",{className:"flex shrink-0 items-start gap-2",children:a})]})});Pe.displayName="Toast";const Nt={top:"bottom-full left-1/2 mb-1.5 -translate-x-1/2",bottom:"top-full left-1/2 mt-1.5 -translate-x-1/2",left:"right-full top-1/2 mr-1.5 -translate-y-1/2",right:"left-full top-1/2 ml-1.5 -translate-y-1/2"},Be=o.forwardRef(({className:t,content:r,side:s="top",children:n,...a},l)=>e.jsxs("span",{ref:l,className:f("group relative inline-flex",t),...a,children:[n,e.jsx("span",{role:"tooltip",className:f("pointer-events-none absolute z-50 w-max max-w-xs whitespace-nowrap rounded-radius-lg border border-border bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 shadow-popover transition-opacity duration-150","group-hover:opacity-100 group-focus-within:opacity-100",Nt[s]),children:r})]}));Be.displayName="Tooltip";const Ge=o.forwardRef(({className:t,bordered:r=!0,children:s,...n},a)=>e.jsx("div",{ref:a,"data-node-id":"7669:1745",className:f("max-h-[204px] overflow-auto","[scrollbar-width:thin] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:h-1.5","[&::-webkit-scrollbar-track]:bg-transparent","[&::-webkit-scrollbar-thumb]:rounded-radius-full [&::-webkit-scrollbar-thumb]:bg-foreground/20 hover:[&::-webkit-scrollbar-thumb]:bg-foreground/30",r&&"rounded-radius border border-border px-4 py-2",t),...n,children:s}));Ge.displayName="ScrollArea";function Fe({children:t}){const[r]=o.useState(()=>typeof document<"u"?document.body:null);return r?mt.createPortal(t,r):null}function He(t,r){o.useEffect(()=>{if(!t)return;const s=a=>{a.key==="Escape"&&r()};document.addEventListener("keydown",s);const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",s),document.body.style.overflow=n}},[t,r])}const We="fixed inset-0 z-50 bg-[rgb(16_16_18_/_0.32)] backdrop-blur-sm";function O(t,r,s){const n=t!==void 0,[a,l]=o.useState(r),d=n?t:a,i=o.useCallback(c=>{n||l(c),s==null||s(c)},[n,s]);return[d,i]}const kt='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';function qe(t,r){o.useEffect(()=>{if(!t)return;const s=r.current;if(!s)return;const n=document.activeElement,a=()=>Array.from(s.querySelectorAll(kt)).filter(i=>i.offsetParent!==null),l=setTimeout(()=>{const i=r.current;i&&!i.contains(document.activeElement)&&i.focus()},0),d=i=>{if(i.key!=="Tab")return;const c=a();if(c.length===0){i.preventDefault(),s.focus();return}const u=c[0],g=c[c.length-1],x=document.activeElement;i.shiftKey&&(x===u||x===s)?(i.preventDefault(),g.focus()):!i.shiftKey&&x===g&&(i.preventDefault(),u.focus())};return s.addEventListener("keydown",d),()=>{clearTimeout(l),s.removeEventListener("keydown",d),n!=null&&n.isConnected&&n.focus()}},[t,r])}function Ke(){const t=o.useId(),r=o.useId(),[s,n]=o.useState(!1),[a,l]=o.useState(!1);return{titleId:t,descId:r,setHasTitle:n,setHasDesc:l,labelProps:{"aria-labelledby":s?t:void 0,"aria-describedby":a?r:void 0}}}function V(t){o.useEffect(()=>(t(!0),()=>t(!1)),[t])}const $e=o.createContext(null),T=()=>{const t=o.useContext($e);if(!t)throw new Error("Dialog parts must be used within <Dialog>");return t};function Ue({open:t,defaultOpen:r=!1,onOpenChange:s,role:n="dialog",dismissable:a=!0,children:l}){const[d,i]=O(t,r,s),c=Ke();return e.jsx($e.Provider,{value:{open:d,setOpen:i,role:n,dismissable:a,...c},children:l})}const Ze=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=T();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!0),t==null||t(a)},...r})});Ze.displayName="DialogTrigger";const Je=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=T();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!1),t==null||t(a)},...r})});Je.displayName="DialogClose";const P=o.forwardRef(({className:t,showClose:r=!0,children:s,...n},a)=>{const{open:l,setOpen:d,role:i,dismissable:c,labelProps:u}=T(),g=o.useRef(null),x=o.useCallback(m=>{g.current=m,typeof a=="function"?a(m):a&&(a.current=m)},[a]);return He(l,()=>c&&d(!1)),qe(l,g),l?e.jsx(Fe,{children:e.jsx("div",{className:f(We,"flex items-center justify-center p-4"),onClick:()=>c&&d(!1),children:e.jsxs("div",{ref:x,role:i,"aria-modal":!0,tabIndex:-1,...u,onClick:m=>m.stopPropagation(),className:f("relative flex w-full max-w-[448px] flex-col overflow-hidden rounded-radius-2xl border border-border bg-popover shadow-popover outline-none",t),...n,children:[r&&e.jsx("button",{type:"button","aria-label":"닫기",onClick:()=>d(!1),className:"absolute right-4 top-4 inline-flex size-6 items-center justify-center rounded-radius text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"size-4","aria-hidden":!0,children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round"})})}),s]})})}):null});P.displayName="DialogContent";const Qe=({className:t,...r})=>e.jsx("div",{className:f("flex flex-col gap-1 p-6",t),...r}),Xe=({className:t,id:r,...s})=>{const{titleId:n,setHasTitle:a}=T();return V(a),e.jsx("h2",{id:r??n,className:f("text-xl font-semibold leading-7 tracking-[-0.2px] text-foreground",t),...s})},Ye=({className:t,id:r,...s})=>{const{descId:n,setHasDesc:a}=T();return V(a),e.jsx("p",{id:r??n,className:f("text-sm leading-5 text-muted-foreground",t),...s})},et=({className:t,...r})=>e.jsx("div",{className:f("flex items-center justify-end gap-2 border-t border-border bg-secondary/[0.72] px-6 py-4",t),...r});function St({open:t,defaultOpen:r=!1,onOpenChange:s,title:n,description:a,cancelText:l="취소",actionText:d="확인",onAction:i,onCancel:c,destructive:u,children:g}){const[x,m]=O(t,r,s);return e.jsx(Ue,{open:x,onOpenChange:m,role:"alertdialog",dismissable:!1,children:e.jsxs(P,{showClose:!1,children:[e.jsxs(Qe,{children:[e.jsx(Xe,{children:n}),a!=null&&e.jsx(Ye,{children:a}),g]}),e.jsxs(et,{children:[e.jsx(I,{variant:"secondary",onClick:()=>{c==null||c(),m(!1)},children:l}),e.jsx(I,{variant:u?"destructive":"default",onClick:()=>{i==null||i(),m(!1)},children:d})]})]})})}const tt=o.createContext(null),R=()=>{const t=o.useContext(tt);if(!t)throw new Error("Sheet parts must be used within <Sheet>");return t};function rt({open:t,defaultOpen:r=!1,onOpenChange:s,children:n}){const[a,l]=O(t,r,s),d=Ke();return e.jsx(tt.Provider,{value:{open:a,setOpen:l,...d},children:n})}const st=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=R();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!0),t==null||t(a)},...r})});st.displayName="SheetTrigger";const nt=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=R();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!1),t==null||t(a)},...r})});nt.displayName="SheetClose";const zt={right:"inset-y-0 right-0 h-full w-full max-w-sm border-l rounded-l-radius-2xl",left:"inset-y-0 left-0 h-full w-full max-w-sm border-r rounded-r-radius-2xl",top:"inset-x-0 top-0 w-full border-b rounded-b-radius-2xl",bottom:"inset-x-0 bottom-0 w-full border-t rounded-t-radius-2xl"},Tt={right:"inset-y-4 right-4 w-full max-w-sm",left:"inset-y-4 left-4 w-full max-w-sm",top:"inset-x-4 top-4",bottom:"inset-x-4 bottom-4"},B=o.forwardRef(({className:t,side:r="right",inset:s=!1,showClose:n=!0,children:a,...l},d)=>{const{open:i,setOpen:c,labelProps:u}=R(),g=o.useRef(null),x=o.useCallback(m=>{g.current=m,typeof d=="function"?d(m):d&&(d.current=m)},[d]);return He(i,()=>c(!1)),qe(i,g),i?e.jsx(Fe,{children:e.jsx("div",{className:We,onClick:()=>c(!1),children:e.jsxs("div",{ref:x,role:"dialog","aria-modal":!0,tabIndex:-1,...u,onClick:m=>m.stopPropagation(),className:f("fixed flex flex-col overflow-auto border-border bg-popover shadow-popover outline-none",s?f(Tt[r],"rounded-radius-2xl border"):zt[r],t),...l,children:[n&&e.jsx("button",{type:"button","aria-label":"닫기",onClick:()=>c(!1),className:"absolute right-4 top-4 inline-flex size-6 items-center justify-center rounded-radius text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"size-4","aria-hidden":!0,children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round"})})}),a]})})}):null});B.displayName="SheetContent";const at=({className:t,...r})=>e.jsx("div",{className:f("flex flex-col gap-1 p-6",t),...r}),ot=({className:t,id:r,...s})=>{const{titleId:n,setHasTitle:a}=R();return V(a),e.jsx("h2",{id:r??n,className:f("text-xl font-semibold leading-7 tracking-[-0.2px] text-foreground",t),...s})},it=({className:t,id:r,...s})=>{const{descId:n,setHasDesc:a}=R();return V(a),e.jsx("p",{id:r??n,className:f("text-sm leading-5 text-muted-foreground",t),...s})},lt=({className:t,...r})=>e.jsx("div",{className:f("mt-auto flex items-center justify-end gap-2 border-t border-border px-6 py-4",t),...r});function Rt({open:t,defaultOpen:r,onOpenChange:s,side:n="bottom",inset:a=!0,children:l,...d}){return e.jsx(rt,{open:t,defaultOpen:r,onOpenChange:s,children:e.jsx(B,{side:n,inset:a,...d,children:l})})}exports.Accordion=Ae;exports.AccordionItem=Le;exports.Alert=Oe;exports.AlertDialog=St;exports.Avatar=E;exports.AvatarGroup=pe;exports.Badge=ve;exports.Breadcrumb=Ce;exports.Button=I;exports.Checkbox=q;exports.Collapsible=_e;exports.Dialog=Ue;exports.DialogClose=Je;exports.DialogContent=P;exports.DialogDescription=Ye;exports.DialogFooter=et;exports.DialogHeader=Qe;exports.DialogTitle=Xe;exports.DialogTrigger=Ze;exports.Drawer=Rt;exports.DrawerDescription=it;exports.DrawerFooter=lt;exports.DrawerHeader=at;exports.DrawerTitle=ot;exports.Field=Z;exports.Input=$;exports.InputOTP=Q;exports.InputOTPSeparator=ee;exports.InputOTPSlot=Y;exports.Label=U;exports.Meter=te;exports.NumberField=we;exports.RadioGroup=je;exports.RadioGroupItem=Ne;exports.ScrollArea=Ge;exports.SegmentedControl=Se;exports.Select=ie;exports.Separator=ce;exports.Sheet=rt;exports.SheetClose=nt;exports.SheetContent=B;exports.SheetDescription=it;exports.SheetFooter=lt;exports.SheetHeader=at;exports.SheetTitle=ot;exports.SheetTrigger=st;exports.Skeleton=ue;exports.Spinner=C;exports.Switch=de;exports.Tabs=Te;exports.TabsContent=Ie;exports.TabsList=Re;exports.TabsTrigger=De;exports.Textarea=me;exports.Toast=Pe;exports.Toggle=re;exports.ToggleGroup=ne;exports.ToggleGroupItem=ae;exports.Tooltip=Be;exports.alertVariants=Ee;exports.avatarVariants=ge;exports.badgeVariants=be;exports.buttonVariants=W;exports.inputVariants=K;exports.numberFieldVariants=he;exports.segmentVariants=ke;exports.selectTriggerVariants=oe;exports.slotVariants=X;exports.spinnerVariants=fe;exports.switchVariants=le;exports.textareaVariants=xe;exports.toggleVariants=_;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ut=require("react"),y=require("class-variance-authority"),ft=require("clsx"),xt=require("tailwind-merge"),mt=require("react-dom");function gt(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return r.default=t,Object.freeze(r)}const o=gt(ut);function f(...t){return xt.twMerge(ft.clsx(t))}const W=y.cva("inline-flex shrink-0 items-center justify-center gap-0 whitespace-nowrap border font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"border-primary bg-primary text-primary-foreground shadow-btn hover:bg-primary/90",outline:"border-border bg-card text-foreground shadow-xs hover:bg-secondary/50",secondary:"border-transparent bg-secondary text-foreground hover:bg-secondary/80",destructive:"border-border bg-destructive text-primary-foreground shadow-btn hover:bg-destructive/90","destructive-tinted":"border-transparent bg-destructive/[0.08] text-destructive-foreground hover:bg-destructive/[0.12]",ghost:"border-transparent bg-transparent text-foreground hover:bg-secondary",link:"border-transparent bg-transparent text-foreground underline-offset-4 hover:underline"},size:{xs:"h-6 min-w-6 rounded-radius-lg px-1 text-xs [&_svg]:size-4",sm:"h-7 min-w-7 rounded-radius px-1.5 text-sm [&_svg]:size-4",md:"h-8 min-w-8 rounded-radius px-1.5 text-sm [&_svg]:size-[18px]",lg:"h-9 min-w-9 rounded-radius px-2 text-sm [&_svg]:size-5 [&_[data-label]]:px-1.5",xl:"h-10 min-w-10 rounded-radius px-2.5 text-base [&_svg]:size-5 [&_[data-label]]:px-1.5"}},defaultVariants:{variant:"default",size:"md"}}),I=o.forwardRef(({className:t,variant:r,size:s,type:n="button",icon:a,rightIcon:l,pill:d,children:i,...c},u)=>e.jsxs("button",{ref:u,type:n,className:f(W({variant:r,size:s}),d&&"!rounded-radius-full",t),"data-node-id":"1692:74",...c,children:[a?e.jsx("span",{className:"inline-flex shrink-0 opacity-80",children:a}):null,i!=null?e.jsx("span",{"data-label":!0,className:"px-1",children:i}):null,l?e.jsx("span",{className:"inline-flex shrink-0 opacity-80",children:l}):null]}));I.displayName="Button";const q=o.forwardRef(({checked:t,defaultChecked:r,indeterminate:s=!1,disabled:n=!1,mobile:a=!1,onCheckedChange:l,className:d,...i},c)=>{const u=t!==void 0,[g,x]=o.useState(r??!1),m=u?t:g,v=o.useRef(null);o.useImperativeHandle(c,()=>v.current);const b=m&&!s,h=m&&s;o.useEffect(()=>{v.current&&(v.current.indeterminate=h)},[h]);const k=w=>{const j=w.target.checked;u||x(j),l==null||l(j)};return e.jsxs("label",{className:f("inline-flex shrink-0 items-center justify-center",n?"cursor-not-allowed opacity-[0.64]":"cursor-pointer",d),children:[e.jsx("input",{ref:v,type:"checkbox",className:"peer sr-only",checked:u?t:void 0,defaultChecked:u?void 0:r,disabled:n,onChange:k,...i}),e.jsxs("span",{"aria-hidden":!0,className:f("relative flex items-center justify-center rounded-radius-sm border transition-colors","peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-1 peer-focus-visible:ring-offset-background",a?"size-[18px]":"size-4",b?"border-transparent bg-primary text-primary-foreground":"border-input bg-card shadow-xs"),children:[b&&e.jsx("svg",{viewBox:"0 0 8 8",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:a?"size-2.5":"size-2","aria-hidden":!0,children:e.jsx("path",{d:"M1 4.2 3 6l4-4.5",strokeLinecap:"round",strokeLinejoin:"round"})}),h&&e.jsx("span",{className:f("h-0.5 rounded-full bg-primary",a?"w-2":"w-1.5")})]})]})});q.displayName="Checkbox";const K=y.cva("flex w-full items-center gap-1 rounded-radius border bg-card text-sm text-foreground shadow-xs transition-colors focus-within:ring-[3px] focus-within:ring-offset-0 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-[0.64]",{variants:{inputSize:{sm:"h-7 px-1.5",md:"h-8 px-2",lg:"h-9 px-2"},invalid:{true:"border-destructive focus-within:ring-destructive/[0.15]",false:"border-input focus-within:border-disabled/30 focus-within:ring-disabled/[0.07]"}},defaultVariants:{inputSize:"md",invalid:!1}}),$=o.forwardRef(({className:t,containerClassName:r,inputSize:s,invalid:n=!1,leftIcon:a,rightIcon:l,prefix:d,suffix:i,type:c="text",...u},g)=>e.jsxs("div",{className:f(K({inputSize:s,invalid:n}),r),"data-node-id":"7745:699",children:[a?e.jsx("span",{className:"inline-flex shrink-0 opacity-80 [&_svg]:size-4",children:a}):null,d!=null?e.jsx("span",{className:"shrink-0 text-muted-foreground",children:d}):null,e.jsx("input",{ref:g,type:c,className:f("min-w-0 flex-1 bg-transparent px-1 text-foreground outline-none placeholder:text-muted-foreground",t),...u}),i!=null?e.jsx("span",{className:"shrink-0 text-muted-foreground",children:i}):null,l?e.jsx("span",{className:"inline-flex shrink-0 opacity-80 [&_svg]:size-4",children:l}):null]}));$.displayName="Input";const U=o.forwardRef(({className:t,...r},s)=>e.jsx("label",{ref:s,className:f("inline-flex items-center text-xs font-medium text-foreground","peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),"data-node-id":"7658:2157",...r}));U.displayName="Label";const Z=o.forwardRef(({className:t,label:r,required:s=!1,htmlFor:n,description:a,error:l,validity:d,children:i,...c},u)=>e.jsxs("div",{ref:u,className:f("flex w-full flex-col gap-2",t),"data-node-id":"7745:713",...c,children:[e.jsxs("div",{className:"flex flex-col gap-1.5",children:[r!=null&&e.jsxs("label",{htmlFor:n,className:"flex items-center gap-1.5 text-sm font-medium leading-5 text-foreground",children:[r,s&&e.jsx("span",{className:"text-destructive-foreground","aria-hidden":!0,children:"*"})]}),i]}),l!=null?e.jsx("p",{className:"text-xs leading-[14px] tracking-[0.12px] text-destructive-foreground",children:l}):a!=null?e.jsx("p",{className:"text-xs leading-[14px] tracking-[0.12px] text-muted-foreground",children:a}):null,d!=null&&e.jsx("div",{className:"rounded-radius-lg bg-secondary p-2",children:e.jsx("p",{className:"text-xs leading-[14px] tracking-[0.12px] text-foreground",children:d})})]}));Z.displayName="Field";const J=o.createContext(!1),Q=o.forwardRef(({className:t,isLarge:r=!1,title:s="Verification code",showTitle:n=!0,belowText:a="Enter the 6-digit code sent to your email.",showBelowText:l=!0,children:d,...i},c)=>e.jsx(J.Provider,{value:r,children:e.jsxs("div",{ref:c,className:f("flex flex-col items-center gap-2",t),"data-node-id":"8060:1580",...i,children:[n?e.jsx("p",{className:"w-full text-center text-sm font-medium text-foreground",children:s}):null,e.jsx("div",{className:"flex items-center justify-center gap-2",children:d}),l?e.jsx("p",{className:"w-full text-center text-xs text-muted-foreground",children:a}):null]})}));Q.displayName="InputOTP";const X=y.cva("relative flex shrink-0 items-center justify-center rounded-radius border bg-card text-sm text-foreground shadow-xs transition-[color,box-shadow]",{variants:{isLarge:{true:"size-9",false:"size-8"},active:{true:"z-10 border-disabled/30 ring-[3px] ring-disabled/20",false:"border-input"}},defaultVariants:{isLarge:!1,active:!1}}),Y=o.forwardRef(({className:t,char:r,active:s=!1,isLarge:n,...a},l)=>{const d=o.useContext(J),i=n??d;return e.jsx("div",{ref:l,className:f(X({isLarge:i,active:s}),t),...a,children:r!=null?e.jsx("span",{className:"text-center",children:r}):null})});Y.displayName="InputOTPSlot";const ee=o.forwardRef(({className:t,...r},s)=>e.jsx("div",{ref:s,role:"separator",className:f("flex w-3 shrink-0 items-center justify-center",t),...r,children:e.jsx("div",{className:"h-0.5 w-full rounded-full bg-border"})}));ee.displayName="InputOTPSeparator";const te=o.forwardRef(({className:t,value:r=50,min:s=0,max:n=100,label:a="Label",valueLabel:l,showLabels:d=!0,showSecondaryLabel:i=!0,...c},u)=>{const g=n-s||1,x=Math.min(100,Math.max(0,(r-s)/g*100));return e.jsxs("div",{ref:u,role:"meter","aria-valuenow":r,"aria-valuemin":s,"aria-valuemax":n,"aria-label":a,className:f("flex w-full flex-col gap-2",t),"data-node-id":"7664:31",...c,children:[d?e.jsxs("div",{className:"flex items-center justify-between",children:[a!=null?e.jsx("span",{className:"text-xs font-medium text-foreground",children:a}):null,i?e.jsx("span",{className:"text-xs font-medium text-foreground",children:l??`${Math.round(x)}%`}):null]}):null,e.jsx("div",{className:"relative h-2 w-full overflow-hidden bg-input","data-node-id":"7664:42",children:e.jsx("div",{className:"absolute inset-y-0 left-0 bg-primary transition-[width]",style:{width:`${x}%`},"data-node-id":"7664:44"})})]})});te.displayName="Meter";const _=y.cva("inline-flex shrink-0 items-center justify-center gap-1 rounded-radius-lg text-sm text-foreground transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:pointer-events-none disabled:opacity-50 data-[state=off]:hover:bg-card/50 data-[state=on]:bg-secondary/[0.64] [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"border border-transparent",outline:"border border-border bg-card shadow-xs"},size:{sm:"h-7 px-1.5",md:"h-8 px-2",lg:"h-9 px-2.5"},iconOnly:{true:"px-0",false:""}},compoundVariants:[{iconOnly:!0,size:"sm",class:"w-7"},{iconOnly:!0,size:"md",class:"w-8"},{iconOnly:!0,size:"lg",class:"w-9"}],defaultVariants:{variant:"default",size:"md",iconOnly:!1}}),re=o.forwardRef(({className:t,variant:r,size:s,iconOnly:n,pressed:a,defaultPressed:l=!1,onPressedChange:d,onClick:i,...c},u)=>{const g=a!==void 0,[x,m]=o.useState(l),v=g?a:x;return e.jsx("button",{ref:u,type:"button","aria-pressed":v,"data-state":v?"on":"off",className:f(_({variant:r,size:s,iconOnly:n}),t),onClick:b=>{g||m(h=>!h),d==null||d(!v),i==null||i(b)},"data-node-id":"5685:204",...c})});re.displayName="Toggle";const se=o.createContext(null),ne=o.forwardRef((t,r)=>{const{type:s,variant:n="outline",size:a="md",orientation:l="horizontal",className:d,children:i}=t,c=t.value!==void 0,[u,g]=o.useState(()=>t.defaultValue==null?[]:Array.isArray(t.defaultValue)?t.defaultValue:[t.defaultValue]),x=c?Array.isArray(t.value)?t.value:t.value?[t.value]:[]:u,m=v=>{var h,k;let b;s==="single"?(b=x[0]===v?[]:[v],c||g(b),(h=t.onValueChange)==null||h.call(t,b[0]??"")):(b=x.includes(v)?x.filter(w=>w!==v):[...x,v],c||g(b),(k=t.onValueChange)==null||k.call(t,b))};return e.jsx(se.Provider,{value:{value:x,toggle:m,variant:n,size:a,orientation:l},children:e.jsx("div",{ref:r,role:"group","data-node-id":"5686:270",className:f("inline-flex w-fit overflow-hidden rounded-radius-lg",l==="vertical"?"flex-col [&>*:not(:first-child)]:-mt-px":"flex-row [&>*:not(:first-child)]:-ml-px",d),children:i})})});ne.displayName="ToggleGroup";const ae=o.forwardRef(({value:t,iconOnly:r,className:s,onClick:n,...a},l)=>{const d=o.useContext(se);if(!d)throw new Error("ToggleGroupItem must be used within ToggleGroup");const i=d.value.includes(t);return e.jsx("button",{ref:l,type:"button","aria-pressed":i,"data-state":i?"on":"off",className:f(_({variant:d.variant,size:d.size,iconOnly:r}),"!rounded-none focus-visible:z-10",s),onClick:c=>{d.toggle(t),n==null||n(c)},...a})});ae.displayName="ToggleGroupItem";const oe=y.cva("flex w-full select-none items-center justify-between gap-1 rounded-radius border bg-card text-sm text-foreground shadow-xs transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-[0.64]",{variants:{inputSize:{sm:"h-7 px-1.5",md:"h-8 px-2",lg:"h-9 px-2"},invalid:{true:"border-destructive focus-visible:ring-destructive/[0.15]",false:"border-input focus-visible:border-disabled/30 focus-visible:ring-disabled/[0.07]"}},defaultVariants:{inputSize:"md",invalid:!1}});function pt({className:t}){return e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:t,"aria-hidden":!0,children:e.jsx("path",{d:"m6 9 6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})}function bt(){return e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",className:"size-4","aria-hidden":!0,children:e.jsx("path",{d:"M20 6 9 17l-5-5",strokeLinecap:"round",strokeLinejoin:"round"})})}const ie=o.forwardRef(({options:t,value:r,defaultValue:s,onValueChange:n,placeholder:a="Select…",disabled:l=!1,inputSize:d,invalid:i,className:c,contentClassName:u,id:g,name:x},m)=>{const v=r!==void 0,[b,h]=o.useState(s),k=v?r:b,[w,j]=o.useState(!1),D=o.useRef(null),A=o.useRef(null),L=t.find(p=>p.value===k);o.useEffect(()=>{if(!w)return;const p=N=>{D.current&&!D.current.contains(N.target)&&j(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[w]),o.useEffect(()=>{var S;if(!w)return;const p=(S=A.current)==null?void 0:S.querySelectorAll("[data-select-item]:not([disabled])");if(!(p!=null&&p.length))return;(Array.from(p).find(z=>z.dataset.value===k)??p[0]).focus()},[w,k]);const dt=p=>{v||h(p),n==null||n(p),j(!1)},G=p=>{var F;const N=Array.from(((F=A.current)==null?void 0:F.querySelectorAll("[data-select-item]:not([disabled])"))??[]),S=N.findIndex(ct=>ct===document.activeElement),z=N[(S+p+N.length)%N.length];z==null||z.focus()};return e.jsxs("div",{ref:D,className:"relative",children:[e.jsxs("button",{ref:m,type:"button",id:g,name:x,disabled:l,"aria-haspopup":"listbox","aria-expanded":w,"data-node-id":"7751:1561",className:f(oe({inputSize:d,invalid:i}),c),onClick:()=>j(p=>!p),onKeyDown:p=>{(p.key==="ArrowDown"||p.key==="Enter"||p.key===" ")&&(p.preventDefault(),j(!0))},children:[e.jsx("span",{className:f("truncate",!L&&"text-muted-foreground"),children:L?L.label:a}),e.jsx(pt,{className:f("size-4 shrink-0 opacity-50 transition-transform",w&&"rotate-180")})]}),w&&e.jsx("div",{ref:A,role:"listbox",tabIndex:-1,className:f("absolute left-0 top-full z-50 mt-1 flex max-h-64 w-full flex-col gap-px overflow-auto rounded-radius-xl border border-border bg-popover p-1 shadow-overlay",u),onKeyDown:p=>{var N,S;p.key==="Escape"?(j(!1),(S=(N=D.current)==null?void 0:N.querySelector("button"))==null||S.focus()):p.key==="ArrowDown"?(p.preventDefault(),G(1)):p.key==="ArrowUp"&&(p.preventDefault(),G(-1))},children:t.map(p=>{const N=p.value===k;return e.jsxs("button",{type:"button",role:"option","aria-selected":N,disabled:p.disabled,"data-select-item":"","data-value":p.value,className:f("flex h-7 w-full items-center gap-0.5 rounded-radius-lg px-0.5 text-left text-xs font-medium text-accent-foreground outline-none transition-colors","hover:bg-accent focus-visible:bg-accent","disabled:pointer-events-none disabled:opacity-[0.64]",N&&"bg-primary/[0.04]"),onClick:()=>dt(p.value),children:[e.jsx("span",{className:"flex size-7 shrink-0 items-center justify-center",children:N?e.jsx(bt,{}):null}),p.icon?e.jsx("span",{className:"inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-4",children:p.icon}):null,e.jsx("span",{className:"min-w-0 flex-1 truncate",children:p.label})]},p.value)})})]})});ie.displayName="Select";const le=y.cva("relative inline-flex shrink-0 cursor-pointer items-center rounded-radius-full p-0.5 outline-none transition-colors shadow-[inset_0_2px_4px_0_rgb(0_0_0_/_0.05)] focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:cursor-not-allowed disabled:opacity-[0.64] data-[state=on]:bg-success data-[state=off]:bg-input",{variants:{size:{md:"h-[18px] w-[30px]",lg:"h-6 w-11"}},defaultVariants:{size:"md"}}),vt=y.cva("pointer-events-none block rounded-radius-full bg-card shadow-xs transition-transform",{variants:{size:{md:"size-[14px] data-[state=on]:translate-x-3",lg:"size-5 data-[state=on]:translate-x-5"}},defaultVariants:{size:"md"}}),de=o.forwardRef(({className:t,size:r,checked:s,defaultChecked:n=!1,onCheckedChange:a,onClick:l,disabled:d,...i},c)=>{const u=s!==void 0,[g,x]=o.useState(n),m=u?s:g,v=m?"on":"off";return e.jsx("button",{ref:c,type:"button",role:"switch","aria-checked":m,disabled:d,"data-state":v,className:f(le({size:r}),t),onClick:b=>{u||x(h=>!h),a==null||a(!m),l==null||l(b)},"data-node-id":"7715:1962",...i,children:e.jsx("span",{"data-state":v,className:vt({size:r})})})});de.displayName="Switch";const ce=o.forwardRef(({className:t,orientation:r="horizontal",decorative:s=!0,...n},a)=>e.jsx("div",{ref:a,role:s?"none":"separator","aria-orientation":s?void 0:r,"data-node-id":"3605:3065",className:f("shrink-0 bg-border",r==="horizontal"?"h-px w-full":"h-full w-px",t),...n}));ce.displayName="Separator";const ue=o.forwardRef(({className:t,...r},s)=>e.jsx("div",{ref:s,"data-node-id":"7669:1885",className:f("animate-pulse rounded-radius-lg bg-secondary",t),...r}));ue.displayName="Skeleton";const fe=y.cva("animate-spin",{variants:{size:{sm:"size-4",md:"size-6",lg:"size-8"}},defaultVariants:{size:"md"}}),C=o.forwardRef(({className:t,size:r,...s},n)=>e.jsxs("svg",{ref:n,viewBox:"0 0 24 24",fill:"none",role:"status","aria-label":"로딩 중","data-node-id":"7707:393",className:f(fe({size:r}),t),...s,children:[e.jsx("circle",{cx:"12",cy:"12",r:"9",stroke:"currentColor",strokeWidth:"2.5",className:"opacity-20"}),e.jsx("path",{d:"M21 12a9 9 0 0 0-9-9",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})]}));C.displayName="Spinner";const xe=y.cva("flex w-full resize-y rounded-radius border bg-background text-sm text-foreground shadow-xs outline-none transition-colors placeholder:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-[0.64]",{variants:{inputSize:{sm:"min-h-16 px-2 py-1",md:"min-h-[76px] px-3 py-1.5",lg:"min-h-24 px-3 py-2"},invalid:{true:"border-destructive focus-visible:ring-destructive/[0.15]",false:"border-input focus-visible:border-disabled/30 focus-visible:ring-disabled/[0.07]"}},defaultVariants:{inputSize:"md",invalid:!1}}),me=o.forwardRef(({className:t,inputSize:r,invalid:s,...n},a)=>e.jsx("textarea",{ref:a,"data-node-id":"7751:1067",className:f(xe({inputSize:r,invalid:s}),t),...n}));me.displayName="Textarea";const ge=y.cva("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden bg-secondary font-medium text-muted-foreground",{variants:{size:{xs:"size-6 text-xs",sm:"size-7 text-xs",md:"size-8 text-sm",lg:"size-9 text-sm",xl:"size-10 text-base","2xl":"size-12 text-base"},shape:{circle:"rounded-radius-full",square:"rounded-radius"}},defaultVariants:{size:"md",shape:"circle"}}),E=o.forwardRef(({className:t,size:r,shape:s,src:n,alt:a,fallback:l,ring:d,...i},c)=>{const[u,g]=o.useState(!1),x=n&&!u;return e.jsx("div",{ref:c,"data-node-id":"1696:153",className:f(ge({size:r,shape:s}),d&&"ring-2 ring-background",t),...i,children:x?e.jsx("img",{src:n,alt:a,className:"size-full object-cover",onError:()=>g(!0)}):e.jsx("span",{children:l})})});E.displayName="Avatar";const pe=o.forwardRef(({className:t,size:r="md",max:s,children:n,...a},l)=>{const d=o.Children.toArray(n).filter(o.isValidElement),i=s!=null?d.slice(0,s):d,c=s!=null?d.length-i.length:0;return e.jsxs("div",{ref:l,"data-node-id":"1696:220",className:f("flex items-center [&>*:not(:first-child)]:-ml-3",t),...a,children:[i.map((u,g)=>o.cloneElement(u,{key:u.key??g,ring:!0,size:u.props.size??r})),c>0&&e.jsx(E,{size:r,ring:!0,fallback:`+${c}`})]})});pe.displayName="AvatarGroup";const be=y.cva("inline-flex h-5 items-center justify-center gap-1 rounded-radius-full px-2 py-0.5 text-xs font-medium leading-[14px] tracking-[0.12px] whitespace-nowrap",{variants:{color:{info:"",success:"",warning:"",destructive:"",neutral:""},variant:{fill:"",tinted:""}},compoundVariants:[{variant:"fill",color:"info",class:"bg-info text-primary-foreground"},{variant:"fill",color:"success",class:"bg-success text-primary-foreground"},{variant:"fill",color:"warning",class:"bg-warning text-primary-foreground"},{variant:"fill",color:"destructive",class:"bg-destructive text-primary-foreground"},{variant:"fill",color:"neutral",class:"bg-foreground text-background"},{variant:"tinted",color:"info",class:"bg-info/[0.08] text-info-foreground"},{variant:"tinted",color:"success",class:"bg-success/[0.08] text-success-foreground"},{variant:"tinted",color:"warning",class:"bg-warning/[0.08] text-warning-foreground"},{variant:"tinted",color:"destructive",class:"bg-destructive/[0.08] text-destructive-foreground"},{variant:"tinted",color:"neutral",class:"bg-foreground/[0.08] text-foreground"}],defaultVariants:{color:"neutral",variant:"fill"}}),ve=o.forwardRef(({className:t,color:r,variant:s,...n},a)=>e.jsx("span",{ref:a,"data-node-id":"9929:48567",className:f(be({color:r,variant:s}),t),...n}));ve.displayName="Badge";const he=y.cva("flex items-center rounded-radius border border-input bg-background text-foreground shadow-xs transition-colors focus-within:border-disabled/30 focus-within:ring-[3px] focus-within:ring-offset-0 focus-within:ring-disabled/[0.07] has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-[0.64]",{variants:{size:{sm:"h-7",md:"h-8",lg:"h-9"}},defaultVariants:{size:"md"}});function H({dir:t,...r}){return e.jsx("button",{type:"button",tabIndex:-1,className:"inline-flex h-full w-9 shrink-0 items-center justify-center text-foreground transition-colors hover:bg-secondary/50 disabled:opacity-40 [&_svg]:size-4",...r,children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:t==="dec"?e.jsx("path",{d:"M5 12h14",strokeLinecap:"round"}):e.jsx("path",{d:"M12 5v14M5 12h14",strokeLinecap:"round"})})})}const we=o.forwardRef(({className:t,size:r,value:s,defaultValue:n=0,onValueChange:a,min:l,max:d,step:i=1,disabled:c,...u},g)=>{const x=s!==void 0,[m,v]=o.useState(n),b=x?s:m,h=w=>Math.min(d??1/0,Math.max(l??-1/0,w)),k=w=>{const j=h(w);x||v(j),a==null||a(j)};return e.jsxs("div",{className:f(he({size:r}),t),"data-node-id":"7781:5501",children:[e.jsx(H,{dir:"dec",disabled:c||l!=null&&b<=l,onClick:()=>k(b-i),"aria-label":"감소"}),e.jsx("input",{ref:g,type:"text",inputMode:"numeric",disabled:c,value:b,onChange:w=>{const j=Number(w.target.value);Number.isNaN(j)||k(j)},className:"min-w-0 flex-1 bg-transparent text-center text-sm text-foreground outline-none",...u}),e.jsx(H,{dir:"inc",disabled:c||d!=null&&b>=d,onClick:()=>k(b+i),"aria-label":"증가"})]})});we.displayName="NumberField";const ye=o.createContext(null);let ht=0;const je=o.forwardRef(({className:t,value:r,defaultValue:s,onValueChange:n,name:a,disabled:l,children:d,...i},c)=>{const u=r!==void 0,[g,x]=o.useState(s),m=u?r:g,v=o.useMemo(()=>a??`radio-group-${++ht}`,[a]);return e.jsx(ye.Provider,{value:{value:m,name:v,disabled:l,onValueChange:b=>{u||x(b),n==null||n(b)}},children:e.jsx("div",{ref:c,role:"radiogroup","data-node-id":"7669:1454",className:f("flex flex-col gap-3",t),...i,children:d})})});je.displayName="RadioGroup";const Ne=o.forwardRef(({className:t,value:r,title:s,description:n,disabled:a,cardStyle:l,children:d,...i},c)=>{const u=o.useContext(ye);if(!u)throw new Error("RadioGroupItem must be used within RadioGroup");const g=a||u.disabled,x=u.value===r;return e.jsxs("label",{ref:c,className:f("flex items-start gap-2",l&&"rounded-radius border border-border p-3",g?"cursor-not-allowed opacity-[0.64]":"cursor-pointer",t),...i,children:[e.jsx("input",{type:"radio",name:u.name,value:r,checked:x,disabled:g,onChange:()=>{var m;return(m=u.onValueChange)==null?void 0:m.call(u,r)},className:"peer sr-only"}),e.jsx("span",{"aria-hidden":!0,className:f("mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-radius-full border shadow-xs transition-colors","peer-focus-visible:ring-[3px] peer-focus-visible:ring-offset-0 peer-focus-visible:ring-disabled/[0.07]",x?"border-foreground bg-foreground":"border-input bg-background"),children:x&&e.jsx("span",{className:"size-1.5 rounded-radius-full bg-card"})}),(s!=null||n!=null||d!=null)&&e.jsxs("span",{className:"flex min-w-0 flex-1 flex-col gap-1.5",children:[s!=null&&e.jsx("span",{className:"text-base leading-6 text-foreground",children:s}),d,n!=null&&e.jsx("span",{className:"text-xs leading-[14px] tracking-[0.12px] text-muted-foreground",children:n})]})]})});Ne.displayName="RadioGroupItem";const wt=y.cva("inline-flex w-full items-center gap-0 bg-background p-0.5",{variants:{segStyle:{rounded:"rounded-radius-full",regular:"rounded-radius",sharp:"rounded-none"}},defaultVariants:{segStyle:"rounded"}}),ke=y.cva("flex flex-1 items-center justify-center gap-1 px-3 py-2 text-sm font-medium outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] focus-visible:z-10 disabled:pointer-events-none disabled:opacity-[0.64]",{variants:{segStyle:{rounded:"rounded-radius-full",regular:"rounded-radius-lg",sharp:"rounded-none"},active:{true:"bg-card text-foreground shadow-xs",false:"text-muted-foreground hover:text-foreground"}},defaultVariants:{segStyle:"rounded",active:!1}}),Se=o.forwardRef(({className:t,options:r,value:s,defaultValue:n,onValueChange:a,segStyle:l,...d},i)=>{var v;const c=s!==void 0,[u,g]=o.useState(n??((v=r[0])==null?void 0:v.value)),x=c?s:u,m=b=>{c||g(b),a==null||a(b)};return e.jsx("div",{ref:i,role:"radiogroup","data-node-id":"9705:88227",className:f(wt({segStyle:l}),t),...d,children:r.map(b=>{const h=b.value===x;return e.jsx("button",{type:"button",role:"radio","aria-checked":h,disabled:b.disabled,className:ke({segStyle:l,active:h}),onClick:()=>m(b.value),children:b.label},b.value)})})});Se.displayName="SegmentedControl";const ze=o.createContext(null),M=()=>{const t=o.useContext(ze);if(!t)throw new Error("Tabs components must be used within <Tabs>");return t},Te=o.forwardRef(({className:t,value:r,defaultValue:s,onValueChange:n,variant:a="default",children:l,...d},i)=>{const c=r!==void 0,[u,g]=o.useState(s),x=c?r:u;return e.jsx(ze.Provider,{value:{value:x,variant:a,setValue:m=>{c||g(m),n==null||n(m)}},children:e.jsx("div",{ref:i,"data-node-id":"7722:82",className:f("flex flex-col gap-3",t),...d,children:l})})});Te.displayName="Tabs";const Re=o.forwardRef(({className:t,...r},s)=>{const{variant:n}=M();return e.jsx("div",{ref:s,role:"tablist",className:f("inline-flex items-center",n==="default"?"gap-0.5 rounded-radius-lg bg-secondary p-0.5":"gap-1 border-b border-border",t),...r})});Re.displayName="TabsList";const De=o.forwardRef(({className:t,value:r,...s},n)=>{const{value:a,setValue:l,variant:d}=M(),i=a===r;return e.jsx("button",{ref:n,type:"button",role:"tab","aria-selected":i,"data-state":i?"active":"inactive",onClick:()=>l(r),className:f("inline-flex min-w-9 items-center justify-center gap-1 text-sm font-medium outline-none transition-colors","focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:pointer-events-none disabled:opacity-[0.64]",d==="default"?f("rounded-radius-lg px-2 py-1.5",i?"bg-card text-foreground shadow-xs":"text-muted-foreground hover:text-foreground"):f("-mb-px border-b-2 px-2 pb-2",i?"border-foreground text-foreground":"border-transparent text-muted-foreground hover:text-foreground"),t),...s})});De.displayName="TabsTrigger";const Ie=o.forwardRef(({className:t,value:r,...s},n)=>{const{value:a}=M();return a!==r?null:e.jsx("div",{ref:n,role:"tabpanel",className:f("text-sm text-foreground",t),...s})});Ie.displayName="TabsContent";const Ve=o.createContext(null),Ae=o.forwardRef((t,r)=>{const{type:s="single",className:n,children:a}=t,l=t.value!==void 0,[d,i]=o.useState(()=>{const x=t.defaultValue;return x==null?[]:Array.isArray(x)?x:[x]}),c=t.value,u=l?Array.isArray(c)?c:c?[c]:[]:d,g=x=>{var v,b;let m;s==="multiple"?(m=u.includes(x)?u.filter(h=>h!==x):[...u,x],l||i(m),(v=t.onValueChange)==null||v.call(t,m)):(m=u.includes(x)?[]:[x],l||i(m),(b=t.onValueChange)==null||b.call(t,m[0]??""))};return e.jsx(Ve.Provider,{value:{isOpen:x=>u.includes(x),toggle:g},children:e.jsx("div",{ref:r,"data-node-id":"1673:58",className:f("w-full",n),children:a})})});Ae.displayName="Accordion";const Le=o.forwardRef(({className:t,value:r,title:s,icon:n,showSeparator:a=!0,children:l,...d},i)=>{const c=o.useContext(Ve);if(!c)throw new Error("AccordionItem must be used within Accordion");const u=c.isOpen(r);return e.jsxs("div",{ref:i,className:f("w-full",a&&"border-b border-border",t),...d,children:[e.jsxs("button",{type:"button","aria-expanded":u,onClick:()=>c.toggle(r),className:"flex w-full items-center gap-1 py-4 text-left outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07]",children:[e.jsxs("span",{className:"flex flex-1 items-center gap-2.5 text-sm font-medium text-foreground",children:[n?e.jsx("span",{className:"inline-flex shrink-0 [&_svg]:size-5",children:n}):null,s]}),e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:f("size-5 shrink-0 text-foreground transition-transform",u&&"rotate-180"),children:e.jsx("path",{d:"m6 9 6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),u&&e.jsx("div",{className:"pb-4 text-sm text-muted-foreground",children:l})]})});Le.displayName="AccordionItem";const _e=o.forwardRef(({className:t,title:r,open:s,defaultOpen:n=!1,onOpenChange:a,disabled:l,children:d,...i},c)=>{const u=s!==void 0,[g,x]=o.useState(n),m=u?s:g;return e.jsxs("div",{ref:c,"data-node-id":"5677:165",className:f("w-full",t),...i,children:[e.jsxs("button",{type:"button","aria-expanded":m,disabled:l,onClick:()=>{u||x(v=>!v),a==null||a(!m)},className:"flex w-full items-center gap-1 text-left text-sm text-foreground outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:cursor-not-allowed disabled:opacity-[0.64]",children:[e.jsx("span",{className:"min-w-0 flex-1",children:r}),e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:f("size-5 shrink-0 transition-transform",m&&"rotate-180"),children:e.jsx("path",{d:"m6 9 6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),m&&e.jsx("div",{className:"pt-2 text-sm text-muted-foreground",children:d})]})});_e.displayName="Collapsible";function yt(){return e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:"size-4 shrink-0 opacity-80",children:e.jsx("path",{d:"m9 18 6-6-6-6",strokeLinecap:"round",strokeLinejoin:"round"})})}const Ce=o.forwardRef(({className:t,items:r,separator:s="chevron",...n},a)=>e.jsx("nav",{ref:a,"aria-label":"breadcrumb","data-node-id":"5665:4391",className:f("flex items-center",t),...n,children:e.jsx("ol",{className:"flex items-center gap-1 text-sm",children:r.map((l,d)=>{const i=d===r.length-1;return e.jsxs("li",{className:"flex items-center gap-1",children:[l.href&&!i?e.jsx("a",{href:l.href,className:"text-muted-foreground transition-colors hover:text-foreground",children:l.label}):e.jsx("span",{className:i?"text-foreground":"text-muted-foreground","aria-current":i?"page":void 0,children:l.label}),!i&&(s==="slash"?e.jsx("span",{className:"text-muted-foreground/60","aria-hidden":!0,children:"/"}):e.jsx("span",{className:"text-muted-foreground","aria-hidden":!0,children:e.jsx(yt,{})}))]},d)})})}));Ce.displayName="Breadcrumb";const Ee=y.cva("relative flex w-full flex-wrap items-center gap-3 overflow-hidden rounded-radius-xl border px-3.5 py-3 text-sm",{variants:{type:{default:"border-border bg-card [&_[data-alert-icon]]:text-foreground",info:"border-info/[0.32] bg-info/[0.04] [&_[data-alert-icon]]:text-info",success:"border-success/[0.32] bg-success/[0.04] [&_[data-alert-icon]]:text-success",warning:"border-warning/[0.32] bg-warning/[0.04] [&_[data-alert-icon]]:text-warning",error:"border-destructive/[0.32] bg-destructive/[0.04] [&_[data-alert-icon]]:text-destructive"}},defaultVariants:{type:"default"}});function Me({type:t}){const r={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":!0,className:"size-full"};return e.jsxs("svg",{...r,strokeLinecap:"round",strokeLinejoin:"round",children:[t==="success"&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{d:"m8.5 12 2.5 2.5 4.5-5"})]}),t==="warning"&&e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M12 3 2 20h20L12 3Z"}),e.jsx("path",{d:"M12 9v5M12 17.5v.5"})]}),t==="error"&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{d:"m9 9 6 6M15 9l-6 6"})]}),(t==="info"||t==="default")&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{d:"M12 11v5M12 8v.5"})]})]})}const Oe=o.forwardRef(({className:t,type:r="default",title:s,icon:n,action:a,children:l,...d},i)=>e.jsxs("div",{ref:i,role:"alert","data-node-id":"5655:4958",className:f(Ee({type:r}),t),...d,children:[e.jsxs("div",{className:"flex min-w-[240px] flex-1 items-start gap-2",children:[n!==!1&&e.jsx("span",{"data-alert-icon":!0,className:"inline-flex size-5 shrink-0 [&_svg]:size-5",children:n??e.jsx(Me,{type:r??"default"})}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1 leading-5",children:[s!=null&&e.jsx("p",{className:"font-medium text-foreground",children:s}),l!=null&&e.jsx("p",{className:"text-muted-foreground",children:l})]})]}),a&&e.jsx("div",{className:"flex shrink-0 items-start gap-2",children:a})]}));Oe.displayName="Alert";const jt=y.cva("inline-flex size-5 shrink-0 [&_svg]:size-5",{variants:{type:{default:"text-foreground",loading:"text-muted-foreground",info:"text-info",success:"text-success",warning:"text-warning",error:"text-destructive"}},defaultVariants:{type:"default"}}),Pe=o.forwardRef(({className:t,type:r="default",title:s,icon:n,action:a,children:l,...d},i)=>{const c=r==="info"||r==="success"||r==="warning"||r==="error"?r:"default",u=n??(r==="loading"?e.jsx(C,{size:"sm"}):e.jsx(Me,{type:c}));return e.jsxs("div",{ref:i,role:"status","data-node-id":"7728:238",className:f("flex w-full flex-wrap items-center gap-3 rounded-radius-xl border border-border bg-popover px-3.5 py-3 text-sm shadow-overlay",t),...d,children:[e.jsxs("div",{className:"flex min-w-[240px] flex-1 items-start gap-2",children:[n!==!1&&e.jsx("span",{className:jt({type:r}),children:u}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1 leading-5",children:[s!=null&&e.jsx("p",{className:"font-medium text-foreground",children:s}),l!=null&&e.jsx("p",{className:"text-muted-foreground",children:l})]})]}),a&&e.jsx("div",{className:"flex shrink-0 items-start gap-2",children:a})]})});Pe.displayName="Toast";const Nt={top:"bottom-full left-1/2 mb-1.5 -translate-x-1/2",bottom:"top-full left-1/2 mt-1.5 -translate-x-1/2",left:"right-full top-1/2 mr-1.5 -translate-y-1/2",right:"left-full top-1/2 ml-1.5 -translate-y-1/2"},Be=o.forwardRef(({className:t,content:r,side:s="top",children:n,...a},l)=>e.jsxs("span",{ref:l,className:f("group relative inline-flex",t),...a,children:[n,e.jsx("span",{role:"tooltip",className:f("pointer-events-none absolute z-50 w-max max-w-xs whitespace-nowrap rounded-radius-lg border border-border bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 shadow-overlay transition-opacity duration-150","group-hover:opacity-100 group-focus-within:opacity-100",Nt[s]),children:r})]}));Be.displayName="Tooltip";const Ge=o.forwardRef(({className:t,bordered:r=!0,children:s,...n},a)=>e.jsx("div",{ref:a,"data-node-id":"7669:1745",className:f("max-h-[204px] overflow-auto","[scrollbar-width:thin] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:h-1.5","[&::-webkit-scrollbar-track]:bg-transparent","[&::-webkit-scrollbar-thumb]:rounded-radius-full [&::-webkit-scrollbar-thumb]:bg-foreground/20 hover:[&::-webkit-scrollbar-thumb]:bg-foreground/30",r&&"rounded-radius border border-border px-4 py-2",t),...n,children:s}));Ge.displayName="ScrollArea";function Fe({children:t}){const[r]=o.useState(()=>typeof document<"u"?document.body:null);return r?mt.createPortal(t,r):null}function He(t,r){o.useEffect(()=>{if(!t)return;const s=a=>{a.key==="Escape"&&r()};document.addEventListener("keydown",s);const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",s),document.body.style.overflow=n}},[t,r])}const We="fixed inset-0 z-50 bg-[rgb(16_16_18_/_0.32)] backdrop-blur-sm";function O(t,r,s){const n=t!==void 0,[a,l]=o.useState(r),d=n?t:a,i=o.useCallback(c=>{n||l(c),s==null||s(c)},[n,s]);return[d,i]}const kt='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';function qe(t,r){o.useEffect(()=>{if(!t)return;const s=r.current;if(!s)return;const n=document.activeElement,a=()=>Array.from(s.querySelectorAll(kt)).filter(i=>i.offsetParent!==null),l=setTimeout(()=>{const i=r.current;i&&!i.contains(document.activeElement)&&i.focus()},0),d=i=>{if(i.key!=="Tab")return;const c=a();if(c.length===0){i.preventDefault(),s.focus();return}const u=c[0],g=c[c.length-1],x=document.activeElement;i.shiftKey&&(x===u||x===s)?(i.preventDefault(),g.focus()):!i.shiftKey&&x===g&&(i.preventDefault(),u.focus())};return s.addEventListener("keydown",d),()=>{clearTimeout(l),s.removeEventListener("keydown",d),n!=null&&n.isConnected&&n.focus()}},[t,r])}function Ke(){const t=o.useId(),r=o.useId(),[s,n]=o.useState(!1),[a,l]=o.useState(!1);return{titleId:t,descId:r,setHasTitle:n,setHasDesc:l,labelProps:{"aria-labelledby":s?t:void 0,"aria-describedby":a?r:void 0}}}function V(t){o.useEffect(()=>(t(!0),()=>t(!1)),[t])}const $e=o.createContext(null),T=()=>{const t=o.useContext($e);if(!t)throw new Error("Dialog parts must be used within <Dialog>");return t};function Ue({open:t,defaultOpen:r=!1,onOpenChange:s,role:n="dialog",dismissable:a=!0,children:l}){const[d,i]=O(t,r,s),c=Ke();return e.jsx($e.Provider,{value:{open:d,setOpen:i,role:n,dismissable:a,...c},children:l})}const Ze=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=T();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!0),t==null||t(a)},...r})});Ze.displayName="DialogTrigger";const Je=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=T();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!1),t==null||t(a)},...r})});Je.displayName="DialogClose";const P=o.forwardRef(({className:t,showClose:r=!0,children:s,...n},a)=>{const{open:l,setOpen:d,role:i,dismissable:c,labelProps:u}=T(),g=o.useRef(null),x=o.useCallback(m=>{g.current=m,typeof a=="function"?a(m):a&&(a.current=m)},[a]);return He(l,()=>c&&d(!1)),qe(l,g),l?e.jsx(Fe,{children:e.jsx("div",{className:f(We,"flex items-center justify-center p-4"),onClick:()=>c&&d(!1),children:e.jsxs("div",{ref:x,role:i,"aria-modal":!0,tabIndex:-1,...u,onClick:m=>m.stopPropagation(),className:f("relative flex w-full max-w-[448px] flex-col overflow-hidden rounded-radius-2xl border border-border bg-popover outline-none",i==="alertdialog"&&"shadow-overlay",t),...n,children:[r&&e.jsx("button",{type:"button","aria-label":"닫기",onClick:()=>d(!1),className:"absolute right-4 top-4 inline-flex size-6 items-center justify-center rounded-radius text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"size-4","aria-hidden":!0,children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round"})})}),s]})})}):null});P.displayName="DialogContent";const Qe=({className:t,...r})=>e.jsx("div",{className:f("flex flex-col gap-1 p-6",t),...r}),Xe=({className:t,id:r,...s})=>{const{titleId:n,setHasTitle:a}=T();return V(a),e.jsx("h2",{id:r??n,className:f("text-xl font-semibold leading-7 tracking-[-0.2px] text-foreground",t),...s})},Ye=({className:t,id:r,...s})=>{const{descId:n,setHasDesc:a}=T();return V(a),e.jsx("p",{id:r??n,className:f("text-sm leading-5 text-muted-foreground",t),...s})},et=({className:t,...r})=>e.jsx("div",{className:f("flex items-center justify-end gap-2 border-t border-border bg-secondary/[0.72] px-6 py-4",t),...r});function St({open:t,defaultOpen:r=!1,onOpenChange:s,title:n,description:a,cancelText:l="취소",actionText:d="확인",onAction:i,onCancel:c,destructive:u,children:g}){const[x,m]=O(t,r,s);return e.jsx(Ue,{open:x,onOpenChange:m,role:"alertdialog",dismissable:!1,children:e.jsxs(P,{showClose:!1,children:[e.jsxs(Qe,{children:[e.jsx(Xe,{children:n}),a!=null&&e.jsx(Ye,{children:a}),g]}),e.jsxs(et,{children:[e.jsx(I,{variant:"secondary",onClick:()=>{c==null||c(),m(!1)},children:l}),e.jsx(I,{variant:u?"destructive":"default",onClick:()=>{i==null||i(),m(!1)},children:d})]})]})})}const tt=o.createContext(null),R=()=>{const t=o.useContext(tt);if(!t)throw new Error("Sheet parts must be used within <Sheet>");return t};function rt({open:t,defaultOpen:r=!1,onOpenChange:s,children:n}){const[a,l]=O(t,r,s),d=Ke();return e.jsx(tt.Provider,{value:{open:a,setOpen:l,...d},children:n})}const st=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=R();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!0),t==null||t(a)},...r})});st.displayName="SheetTrigger";const nt=o.forwardRef(({onClick:t,...r},s)=>{const{setOpen:n}=R();return e.jsx("button",{ref:s,type:"button",onClick:a=>{n(!1),t==null||t(a)},...r})});nt.displayName="SheetClose";const zt={right:"inset-y-0 right-0 h-full w-full max-w-sm border-l rounded-l-radius-2xl",left:"inset-y-0 left-0 h-full w-full max-w-sm border-r rounded-r-radius-2xl",top:"inset-x-0 top-0 w-full border-b rounded-b-radius-2xl",bottom:"inset-x-0 bottom-0 w-full border-t rounded-t-radius-2xl"},Tt={right:"inset-y-4 right-4 w-full max-w-sm",left:"inset-y-4 left-4 w-full max-w-sm",top:"inset-x-4 top-4",bottom:"inset-x-4 bottom-4"},B=o.forwardRef(({className:t,side:r="right",inset:s=!1,showClose:n=!0,children:a,...l},d)=>{const{open:i,setOpen:c,labelProps:u}=R(),g=o.useRef(null),x=o.useCallback(m=>{g.current=m,typeof d=="function"?d(m):d&&(d.current=m)},[d]);return He(i,()=>c(!1)),qe(i,g),i?e.jsx(Fe,{children:e.jsx("div",{className:We,onClick:()=>c(!1),children:e.jsxs("div",{ref:x,role:"dialog","aria-modal":!0,tabIndex:-1,...u,onClick:m=>m.stopPropagation(),className:f("fixed flex flex-col overflow-auto border-border bg-popover shadow-overlay outline-none",s?f(Tt[r],"rounded-radius-2xl border"):zt[r],t),...l,children:[n&&e.jsx("button",{type:"button","aria-label":"닫기",onClick:()=>c(!1),className:"absolute right-4 top-4 inline-flex size-6 items-center justify-center rounded-radius text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"size-4","aria-hidden":!0,children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round"})})}),a]})})}):null});B.displayName="SheetContent";const at=({className:t,...r})=>e.jsx("div",{className:f("flex flex-col gap-1 p-6",t),...r}),ot=({className:t,id:r,...s})=>{const{titleId:n,setHasTitle:a}=R();return V(a),e.jsx("h2",{id:r??n,className:f("text-xl font-semibold leading-7 tracking-[-0.2px] text-foreground",t),...s})},it=({className:t,id:r,...s})=>{const{descId:n,setHasDesc:a}=R();return V(a),e.jsx("p",{id:r??n,className:f("text-sm leading-5 text-muted-foreground",t),...s})},lt=({className:t,...r})=>e.jsx("div",{className:f("mt-auto flex items-center justify-end gap-2 border-t border-border px-6 py-4",t),...r});function Rt({open:t,defaultOpen:r,onOpenChange:s,side:n="bottom",inset:a=!0,children:l,...d}){return e.jsx(rt,{open:t,defaultOpen:r,onOpenChange:s,children:e.jsx(B,{side:n,inset:a,...d,children:l})})}exports.Accordion=Ae;exports.AccordionItem=Le;exports.Alert=Oe;exports.AlertDialog=St;exports.Avatar=E;exports.AvatarGroup=pe;exports.Badge=ve;exports.Breadcrumb=Ce;exports.Button=I;exports.Checkbox=q;exports.Collapsible=_e;exports.Dialog=Ue;exports.DialogClose=Je;exports.DialogContent=P;exports.DialogDescription=Ye;exports.DialogFooter=et;exports.DialogHeader=Qe;exports.DialogTitle=Xe;exports.DialogTrigger=Ze;exports.Drawer=Rt;exports.DrawerDescription=it;exports.DrawerFooter=lt;exports.DrawerHeader=at;exports.DrawerTitle=ot;exports.Field=Z;exports.Input=$;exports.InputOTP=Q;exports.InputOTPSeparator=ee;exports.InputOTPSlot=Y;exports.Label=U;exports.Meter=te;exports.NumberField=we;exports.RadioGroup=je;exports.RadioGroupItem=Ne;exports.ScrollArea=Ge;exports.SegmentedControl=Se;exports.Select=ie;exports.Separator=ce;exports.Sheet=rt;exports.SheetClose=nt;exports.SheetContent=B;exports.SheetDescription=it;exports.SheetFooter=lt;exports.SheetHeader=at;exports.SheetTitle=ot;exports.SheetTrigger=st;exports.Skeleton=ue;exports.Spinner=C;exports.Switch=de;exports.Tabs=Te;exports.TabsContent=Ie;exports.TabsList=Re;exports.TabsTrigger=De;exports.Textarea=me;exports.Toast=Pe;exports.Toggle=re;exports.ToggleGroup=ne;exports.ToggleGroupItem=ae;exports.Tooltip=Be;exports.alertVariants=Ee;exports.avatarVariants=ge;exports.badgeVariants=be;exports.buttonVariants=W;exports.inputVariants=K;exports.numberFieldVariants=he;exports.segmentVariants=ke;exports.selectTriggerVariants=oe;exports.slotVariants=X;exports.spinnerVariants=fe;exports.switchVariants=le;exports.textareaVariants=xe;exports.toggleVariants=_;
package/dist/index.js CHANGED
@@ -35,7 +35,7 @@ const ce = N(
35
35
  }
36
36
  }
37
37
  ), C = o.forwardRef(
38
- ({ className: e, variant: t, size: n, type: s = "button", icon: a, rightIcon: i, pill: d, children: l, ...c }, u) => /* @__PURE__ */ b(
38
+ ({ className: e, variant: t, size: n, type: s = "button", icon: a, rightIcon: l, pill: d, children: i, ...c }, u) => /* @__PURE__ */ b(
39
39
  "button",
40
40
  {
41
41
  ref: u,
@@ -49,8 +49,8 @@ const ce = N(
49
49
  ...c,
50
50
  children: [
51
51
  a ? /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 opacity-80", children: a }) : null,
52
- l != null ? /* @__PURE__ */ r("span", { "data-label": !0, className: "px-1", children: l }) : null,
53
- i ? /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 opacity-80", children: i }) : null
52
+ i != null ? /* @__PURE__ */ r("span", { "data-label": !0, className: "px-1", children: i }) : null,
53
+ l ? /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 opacity-80", children: l }) : null
54
54
  ]
55
55
  }
56
56
  )
@@ -63,9 +63,9 @@ const ue = o.forwardRef(
63
63
  indeterminate: n = !1,
64
64
  disabled: s = !1,
65
65
  mobile: a = !1,
66
- onCheckedChange: i,
66
+ onCheckedChange: l,
67
67
  className: d,
68
- ...l
68
+ ...i
69
69
  }, c) => {
70
70
  const u = e !== void 0, [x, m] = o.useState(t ?? !1), p = u ? e : x, h = o.useRef(null);
71
71
  o.useImperativeHandle(c, () => h.current);
@@ -75,7 +75,7 @@ const ue = o.forwardRef(
75
75
  }, [w]);
76
76
  const S = (y) => {
77
77
  const k = y.target.checked;
78
- u || m(k), i == null || i(k);
78
+ u || m(k), l == null || l(k);
79
79
  };
80
80
  return /* @__PURE__ */ b(
81
81
  "label",
@@ -96,7 +96,7 @@ const ue = o.forwardRef(
96
96
  defaultChecked: u ? void 0 : t,
97
97
  disabled: s,
98
98
  onChange: S,
99
- ...l
99
+ ...i
100
100
  }
101
101
  ),
102
102
  /* @__PURE__ */ b(
@@ -162,9 +162,9 @@ const fe = N(
162
162
  inputSize: n,
163
163
  invalid: s = !1,
164
164
  leftIcon: a,
165
- rightIcon: i,
165
+ rightIcon: l,
166
166
  prefix: d,
167
- suffix: l,
167
+ suffix: i,
168
168
  type: c = "text",
169
169
  ...u
170
170
  }, x) => /* @__PURE__ */ b(
@@ -187,8 +187,8 @@ const fe = N(
187
187
  ...u
188
188
  }
189
189
  ),
190
- l != null ? /* @__PURE__ */ r("span", { className: "shrink-0 text-muted-foreground", children: l }) : null,
191
- i ? /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 opacity-80 [&_svg]:size-4", children: i }) : null
190
+ i != null ? /* @__PURE__ */ r("span", { className: "shrink-0 text-muted-foreground", children: i }) : null,
191
+ l ? /* @__PURE__ */ r("span", { className: "inline-flex shrink-0 opacity-80 [&_svg]:size-4", children: l }) : null
192
192
  ]
193
193
  }
194
194
  )
@@ -211,7 +211,7 @@ const pe = o.forwardRef(
211
211
  );
212
212
  pe.displayName = "Label";
213
213
  const xe = o.forwardRef(
214
- ({ className: e, label: t, required: n = !1, htmlFor: s, description: a, error: i, validity: d, children: l, ...c }, u) => /* @__PURE__ */ b(
214
+ ({ className: e, label: t, required: n = !1, htmlFor: s, description: a, error: l, validity: d, children: i, ...c }, u) => /* @__PURE__ */ b(
215
215
  "div",
216
216
  {
217
217
  ref: u,
@@ -231,9 +231,9 @@ const xe = o.forwardRef(
231
231
  ]
232
232
  }
233
233
  ),
234
- l
234
+ i
235
235
  ] }),
236
- i != null ? /* @__PURE__ */ r("p", { className: "text-xs leading-[14px] tracking-[0.12px] text-destructive-foreground", children: i }) : a != null ? /* @__PURE__ */ r("p", { className: "text-xs leading-[14px] tracking-[0.12px] text-muted-foreground", children: a }) : null,
236
+ l != null ? /* @__PURE__ */ r("p", { className: "text-xs leading-[14px] tracking-[0.12px] text-destructive-foreground", children: l }) : a != null ? /* @__PURE__ */ r("p", { className: "text-xs leading-[14px] tracking-[0.12px] text-muted-foreground", children: a }) : null,
237
237
  d != null && /* @__PURE__ */ r("div", { className: "rounded-radius-lg bg-secondary p-2", children: /* @__PURE__ */ r("p", { className: "text-xs leading-[14px] tracking-[0.12px] text-foreground", children: d }) })
238
238
  ]
239
239
  }
@@ -247,20 +247,20 @@ const G = o.createContext(!1), be = o.forwardRef(
247
247
  title: n = "Verification code",
248
248
  showTitle: s = !0,
249
249
  belowText: a = "Enter the 6-digit code sent to your email.",
250
- showBelowText: i = !0,
250
+ showBelowText: l = !0,
251
251
  children: d,
252
- ...l
252
+ ...i
253
253
  }, c) => /* @__PURE__ */ r(G.Provider, { value: t, children: /* @__PURE__ */ b(
254
254
  "div",
255
255
  {
256
256
  ref: c,
257
257
  className: f("flex flex-col items-center gap-2", e),
258
258
  "data-node-id": "8060:1580",
259
- ...l,
259
+ ...i,
260
260
  children: [
261
261
  s ? /* @__PURE__ */ r("p", { className: "w-full text-center text-sm font-medium text-foreground", children: n }) : null,
262
262
  /* @__PURE__ */ r("div", { className: "flex items-center justify-center gap-2", children: d }),
263
- i ? /* @__PURE__ */ r("p", { className: "w-full text-center text-xs text-muted-foreground", children: a }) : null
263
+ l ? /* @__PURE__ */ r("p", { className: "w-full text-center text-xs text-muted-foreground", children: a }) : null
264
264
  ]
265
265
  }
266
266
  ) })
@@ -280,12 +280,12 @@ const ge = N(
280
280
  defaultVariants: { isLarge: !1, active: !1 }
281
281
  }
282
282
  ), ve = o.forwardRef(
283
- ({ className: e, char: t, active: n = !1, isLarge: s, ...a }, i) => {
283
+ ({ className: e, char: t, active: n = !1, isLarge: s, ...a }, l) => {
284
284
  const d = o.useContext(G);
285
285
  return /* @__PURE__ */ r(
286
286
  "div",
287
287
  {
288
- ref: i,
288
+ ref: l,
289
289
  className: f(ge({ isLarge: s ?? d, active: n }), e),
290
290
  ...a,
291
291
  children: t != null ? /* @__PURE__ */ r("span", { className: "text-center", children: t }) : null
@@ -312,9 +312,9 @@ const we = o.forwardRef(
312
312
  min: n = 0,
313
313
  max: s = 100,
314
314
  label: a = "Label",
315
- valueLabel: i,
315
+ valueLabel: l,
316
316
  showLabels: d = !0,
317
- showSecondaryLabel: l = !0,
317
+ showSecondaryLabel: i = !0,
318
318
  ...c
319
319
  }, u) => {
320
320
  const x = s - n || 1, m = Math.min(100, Math.max(0, (t - n) / x * 100));
@@ -333,7 +333,7 @@ const we = o.forwardRef(
333
333
  children: [
334
334
  d ? /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
335
335
  a != null ? /* @__PURE__ */ r("span", { className: "text-xs font-medium text-foreground", children: a }) : null,
336
- l ? /* @__PURE__ */ r("span", { className: "text-xs font-medium text-foreground", children: i ?? `${Math.round(m)}%` }) : null
336
+ i ? /* @__PURE__ */ r("span", { className: "text-xs font-medium text-foreground", children: l ?? `${Math.round(m)}%` }) : null
337
337
  ] }) : null,
338
338
  /* @__PURE__ */ r("div", { className: "relative h-2 w-full overflow-hidden bg-input", "data-node-id": "7664:42", children: /* @__PURE__ */ r(
339
339
  "div",
@@ -382,12 +382,12 @@ const W = N(
382
382
  size: n,
383
383
  iconOnly: s,
384
384
  pressed: a,
385
- defaultPressed: i = !1,
385
+ defaultPressed: l = !1,
386
386
  onPressedChange: d,
387
- onClick: l,
387
+ onClick: i,
388
388
  ...c
389
389
  }, u) => {
390
- const x = a !== void 0, [m, p] = o.useState(i), h = x ? a : m;
390
+ const x = a !== void 0, [m, p] = o.useState(l), h = x ? a : m;
391
391
  return /* @__PURE__ */ r(
392
392
  "button",
393
393
  {
@@ -397,7 +397,7 @@ const W = N(
397
397
  "data-state": h ? "on" : "off",
398
398
  className: f(W({ variant: t, size: n, iconOnly: s }), e),
399
399
  onClick: (v) => {
400
- x || p((w) => !w), d == null || d(!h), l == null || l(v);
400
+ x || p((w) => !w), d == null || d(!h), i == null || i(v);
401
401
  },
402
402
  "data-node-id": "5685:204",
403
403
  ...c
@@ -414,9 +414,9 @@ const F = o.createContext(
414
414
  type: n,
415
415
  variant: s = "outline",
416
416
  size: a = "md",
417
- orientation: i = "horizontal",
417
+ orientation: l = "horizontal",
418
418
  className: d,
419
- children: l
419
+ children: i
420
420
  } = e, c = e.value !== void 0, [u, x] = o.useState(() => e.defaultValue == null ? [] : Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue]), m = c ? Array.isArray(e.value) ? e.value : e.value ? [e.value] : [] : u, p = (h) => {
421
421
  var w, S;
422
422
  let v;
@@ -428,7 +428,7 @@ const F = o.createContext(
428
428
  return /* @__PURE__ */ r(
429
429
  F.Provider,
430
430
  {
431
- value: { value: m, toggle: p, variant: s, size: a, orientation: i },
431
+ value: { value: m, toggle: p, variant: s, size: a, orientation: l },
432
432
  children: /* @__PURE__ */ r(
433
433
  "div",
434
434
  {
@@ -437,10 +437,10 @@ const F = o.createContext(
437
437
  "data-node-id": "5686:270",
438
438
  className: f(
439
439
  "inline-flex w-fit overflow-hidden rounded-radius-lg",
440
- i === "vertical" ? "flex-col [&>*:not(:first-child)]:-mt-px" : "flex-row [&>*:not(:first-child)]:-ml-px",
440
+ l === "vertical" ? "flex-col [&>*:not(:first-child)]:-mt-px" : "flex-row [&>*:not(:first-child)]:-ml-px",
441
441
  d
442
442
  ),
443
- children: l
443
+ children: i
444
444
  }
445
445
  )
446
446
  }
@@ -448,17 +448,17 @@ const F = o.createContext(
448
448
  }
449
449
  );
450
450
  Ne.displayName = "ToggleGroup";
451
- const ke = o.forwardRef(({ value: e, iconOnly: t, className: n, onClick: s, ...a }, i) => {
451
+ const ke = o.forwardRef(({ value: e, iconOnly: t, className: n, onClick: s, ...a }, l) => {
452
452
  const d = o.useContext(F);
453
453
  if (!d) throw new Error("ToggleGroupItem must be used within ToggleGroup");
454
- const l = d.value.includes(e);
454
+ const i = d.value.includes(e);
455
455
  return /* @__PURE__ */ r(
456
456
  "button",
457
457
  {
458
- ref: i,
458
+ ref: l,
459
459
  type: "button",
460
- "aria-pressed": l,
461
- "data-state": l ? "on" : "off",
460
+ "aria-pressed": i,
461
+ "data-state": i ? "on" : "off",
462
462
  className: f(
463
463
  W({ variant: d.variant, size: d.size, iconOnly: t }),
464
464
  // twMerge 가 커스텀 radius 키(rounded-radius-lg)를 충돌로 인식 못 하므로 !important 로 강제.
@@ -522,9 +522,9 @@ const Te = o.forwardRef(
522
522
  defaultValue: n,
523
523
  onValueChange: s,
524
524
  placeholder: a = "Select…",
525
- disabled: i = !1,
525
+ disabled: l = !1,
526
526
  inputSize: d,
527
- invalid: l,
527
+ invalid: i,
528
528
  className: c,
529
529
  contentClassName: u,
530
530
  id: x,
@@ -569,11 +569,11 @@ const Te = o.forwardRef(
569
569
  type: "button",
570
570
  id: x,
571
571
  name: m,
572
- disabled: i,
572
+ disabled: l,
573
573
  "aria-haspopup": "listbox",
574
574
  "aria-expanded": y,
575
575
  "data-node-id": "7751:1561",
576
- className: f(ze({ inputSize: d, invalid: l }), c),
576
+ className: f(ze({ inputSize: d, invalid: i }), c),
577
577
  onClick: () => k((g) => !g),
578
578
  onKeyDown: (g) => {
579
579
  (g.key === "ArrowDown" || g.key === "Enter" || g.key === " ") && (g.preventDefault(), k(!0));
@@ -608,7 +608,7 @@ const Te = o.forwardRef(
608
608
  role: "listbox",
609
609
  tabIndex: -1,
610
610
  className: f(
611
- "absolute left-0 top-full z-50 mt-1 flex max-h-64 w-full flex-col gap-px overflow-auto rounded-radius-xl border border-border bg-popover p-1 shadow-popover",
611
+ "absolute left-0 top-full z-50 mt-1 flex max-h-64 w-full flex-col gap-px overflow-auto rounded-radius-xl border border-border bg-popover p-1 shadow-overlay",
612
612
  u
613
613
  ),
614
614
  onKeyDown: (g) => {
@@ -668,7 +668,7 @@ const Ie = N(
668
668
  defaultVariants: { size: "md" }
669
669
  }
670
670
  ), Le = o.forwardRef(
671
- ({ className: e, size: t, checked: n, defaultChecked: s = !1, onCheckedChange: a, onClick: i, disabled: d, ...l }, c) => {
671
+ ({ className: e, size: t, checked: n, defaultChecked: s = !1, onCheckedChange: a, onClick: l, disabled: d, ...i }, c) => {
672
672
  const u = n !== void 0, [x, m] = o.useState(s), p = u ? n : x, h = p ? "on" : "off";
673
673
  return /* @__PURE__ */ r(
674
674
  "button",
@@ -681,10 +681,10 @@ const Ie = N(
681
681
  "data-state": h,
682
682
  className: f(Ie({ size: t }), e),
683
683
  onClick: (v) => {
684
- u || m((w) => !w), a == null || a(!p), i == null || i(v);
684
+ u || m((w) => !w), a == null || a(!p), l == null || l(v);
685
685
  },
686
686
  "data-node-id": "7715:1962",
687
- ...l,
687
+ ...i,
688
688
  children: /* @__PURE__ */ r("span", { "data-state": h, className: De({ size: t }) })
689
689
  }
690
690
  );
@@ -799,7 +799,7 @@ const Me = N(
799
799
  defaultVariants: { size: "md", shape: "circle" }
800
800
  }
801
801
  ), K = o.forwardRef(
802
- ({ className: e, size: t, shape: n, src: s, alt: a, fallback: i, ring: d, ...l }, c) => {
802
+ ({ className: e, size: t, shape: n, src: s, alt: a, fallback: l, ring: d, ...i }, c) => {
803
803
  const [u, x] = o.useState(!1), m = s && !u;
804
804
  return /* @__PURE__ */ r(
805
805
  "div",
@@ -811,7 +811,7 @@ const Me = N(
811
811
  d && "ring-2 ring-background",
812
812
  e
813
813
  ),
814
- ...l,
814
+ ...i,
815
815
  children: m ? /* @__PURE__ */ r(
816
816
  "img",
817
817
  {
@@ -820,21 +820,21 @@ const Me = N(
820
820
  className: "size-full object-cover",
821
821
  onError: () => x(!0)
822
822
  }
823
- ) : /* @__PURE__ */ r("span", { children: i })
823
+ ) : /* @__PURE__ */ r("span", { children: l })
824
824
  }
825
825
  );
826
826
  }
827
827
  );
828
828
  K.displayName = "Avatar";
829
829
  const Ve = o.forwardRef(
830
- ({ className: e, size: t = "md", max: n, children: s, ...a }, i) => {
830
+ ({ className: e, size: t = "md", max: n, children: s, ...a }, l) => {
831
831
  const d = o.Children.toArray(s).filter(
832
832
  o.isValidElement
833
- ), l = n != null ? d.slice(0, n) : d, c = n != null ? d.length - l.length : 0;
833
+ ), i = n != null ? d.slice(0, n) : d, c = n != null ? d.length - i.length : 0;
834
834
  return /* @__PURE__ */ b(
835
835
  "div",
836
836
  {
837
- ref: i,
837
+ ref: l,
838
838
  "data-node-id": "1696:220",
839
839
  className: f(
840
840
  "flex items-center [&>*:not(:first-child)]:-ml-3",
@@ -842,7 +842,7 @@ const Ve = o.forwardRef(
842
842
  ),
843
843
  ...a,
844
844
  children: [
845
- l.map(
845
+ i.map(
846
846
  (u, x) => o.cloneElement(u, {
847
847
  key: u.key ?? x,
848
848
  ring: !0,
@@ -915,13 +915,13 @@ function B({ dir: e, ...t }) {
915
915
  );
916
916
  }
917
917
  const Ge = o.forwardRef(
918
- ({ className: e, size: t, value: n, defaultValue: s = 0, onValueChange: a, min: i, max: d, step: l = 1, disabled: c, ...u }, x) => {
919
- const m = n !== void 0, [p, h] = o.useState(s), v = m ? n : p, w = (y) => Math.min(d ?? 1 / 0, Math.max(i ?? -1 / 0, y)), S = (y) => {
918
+ ({ className: e, size: t, value: n, defaultValue: s = 0, onValueChange: a, min: l, max: d, step: i = 1, disabled: c, ...u }, x) => {
919
+ const m = n !== void 0, [p, h] = o.useState(s), v = m ? n : p, w = (y) => Math.min(d ?? 1 / 0, Math.max(l ?? -1 / 0, y)), S = (y) => {
920
920
  const k = w(y);
921
921
  m || h(k), a == null || a(k);
922
922
  };
923
923
  return /* @__PURE__ */ b("div", { className: f(Be({ size: t }), e), "data-node-id": "7781:5501", children: [
924
- /* @__PURE__ */ r(B, { dir: "dec", disabled: c || i != null && v <= i, onClick: () => S(v - l), "aria-label": "감소" }),
924
+ /* @__PURE__ */ r(B, { dir: "dec", disabled: c || l != null && v <= l, onClick: () => S(v - i), "aria-label": "감소" }),
925
925
  /* @__PURE__ */ r(
926
926
  "input",
927
927
  {
@@ -938,7 +938,7 @@ const Ge = o.forwardRef(
938
938
  ...u
939
939
  }
940
940
  ),
941
- /* @__PURE__ */ r(B, { dir: "inc", disabled: c || d != null && v >= d, onClick: () => S(v + l), "aria-label": "증가" })
941
+ /* @__PURE__ */ r(B, { dir: "inc", disabled: c || d != null && v >= d, onClick: () => S(v + i), "aria-label": "증가" })
942
942
  ] });
943
943
  }
944
944
  );
@@ -946,7 +946,7 @@ Ge.displayName = "NumberField";
946
946
  const q = o.createContext(null);
947
947
  let We = 0;
948
948
  const Fe = o.forwardRef(
949
- ({ className: e, value: t, defaultValue: n, onValueChange: s, name: a, disabled: i, children: d, ...l }, c) => {
949
+ ({ className: e, value: t, defaultValue: n, onValueChange: s, name: a, disabled: l, children: d, ...i }, c) => {
950
950
  const u = t !== void 0, [x, m] = o.useState(n), p = u ? t : x, h = o.useMemo(() => a ?? `radio-group-${++We}`, [a]);
951
951
  return /* @__PURE__ */ r(
952
952
  q.Provider,
@@ -954,7 +954,7 @@ const Fe = o.forwardRef(
954
954
  value: {
955
955
  value: p,
956
956
  name: h,
957
- disabled: i,
957
+ disabled: l,
958
958
  onValueChange: (v) => {
959
959
  u || m(v), s == null || s(v);
960
960
  }
@@ -966,7 +966,7 @@ const Fe = o.forwardRef(
966
966
  role: "radiogroup",
967
967
  "data-node-id": "7669:1454",
968
968
  className: f("flex flex-col gap-3", e),
969
- ...l,
969
+ ...i,
970
970
  children: d
971
971
  }
972
972
  )
@@ -976,7 +976,7 @@ const Fe = o.forwardRef(
976
976
  );
977
977
  Fe.displayName = "RadioGroup";
978
978
  const He = o.forwardRef(
979
- ({ className: e, value: t, title: n, description: s, disabled: a, cardStyle: i, children: d, ...l }, c) => {
979
+ ({ className: e, value: t, title: n, description: s, disabled: a, cardStyle: l, children: d, ...i }, c) => {
980
980
  const u = o.useContext(q);
981
981
  if (!u) throw new Error("RadioGroupItem must be used within RadioGroup");
982
982
  const x = a || u.disabled, m = u.value === t;
@@ -986,11 +986,11 @@ const He = o.forwardRef(
986
986
  ref: c,
987
987
  className: f(
988
988
  "flex items-start gap-2",
989
- i && "rounded-radius border border-border p-3",
989
+ l && "rounded-radius border border-border p-3",
990
990
  x ? "cursor-not-allowed opacity-[0.64]" : "cursor-pointer",
991
991
  e
992
992
  ),
993
- ...l,
993
+ ...i,
994
994
  children: [
995
995
  /* @__PURE__ */ r(
996
996
  "input",
@@ -1051,7 +1051,7 @@ const Ke = N(
1051
1051
  defaultVariants: { segStyle: "rounded", active: !1 }
1052
1052
  }
1053
1053
  ), $e = o.forwardRef(
1054
- ({ className: e, options: t, value: n, defaultValue: s, onValueChange: a, segStyle: i, ...d }, l) => {
1054
+ ({ className: e, options: t, value: n, defaultValue: s, onValueChange: a, segStyle: l, ...d }, i) => {
1055
1055
  var h;
1056
1056
  const c = n !== void 0, [u, x] = o.useState(s ?? ((h = t[0]) == null ? void 0 : h.value)), m = c ? n : u, p = (v) => {
1057
1057
  c || x(v), a == null || a(v);
@@ -1059,10 +1059,10 @@ const Ke = N(
1059
1059
  return /* @__PURE__ */ r(
1060
1060
  "div",
1061
1061
  {
1062
- ref: l,
1062
+ ref: i,
1063
1063
  role: "radiogroup",
1064
1064
  "data-node-id": "9705:88227",
1065
- className: f(Ke({ segStyle: i }), e),
1065
+ className: f(Ke({ segStyle: l }), e),
1066
1066
  ...d,
1067
1067
  children: t.map((v) => {
1068
1068
  const w = v.value === m;
@@ -1073,7 +1073,7 @@ const Ke = N(
1073
1073
  role: "radio",
1074
1074
  "aria-checked": w,
1075
1075
  disabled: v.disabled,
1076
- className: qe({ segStyle: i, active: w }),
1076
+ className: qe({ segStyle: l, active: w }),
1077
1077
  onClick: () => p(v.value),
1078
1078
  children: v.label
1079
1079
  },
@@ -1090,7 +1090,7 @@ const $ = o.createContext(null), M = () => {
1090
1090
  if (!e) throw new Error("Tabs components must be used within <Tabs>");
1091
1091
  return e;
1092
1092
  }, Ue = o.forwardRef(
1093
- ({ className: e, value: t, defaultValue: n, onValueChange: s, variant: a = "default", children: i, ...d }, l) => {
1093
+ ({ className: e, value: t, defaultValue: n, onValueChange: s, variant: a = "default", children: l, ...d }, i) => {
1094
1094
  const c = t !== void 0, [u, x] = o.useState(n), m = c ? t : u;
1095
1095
  return /* @__PURE__ */ r(
1096
1096
  $.Provider,
@@ -1102,7 +1102,7 @@ const $ = o.createContext(null), M = () => {
1102
1102
  c || x(p), s == null || s(p);
1103
1103
  }
1104
1104
  },
1105
- children: /* @__PURE__ */ r("div", { ref: l, "data-node-id": "7722:82", className: f("flex flex-col gap-3", e), ...d, children: i })
1105
+ children: /* @__PURE__ */ r("div", { ref: i, "data-node-id": "7722:82", className: f("flex flex-col gap-3", e), ...d, children: l })
1106
1106
  }
1107
1107
  );
1108
1108
  }
@@ -1129,25 +1129,25 @@ const Ze = o.forwardRef(
1129
1129
  Ze.displayName = "TabsList";
1130
1130
  const Je = o.forwardRef(
1131
1131
  ({ className: e, value: t, ...n }, s) => {
1132
- const { value: a, setValue: i, variant: d } = M(), l = a === t;
1132
+ const { value: a, setValue: l, variant: d } = M(), i = a === t;
1133
1133
  return /* @__PURE__ */ r(
1134
1134
  "button",
1135
1135
  {
1136
1136
  ref: s,
1137
1137
  type: "button",
1138
1138
  role: "tab",
1139
- "aria-selected": l,
1140
- "data-state": l ? "active" : "inactive",
1141
- onClick: () => i(t),
1139
+ "aria-selected": i,
1140
+ "data-state": i ? "active" : "inactive",
1141
+ onClick: () => l(t),
1142
1142
  className: f(
1143
1143
  "inline-flex min-w-9 items-center justify-center gap-1 text-sm font-medium outline-none transition-colors",
1144
1144
  "focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:ring-disabled/[0.07] disabled:pointer-events-none disabled:opacity-[0.64]",
1145
1145
  d === "default" ? f(
1146
1146
  "rounded-radius-lg px-2 py-1.5",
1147
- l ? "bg-card text-foreground shadow-xs" : "text-muted-foreground hover:text-foreground"
1147
+ i ? "bg-card text-foreground shadow-xs" : "text-muted-foreground hover:text-foreground"
1148
1148
  ) : f(
1149
1149
  "-mb-px border-b-2 px-2 pb-2",
1150
- l ? "border-foreground text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
1150
+ i ? "border-foreground text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
1151
1151
  ),
1152
1152
  e
1153
1153
  ),
@@ -1165,26 +1165,26 @@ const Qe = o.forwardRef(
1165
1165
  );
1166
1166
  Qe.displayName = "TabsContent";
1167
1167
  const U = o.createContext(null), Xe = o.forwardRef((e, t) => {
1168
- const { type: n = "single", className: s, children: a } = e, i = e.value !== void 0, [d, l] = o.useState(() => {
1168
+ const { type: n = "single", className: s, children: a } = e, l = e.value !== void 0, [d, i] = o.useState(() => {
1169
1169
  const m = e.defaultValue;
1170
1170
  return m == null ? [] : Array.isArray(m) ? m : [m];
1171
- }), c = e.value, u = i ? Array.isArray(c) ? c : c ? [c] : [] : d, x = (m) => {
1171
+ }), c = e.value, u = l ? Array.isArray(c) ? c : c ? [c] : [] : d, x = (m) => {
1172
1172
  var h, v;
1173
1173
  let p;
1174
- n === "multiple" ? (p = u.includes(m) ? u.filter((w) => w !== m) : [...u, m], i || l(p), (h = e.onValueChange) == null || h.call(e, p)) : (p = u.includes(m) ? [] : [m], i || l(p), (v = e.onValueChange) == null || v.call(e, p[0] ?? ""));
1174
+ n === "multiple" ? (p = u.includes(m) ? u.filter((w) => w !== m) : [...u, m], l || i(p), (h = e.onValueChange) == null || h.call(e, p)) : (p = u.includes(m) ? [] : [m], l || i(p), (v = e.onValueChange) == null || v.call(e, p[0] ?? ""));
1175
1175
  };
1176
1176
  return /* @__PURE__ */ r(U.Provider, { value: { isOpen: (m) => u.includes(m), toggle: x }, children: /* @__PURE__ */ r("div", { ref: t, "data-node-id": "1673:58", className: f("w-full", s), children: a }) });
1177
1177
  });
1178
1178
  Xe.displayName = "Accordion";
1179
1179
  const Ye = o.forwardRef(
1180
- ({ className: e, value: t, title: n, icon: s, showSeparator: a = !0, children: i, ...d }, l) => {
1180
+ ({ className: e, value: t, title: n, icon: s, showSeparator: a = !0, children: l, ...d }, i) => {
1181
1181
  const c = o.useContext(U);
1182
1182
  if (!c) throw new Error("AccordionItem must be used within Accordion");
1183
1183
  const u = c.isOpen(t);
1184
1184
  return /* @__PURE__ */ b(
1185
1185
  "div",
1186
1186
  {
1187
- ref: l,
1187
+ ref: i,
1188
1188
  className: f("w-full", a && "border-b border-border", e),
1189
1189
  ...d,
1190
1190
  children: [
@@ -1215,7 +1215,7 @@ const Ye = o.forwardRef(
1215
1215
  ]
1216
1216
  }
1217
1217
  ),
1218
- u && /* @__PURE__ */ r("div", { className: "pb-4 text-sm text-muted-foreground", children: i })
1218
+ u && /* @__PURE__ */ r("div", { className: "pb-4 text-sm text-muted-foreground", children: l })
1219
1219
  ]
1220
1220
  }
1221
1221
  );
@@ -1223,15 +1223,15 @@ const Ye = o.forwardRef(
1223
1223
  );
1224
1224
  Ye.displayName = "AccordionItem";
1225
1225
  const et = o.forwardRef(
1226
- ({ className: e, title: t, open: n, defaultOpen: s = !1, onOpenChange: a, disabled: i, children: d, ...l }, c) => {
1226
+ ({ className: e, title: t, open: n, defaultOpen: s = !1, onOpenChange: a, disabled: l, children: d, ...i }, c) => {
1227
1227
  const u = n !== void 0, [x, m] = o.useState(s), p = u ? n : x;
1228
- return /* @__PURE__ */ b("div", { ref: c, "data-node-id": "5677:165", className: f("w-full", e), ...l, children: [
1228
+ return /* @__PURE__ */ b("div", { ref: c, "data-node-id": "5677:165", className: f("w-full", e), ...i, children: [
1229
1229
  /* @__PURE__ */ b(
1230
1230
  "button",
1231
1231
  {
1232
1232
  type: "button",
1233
1233
  "aria-expanded": p,
1234
- disabled: i,
1234
+ disabled: l,
1235
1235
  onClick: () => {
1236
1236
  u || m((h) => !h), a == null || a(!p);
1237
1237
  },
@@ -1262,11 +1262,11 @@ function tt() {
1262
1262
  return /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": !0, className: "size-4 shrink-0 opacity-80", children: /* @__PURE__ */ r("path", { d: "m9 18 6-6-6-6", strokeLinecap: "round", strokeLinejoin: "round" }) });
1263
1263
  }
1264
1264
  const rt = o.forwardRef(
1265
- ({ className: e, items: t, separator: n = "chevron", ...s }, a) => /* @__PURE__ */ r("nav", { ref: a, "aria-label": "breadcrumb", "data-node-id": "5665:4391", className: f("flex items-center", e), ...s, children: /* @__PURE__ */ r("ol", { className: "flex items-center gap-1 text-sm", children: t.map((i, d) => {
1266
- const l = d === t.length - 1;
1265
+ ({ className: e, items: t, separator: n = "chevron", ...s }, a) => /* @__PURE__ */ r("nav", { ref: a, "aria-label": "breadcrumb", "data-node-id": "5665:4391", className: f("flex items-center", e), ...s, children: /* @__PURE__ */ r("ol", { className: "flex items-center gap-1 text-sm", children: t.map((l, d) => {
1266
+ const i = d === t.length - 1;
1267
1267
  return /* @__PURE__ */ b("li", { className: "flex items-center gap-1", children: [
1268
- i.href && !l ? /* @__PURE__ */ r("a", { href: i.href, className: "text-muted-foreground transition-colors hover:text-foreground", children: i.label }) : /* @__PURE__ */ r("span", { className: l ? "text-foreground" : "text-muted-foreground", "aria-current": l ? "page" : void 0, children: i.label }),
1269
- !l && (n === "slash" ? /* @__PURE__ */ r("span", { className: "text-muted-foreground/60", "aria-hidden": !0, children: "/" }) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", "aria-hidden": !0, children: /* @__PURE__ */ r(tt, {}) }))
1268
+ l.href && !i ? /* @__PURE__ */ r("a", { href: l.href, className: "text-muted-foreground transition-colors hover:text-foreground", children: l.label }) : /* @__PURE__ */ r("span", { className: i ? "text-foreground" : "text-muted-foreground", "aria-current": i ? "page" : void 0, children: l.label }),
1269
+ !i && (n === "slash" ? /* @__PURE__ */ r("span", { className: "text-muted-foreground/60", "aria-hidden": !0, children: "/" }) : /* @__PURE__ */ r("span", { className: "text-muted-foreground", "aria-hidden": !0, children: /* @__PURE__ */ r(tt, {}) }))
1270
1270
  ] }, d);
1271
1271
  }) }) })
1272
1272
  );
@@ -1307,12 +1307,12 @@ function Z({ type: e }) {
1307
1307
  ] });
1308
1308
  }
1309
1309
  const st = o.forwardRef(
1310
- ({ className: e, type: t = "default", title: n, icon: s, action: a, children: i, ...d }, l) => /* @__PURE__ */ b("div", { ref: l, role: "alert", "data-node-id": "5655:4958", className: f(nt({ type: t }), e), ...d, children: [
1310
+ ({ className: e, type: t = "default", title: n, icon: s, action: a, children: l, ...d }, i) => /* @__PURE__ */ b("div", { ref: i, role: "alert", "data-node-id": "5655:4958", className: f(nt({ type: t }), e), ...d, children: [
1311
1311
  /* @__PURE__ */ b("div", { className: "flex min-w-[240px] flex-1 items-start gap-2", children: [
1312
1312
  s !== !1 && /* @__PURE__ */ r("span", { "data-alert-icon": !0, className: "inline-flex size-5 shrink-0 [&_svg]:size-5", children: s ?? /* @__PURE__ */ r(Z, { type: t ?? "default" }) }),
1313
1313
  /* @__PURE__ */ b("div", { className: "flex min-w-0 flex-1 flex-col gap-1 leading-5", children: [
1314
1314
  n != null && /* @__PURE__ */ r("p", { className: "font-medium text-foreground", children: n }),
1315
- i != null && /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: i })
1315
+ l != null && /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: l })
1316
1316
  ] })
1317
1317
  ] }),
1318
1318
  a && /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start gap-2", children: a })
@@ -1332,16 +1332,16 @@ const at = N("inline-flex size-5 shrink-0 [&_svg]:size-5", {
1332
1332
  },
1333
1333
  defaultVariants: { type: "default" }
1334
1334
  }), ot = o.forwardRef(
1335
- ({ className: e, type: t = "default", title: n, icon: s, action: a, children: i, ...d }, l) => {
1335
+ ({ className: e, type: t = "default", title: n, icon: s, action: a, children: l, ...d }, i) => {
1336
1336
  const u = s ?? (t === "loading" ? /* @__PURE__ */ r(H, { size: "sm" }) : /* @__PURE__ */ r(Z, { type: t === "info" || t === "success" || t === "warning" || t === "error" ? t : "default" }));
1337
1337
  return /* @__PURE__ */ b(
1338
1338
  "div",
1339
1339
  {
1340
- ref: l,
1340
+ ref: i,
1341
1341
  role: "status",
1342
1342
  "data-node-id": "7728:238",
1343
1343
  className: f(
1344
- "flex w-full flex-wrap items-center gap-3 rounded-radius-xl border border-border bg-popover px-3.5 py-3 text-sm shadow-popover",
1344
+ "flex w-full flex-wrap items-center gap-3 rounded-radius-xl border border-border bg-popover px-3.5 py-3 text-sm shadow-overlay",
1345
1345
  e
1346
1346
  ),
1347
1347
  ...d,
@@ -1350,7 +1350,7 @@ const at = N("inline-flex size-5 shrink-0 [&_svg]:size-5", {
1350
1350
  s !== !1 && /* @__PURE__ */ r("span", { className: at({ type: t }), children: u }),
1351
1351
  /* @__PURE__ */ b("div", { className: "flex min-w-0 flex-1 flex-col gap-1 leading-5", children: [
1352
1352
  n != null && /* @__PURE__ */ r("p", { className: "font-medium text-foreground", children: n }),
1353
- i != null && /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: i })
1353
+ l != null && /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: l })
1354
1354
  ] })
1355
1355
  ] }),
1356
1356
  a && /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start gap-2", children: a })
@@ -1366,14 +1366,14 @@ const it = {
1366
1366
  left: "right-full top-1/2 mr-1.5 -translate-y-1/2",
1367
1367
  right: "left-full top-1/2 ml-1.5 -translate-y-1/2"
1368
1368
  }, lt = o.forwardRef(
1369
- ({ className: e, content: t, side: n = "top", children: s, ...a }, i) => /* @__PURE__ */ b("span", { ref: i, className: f("group relative inline-flex", e), ...a, children: [
1369
+ ({ className: e, content: t, side: n = "top", children: s, ...a }, l) => /* @__PURE__ */ b("span", { ref: l, className: f("group relative inline-flex", e), ...a, children: [
1370
1370
  s,
1371
1371
  /* @__PURE__ */ r(
1372
1372
  "span",
1373
1373
  {
1374
1374
  role: "tooltip",
1375
1375
  className: f(
1376
- "pointer-events-none absolute z-50 w-max max-w-xs whitespace-nowrap rounded-radius-lg border border-border bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 shadow-popover transition-opacity duration-150",
1376
+ "pointer-events-none absolute z-50 w-max max-w-xs whitespace-nowrap rounded-radius-lg border border-border bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 shadow-overlay transition-opacity duration-150",
1377
1377
  "group-hover:opacity-100 group-focus-within:opacity-100",
1378
1378
  it[n]
1379
1379
  ),
@@ -1425,13 +1425,13 @@ function Q(e, t) {
1425
1425
  }
1426
1426
  const X = "fixed inset-0 z-50 bg-[rgb(16_16_18_/_0.32)] backdrop-blur-sm";
1427
1427
  function V(e, t, n) {
1428
- const s = e !== void 0, [a, i] = o.useState(t), d = s ? e : a, l = o.useCallback(
1428
+ const s = e !== void 0, [a, l] = o.useState(t), d = s ? e : a, i = o.useCallback(
1429
1429
  (c) => {
1430
- s || i(c), n == null || n(c);
1430
+ s || l(c), n == null || n(c);
1431
1431
  },
1432
1432
  [s, n]
1433
1433
  );
1434
- return [d, l];
1434
+ return [d, i];
1435
1435
  }
1436
1436
  const ct = 'a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
1437
1437
  function Y(e, t) {
@@ -1440,32 +1440,32 @@ function Y(e, t) {
1440
1440
  const n = t.current;
1441
1441
  if (!n) return;
1442
1442
  const s = document.activeElement, a = () => Array.from(n.querySelectorAll(ct)).filter(
1443
- (l) => l.offsetParent !== null
1444
- ), i = setTimeout(() => {
1445
- const l = t.current;
1446
- l && !l.contains(document.activeElement) && l.focus();
1447
- }, 0), d = (l) => {
1448
- if (l.key !== "Tab") return;
1443
+ (i) => i.offsetParent !== null
1444
+ ), l = setTimeout(() => {
1445
+ const i = t.current;
1446
+ i && !i.contains(document.activeElement) && i.focus();
1447
+ }, 0), d = (i) => {
1448
+ if (i.key !== "Tab") return;
1449
1449
  const c = a();
1450
1450
  if (c.length === 0) {
1451
- l.preventDefault(), n.focus();
1451
+ i.preventDefault(), n.focus();
1452
1452
  return;
1453
1453
  }
1454
1454
  const u = c[0], x = c[c.length - 1], m = document.activeElement;
1455
- l.shiftKey && (m === u || m === n) ? (l.preventDefault(), x.focus()) : !l.shiftKey && m === x && (l.preventDefault(), u.focus());
1455
+ i.shiftKey && (m === u || m === n) ? (i.preventDefault(), x.focus()) : !i.shiftKey && m === x && (i.preventDefault(), u.focus());
1456
1456
  };
1457
1457
  return n.addEventListener("keydown", d), () => {
1458
- clearTimeout(i), n.removeEventListener("keydown", d), s != null && s.isConnected && s.focus();
1458
+ clearTimeout(l), n.removeEventListener("keydown", d), s != null && s.isConnected && s.focus();
1459
1459
  };
1460
1460
  }, [e, t]);
1461
1461
  }
1462
1462
  function ee() {
1463
- const e = o.useId(), t = o.useId(), [n, s] = o.useState(!1), [a, i] = o.useState(!1);
1463
+ const e = o.useId(), t = o.useId(), [n, s] = o.useState(!1), [a, l] = o.useState(!1);
1464
1464
  return {
1465
1465
  titleId: e,
1466
1466
  descId: t,
1467
1467
  setHasTitle: s,
1468
- setHasDesc: i,
1468
+ setHasDesc: l,
1469
1469
  labelProps: {
1470
1470
  "aria-labelledby": n ? e : void 0,
1471
1471
  "aria-describedby": a ? t : void 0
@@ -1480,9 +1480,9 @@ const te = o.createContext(null), I = () => {
1480
1480
  if (!e) throw new Error("Dialog parts must be used within <Dialog>");
1481
1481
  return e;
1482
1482
  };
1483
- function ut({ open: e, defaultOpen: t = !1, onOpenChange: n, role: s = "dialog", dismissable: a = !0, children: i }) {
1484
- const [d, l] = V(e, t, n), c = ee();
1485
- return /* @__PURE__ */ r(te.Provider, { value: { open: d, setOpen: l, role: s, dismissable: a, ...c }, children: i });
1483
+ function ut({ open: e, defaultOpen: t = !1, onOpenChange: n, role: s = "dialog", dismissable: a = !0, children: l }) {
1484
+ const [d, i] = V(e, t, n), c = ee();
1485
+ return /* @__PURE__ */ r(te.Provider, { value: { open: d, setOpen: i, role: s, dismissable: a, ...c }, children: l });
1486
1486
  }
1487
1487
  const ft = o.forwardRef(
1488
1488
  ({ onClick: e, ...t }, n) => {
@@ -1504,13 +1504,13 @@ const mt = o.forwardRef(
1504
1504
  mt.displayName = "DialogClose";
1505
1505
  const re = o.forwardRef(
1506
1506
  ({ className: e, showClose: t = !0, children: n, ...s }, a) => {
1507
- const { open: i, setOpen: d, role: l, dismissable: c, labelProps: u } = I(), x = o.useRef(null), m = o.useCallback(
1507
+ const { open: l, setOpen: d, role: i, dismissable: c, labelProps: u } = I(), x = o.useRef(null), m = o.useCallback(
1508
1508
  (p) => {
1509
1509
  x.current = p, typeof a == "function" ? a(p) : a && (a.current = p);
1510
1510
  },
1511
1511
  [a]
1512
1512
  );
1513
- return Q(i, () => c && d(!1)), Y(i, x), i ? /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
1513
+ return Q(l, () => c && d(!1)), Y(l, x), l ? /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
1514
1514
  "div",
1515
1515
  {
1516
1516
  className: f(X, "flex items-center justify-center p-4"),
@@ -1519,13 +1519,15 @@ const re = o.forwardRef(
1519
1519
  "div",
1520
1520
  {
1521
1521
  ref: m,
1522
- role: l,
1522
+ role: i,
1523
1523
  "aria-modal": !0,
1524
1524
  tabIndex: -1,
1525
1525
  ...u,
1526
1526
  onClick: (p) => p.stopPropagation(),
1527
1527
  className: f(
1528
- "relative flex w-full max-w-[448px] flex-col overflow-hidden rounded-radius-2xl border border-border bg-popover shadow-popover outline-none",
1528
+ "relative flex w-full max-w-[448px] flex-col overflow-hidden rounded-radius-2xl border border-border bg-popover outline-none",
1529
+ // Figma: 기본 Dialog 패널은 그림자 없음(border 만). AlertDialog 만 popover 그림자.
1530
+ i === "alertdialog" && "shadow-overlay",
1529
1531
  e
1530
1532
  ),
1531
1533
  ...s,
@@ -1575,9 +1577,9 @@ function It({
1575
1577
  onOpenChange: n,
1576
1578
  title: s,
1577
1579
  description: a,
1578
- cancelText: i = "취소",
1580
+ cancelText: l = "취소",
1579
1581
  actionText: d = "확인",
1580
- onAction: l,
1582
+ onAction: i,
1581
1583
  onCancel: c,
1582
1584
  destructive: u,
1583
1585
  children: x
@@ -1592,13 +1594,13 @@ function It({
1592
1594
  /* @__PURE__ */ b(gt, { children: [
1593
1595
  /* @__PURE__ */ r(C, { variant: "secondary", onClick: () => {
1594
1596
  c == null || c(), p(!1);
1595
- }, children: i }),
1597
+ }, children: l }),
1596
1598
  /* @__PURE__ */ r(
1597
1599
  C,
1598
1600
  {
1599
1601
  variant: u ? "destructive" : "default",
1600
1602
  onClick: () => {
1601
- l == null || l(), p(!1);
1603
+ i == null || i(), p(!1);
1602
1604
  },
1603
1605
  children: d
1604
1606
  }
@@ -1612,8 +1614,8 @@ const ne = o.createContext(null), D = () => {
1612
1614
  return e;
1613
1615
  };
1614
1616
  function vt({ open: e, defaultOpen: t = !1, onOpenChange: n, children: s }) {
1615
- const [a, i] = V(e, t, n), d = ee();
1616
- return /* @__PURE__ */ r(ne.Provider, { value: { open: a, setOpen: i, ...d }, children: s });
1617
+ const [a, l] = V(e, t, n), d = ee();
1618
+ return /* @__PURE__ */ r(ne.Provider, { value: { open: a, setOpen: l, ...d }, children: s });
1617
1619
  }
1618
1620
  const ht = o.forwardRef(
1619
1621
  ({ onClick: e, ...t }, n) => {
@@ -1644,14 +1646,14 @@ const yt = {
1644
1646
  top: "inset-x-4 top-4",
1645
1647
  bottom: "inset-x-4 bottom-4"
1646
1648
  }, se = o.forwardRef(
1647
- ({ className: e, side: t = "right", inset: n = !1, showClose: s = !0, children: a, ...i }, d) => {
1648
- const { open: l, setOpen: c, labelProps: u } = D(), x = o.useRef(null), m = o.useCallback(
1649
+ ({ className: e, side: t = "right", inset: n = !1, showClose: s = !0, children: a, ...l }, d) => {
1650
+ const { open: i, setOpen: c, labelProps: u } = D(), x = o.useRef(null), m = o.useCallback(
1649
1651
  (p) => {
1650
1652
  x.current = p, typeof d == "function" ? d(p) : d && (d.current = p);
1651
1653
  },
1652
1654
  [d]
1653
1655
  );
1654
- return Q(l, () => c(!1)), Y(l, x), l ? /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r("div", { className: X, onClick: () => c(!1), children: /* @__PURE__ */ b(
1656
+ return Q(i, () => c(!1)), Y(i, x), i ? /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r("div", { className: X, onClick: () => c(!1), children: /* @__PURE__ */ b(
1655
1657
  "div",
1656
1658
  {
1657
1659
  ref: m,
@@ -1661,11 +1663,11 @@ const yt = {
1661
1663
  ...u,
1662
1664
  onClick: (p) => p.stopPropagation(),
1663
1665
  className: f(
1664
- "fixed flex flex-col overflow-auto border-border bg-popover shadow-popover outline-none",
1666
+ "fixed flex flex-col overflow-auto border-border bg-popover shadow-overlay outline-none",
1665
1667
  n ? f(Nt[t], "rounded-radius-2xl border") : yt[t],
1666
1668
  e
1667
1669
  ),
1668
- ...i,
1670
+ ...l,
1669
1671
  children: [
1670
1672
  s && /* @__PURE__ */ r(
1671
1673
  "button",
@@ -1698,8 +1700,8 @@ const Dt = ({ className: e, ...t }) => /* @__PURE__ */ r("div", { className: f("
1698
1700
  const { descId: s, setHasDesc: a } = D();
1699
1701
  return E(a), /* @__PURE__ */ r("p", { id: t ?? s, className: f("text-sm leading-5 text-muted-foreground", e), ...n });
1700
1702
  }, Et = ({ className: e, ...t }) => /* @__PURE__ */ r("div", { className: f("mt-auto flex items-center justify-end gap-2 border-t border-border px-6 py-4", e), ...t });
1701
- function jt({ open: e, defaultOpen: t, onOpenChange: n, side: s = "bottom", inset: a = !0, children: i, ...d }) {
1702
- return /* @__PURE__ */ r(vt, { open: e, defaultOpen: t, onOpenChange: n, children: /* @__PURE__ */ r(se, { side: s, inset: a, ...d, children: i }) });
1703
+ function jt({ open: e, defaultOpen: t, onOpenChange: n, side: s = "bottom", inset: a = !0, children: l, ...d }) {
1704
+ return /* @__PURE__ */ r(vt, { open: e, defaultOpen: t, onOpenChange: n, children: /* @__PURE__ */ r(se, { side: s, inset: a, ...d, children: l }) });
1703
1705
  }
1704
1706
  export {
1705
1707
  Xe as Accordion,
package/dist/styles.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --primary-foreground: 255 255 255; /* #ffffff */
16
16
  --secondary: 226 232 240; /* #e2e8f0 */
17
17
  --secondary-foreground: 49 65 88; /* #314158 */
18
- --accent: 248 250 252; /* #f8fafc — Select/메뉴 항목 hover 배경 */
18
+ --accent: 241 245 249; /* #f1f5f9 — Select/메뉴 항목 hover 배경 (2026-06-18 갱신) */
19
19
  --accent-foreground: 43 127 255; /* #2b7fff — Select 항목 텍스트(primary 와 동일) */
20
20
  --popover: 255 255 255; /* #ffffff — Select 드롭다운 패널 배경 */
21
21
  --popover-foreground: 2 6 24; /* #020618 */
@@ -67,4 +67,4 @@
67
67
  --disabled: 69 85 108;
68
68
  }
69
69
 
70
- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.inset-y-4{top:1rem;bottom:1rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.-mb-px{margin-bottom:-1px}.mb-1\.5{margin-bottom:.375rem}.ml-1\.5{margin-left:.375rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[14px\]{width:14px;height:14px}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:16rem}.max-h-\[204px\]{max-height:204px}.min-h-16{min-height:4rem}.min-h-24{min-height:6rem}.min-h-\[76px\]{min-height:76px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[30px\]{width:30px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[240px\]{min-width:240px}.max-w-\[448px\]{max-width:448px}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-px{gap:1px}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.\!rounded-none{border-radius:0!important}.\!rounded-radius-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-radius{border-radius:10px}.rounded-radius-2xl{border-radius:16px}.rounded-radius-full{border-radius:9999px}.rounded-radius-lg{border-radius:8px}.rounded-radius-sm{border-radius:4px}.rounded-radius-xl{border-radius:12px}.rounded-b-radius-2xl{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.rounded-l-radius-2xl{border-top-left-radius:16px;border-bottom-left-radius:16px}.rounded-r-radius-2xl{border-top-right-radius:16px;border-bottom-right-radius:16px}.rounded-t-radius-2xl{border-top-left-radius:16px;border-top-right-radius:16px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:rgb(var(--border)/.08)}.border-destructive{--tw-border-opacity:1;border-color:rgb(var(--destructive)/var(--tw-border-opacity,1))}.border-destructive\/\[0\.32\]{border-color:rgb(var(--destructive)/.32)}.border-disabled\/30{border-color:rgb(var(--disabled)/.3)}.border-foreground{--tw-border-opacity:1;border-color:rgb(var(--foreground)/var(--tw-border-opacity,1))}.border-info\/\[0\.32\]{border-color:rgb(var(--info)/.32)}.border-input{border-color:rgb(var(--border)/.08)}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--primary)/var(--tw-border-opacity,1))}.border-success\/\[0\.32\]{border-color:rgb(var(--success)/.32)}.border-transparent{border-color:transparent}.border-warning\/\[0\.32\]{border-color:rgb(var(--warning)/.32)}.bg-\[rgb\(16_16_18_\/_0\.32\)\]{background-color:rgba(16,16,18,.32)}.bg-background{--tw-bg-opacity:1;background-color:rgb(var(--background)/var(--tw-bg-opacity,1))}.bg-border{background-color:rgb(var(--border)/.08)}.bg-card{background-color:rgb(var(--card)/var(--tw-bg-opacity,1))}.bg-card,.bg-destructive{--tw-bg-opacity:1}.bg-destructive{background-color:rgb(var(--destructive)/var(--tw-bg-opacity,1))}.bg-destructive\/\[0\.04\]{background-color:rgb(var(--destructive)/.04)}.bg-destructive\/\[0\.08\]{background-color:rgb(var(--destructive)/.08)}.bg-foreground{--tw-bg-opacity:1;background-color:rgb(var(--foreground)/var(--tw-bg-opacity,1))}.bg-foreground\/\[0\.08\]{background-color:rgb(var(--foreground)/.08)}.bg-info{--tw-bg-opacity:1;background-color:rgb(var(--info)/var(--tw-bg-opacity,1))}.bg-info\/\[0\.04\]{background-color:rgb(var(--info)/.04)}.bg-info\/\[0\.08\]{background-color:rgb(var(--info)/.08)}.bg-input{background-color:rgb(var(--border)/.08)}.bg-popover{background-color:rgb(var(--popover)/var(--tw-bg-opacity,1))}.bg-popover,.bg-primary{--tw-bg-opacity:1}.bg-primary{background-color:rgb(var(--primary)/var(--tw-bg-opacity,1))}.bg-primary\/\[0\.04\]{background-color:rgb(var(--primary)/.04)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(var(--secondary)/var(--tw-bg-opacity,1))}.bg-secondary\/\[0\.72\]{background-color:rgb(var(--secondary)/.72)}.bg-success{--tw-bg-opacity:1;background-color:rgb(var(--success)/var(--tw-bg-opacity,1))}.bg-success\/\[0\.04\]{background-color:rgb(var(--success)/.04)}.bg-success\/\[0\.08\]{background-color:rgb(var(--success)/.08)}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity:1;background-color:rgb(var(--warning)/var(--tw-bg-opacity,1))}.bg-warning\/\[0\.04\]{background-color:rgb(var(--warning)/.04)}.bg-warning\/\[0\.08\]{background-color:rgb(var(--warning)/.08)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:16px;line-height:24px}.text-sm{font-size:14px;line-height:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:12px;line-height:14px;letter-spacing:.12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[14px\]{line-height:14px}.tracking-\[-0\.2px\]{letter-spacing:-.2px}.tracking-\[0\.12px\]{letter-spacing:.12px}.text-accent-foreground{--tw-text-opacity:1;color:rgb(var(--accent-foreground)/var(--tw-text-opacity,1))}.text-background{--tw-text-opacity:1;color:rgb(var(--background)/var(--tw-text-opacity,1))}.text-destructive{--tw-text-opacity:1;color:rgb(var(--destructive)/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:rgb(var(--destructive-foreground)/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:rgb(var(--foreground)/var(--tw-text-opacity,1))}.text-info{--tw-text-opacity:1;color:rgb(var(--info)/var(--tw-text-opacity,1))}.text-info-foreground{--tw-text-opacity:1;color:rgb(var(--info-foreground)/var(--tw-text-opacity,1))}.text-muted-foreground{color:rgb(var(--muted-foreground)/.5)}.text-muted-foreground\/60{color:rgb(var(--muted-foreground)/.6)}.text-popover-foreground{--tw-text-opacity:1;color:rgb(var(--popover-foreground)/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:rgb(var(--primary-foreground)/var(--tw-text-opacity,1))}.text-success{--tw-text-opacity:1;color:rgb(var(--success)/var(--tw-text-opacity,1))}.text-success-foreground{--tw-text-opacity:1;color:rgb(var(--success-foreground)/var(--tw-text-opacity,1))}.text-warning{--tw-text-opacity:1;color:rgb(var(--warning)/var(--tw-text-opacity,1))}.text-warning-foreground{--tw-text-opacity:1;color:rgb(var(--warning-foreground)/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:rgb(var(--foreground)/1)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-\[0\.64\]{opacity:.64}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[inset_0_2px_4px_0_rgb\(0_0_0_\/_0\.05\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_2px_4px_0_rgb\(0_0_0_\/_0\.05\)\]{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-btn{--tw-shadow:0 1px 1px rgba(38,38,38,.24),inset 0 1px 0 hsla(0,0%,100%,.16);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),inset 0 1px 0 var(--tw-shadow-color)}.shadow-btn,.shadow-popover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-popover{--tw-shadow:0px 10px 15px -3px rgba(0,0,0,.05),0px 4px 6px -4px rgba(0,0,0,.05);--tw-shadow-colored:0px 10px 15px -3px var(--tw-shadow-color),0px 4px 6px -4px var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-popover{--tw-shadow-color:rgb(var(--popover)/1);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-background{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--background)/var(--tw-ring-opacity,1))}.ring-disabled\/20{--tw-ring-color:rgb(var(--disabled)/0.2)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[color\2c box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.placeholder\:text-muted-foreground::-moz-placeholder{color:rgb(var(--muted-foreground)/.5)}.placeholder\:text-muted-foreground::placeholder{color:rgb(var(--muted-foreground)/.5)}.focus-within\:border-disabled\/30:focus-within{border-color:rgb(var(--disabled)/.3)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-destructive\/\[0\.15\]:focus-within{--tw-ring-color:rgb(var(--destructive)/0.15)}.focus-within\:ring-disabled\/\[0\.07\]:focus-within{--tw-ring-color:rgb(var(--disabled)/0.07)}.focus-within\:ring-offset-0:focus-within{--tw-ring-offset-width:0px}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(var(--accent)/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/90:hover{background-color:rgb(var(--destructive)/.9)}.hover\:bg-destructive\/\[0\.12\]:hover{background-color:rgb(var(--destructive)/.12)}.hover\:bg-primary\/90:hover{background-color:rgb(var(--primary)/.9)}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--secondary)/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/50:hover{background-color:rgb(var(--secondary)/.5)}.hover\:bg-secondary\/80:hover{background-color:rgb(var(--secondary)/.8)}.hover\:text-foreground:hover{--tw-text-opacity:1;color:rgb(var(--foreground)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-disabled\/30:focus-visible{border-color:rgb(var(--disabled)/.3)}.focus-visible\:bg-accent:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--accent)/var(--tw-bg-opacity,1))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-destructive\/\[0\.15\]:focus-visible{--tw-ring-color:rgb(var(--destructive)/0.15)}.focus-visible\:ring-disabled\/\[0\.07\]:focus-visible{--tw-ring-color:rgb(var(--disabled)/0.07)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring)/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:rgb(var(--background)/1)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-\[0\.64\]:disabled{opacity:.64}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.peer:focus-visible~.peer-focus-visible\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-disabled\/\[0\.07\]{--tw-ring-color:rgb(var(--disabled)/0.07)}.peer:focus-visible~.peer-focus-visible\:ring-ring{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring)/var(--tw-ring-opacity,1))}.peer:focus-visible~.peer-focus-visible\:ring-offset-0{--tw-ring-offset-width:0px}.peer:focus-visible~.peer-focus-visible\:ring-offset-1{--tw-ring-offset-width:1px}.peer:focus-visible~.peer-focus-visible\:ring-offset-background{--tw-ring-offset-color:rgb(var(--background)/1)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:disabled\]\:opacity-\[0\.64\]:has(:disabled){opacity:.64}.data-\[state\=on\]\:translate-x-3[data-state=on]{--tw-translate-x:0.75rem}.data-\[state\=on\]\:translate-x-3[data-state=on],.data-\[state\=on\]\:translate-x-5[data-state=on]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=on\]\:translate-x-5[data-state=on]{--tw-translate-x:1.25rem}.data-\[state\=off\]\:bg-input[data-state=off]{background-color:rgb(var(--border)/.08)}.data-\[state\=on\]\:bg-secondary\/\[0\.64\][data-state=on]{background-color:rgb(var(--secondary)/.64)}.data-\[state\=on\]\:bg-success[data-state=on]{--tw-bg-opacity:1;background-color:rgb(var(--success)/var(--tw-bg-opacity,1))}.data-\[state\=off\]\:hover\:bg-card\/50:hover[data-state=off]{background-color:rgb(var(--card)/.5)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-radius-full::-webkit-scrollbar-thumb{border-radius:9999px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/20::-webkit-scrollbar-thumb{background-color:rgb(var(--foreground)/.2)}.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/30::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--foreground)/.3)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{background-color:transparent}.\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar{height:.375rem}.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:.375rem}.\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>:not(:first-child){margin-left:-.75rem}.\[\&\>\*\:not\(\:first-child\)\]\:-ml-px>:not(:first-child){margin-left:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:-mt-px>:not(:first-child){margin-top:-1px}.\[\&_\[data-alert-icon\]\]\:text-destructive [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--destructive)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-foreground [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--foreground)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-info [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--info)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-success [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--success)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-warning [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--warning)/var(--tw-text-opacity,1))}.\[\&_\[data-label\]\]\:px-1\.5 [data-label]{padding-left:.375rem;padding-right:.375rem}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
70
+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.inset-y-4{top:1rem;bottom:1rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.-mb-px{margin-bottom:-1px}.mb-1\.5{margin-bottom:.375rem}.ml-1\.5{margin-left:.375rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[14px\]{width:14px;height:14px}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:16rem}.max-h-\[204px\]{max-height:204px}.min-h-16{min-height:4rem}.min-h-24{min-height:6rem}.min-h-\[76px\]{min-height:76px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[30px\]{width:30px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[240px\]{min-width:240px}.max-w-\[448px\]{max-width:448px}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-px{gap:1px}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.\!rounded-none{border-radius:0!important}.\!rounded-radius-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-radius{border-radius:10px}.rounded-radius-2xl{border-radius:16px}.rounded-radius-full{border-radius:9999px}.rounded-radius-lg{border-radius:8px}.rounded-radius-sm{border-radius:4px}.rounded-radius-xl{border-radius:12px}.rounded-b-radius-2xl{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.rounded-l-radius-2xl{border-top-left-radius:16px;border-bottom-left-radius:16px}.rounded-r-radius-2xl{border-top-right-radius:16px;border-bottom-right-radius:16px}.rounded-t-radius-2xl{border-top-left-radius:16px;border-top-right-radius:16px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:rgb(var(--border)/.08)}.border-destructive{--tw-border-opacity:1;border-color:rgb(var(--destructive)/var(--tw-border-opacity,1))}.border-destructive\/\[0\.32\]{border-color:rgb(var(--destructive)/.32)}.border-disabled\/30{border-color:rgb(var(--disabled)/.3)}.border-foreground{--tw-border-opacity:1;border-color:rgb(var(--foreground)/var(--tw-border-opacity,1))}.border-info\/\[0\.32\]{border-color:rgb(var(--info)/.32)}.border-input{border-color:rgb(var(--border)/.08)}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--primary)/var(--tw-border-opacity,1))}.border-success\/\[0\.32\]{border-color:rgb(var(--success)/.32)}.border-transparent{border-color:transparent}.border-warning\/\[0\.32\]{border-color:rgb(var(--warning)/.32)}.bg-\[rgb\(16_16_18_\/_0\.32\)\]{background-color:rgba(16,16,18,.32)}.bg-background{--tw-bg-opacity:1;background-color:rgb(var(--background)/var(--tw-bg-opacity,1))}.bg-border{background-color:rgb(var(--border)/.08)}.bg-card{background-color:rgb(var(--card)/var(--tw-bg-opacity,1))}.bg-card,.bg-destructive{--tw-bg-opacity:1}.bg-destructive{background-color:rgb(var(--destructive)/var(--tw-bg-opacity,1))}.bg-destructive\/\[0\.04\]{background-color:rgb(var(--destructive)/.04)}.bg-destructive\/\[0\.08\]{background-color:rgb(var(--destructive)/.08)}.bg-foreground{--tw-bg-opacity:1;background-color:rgb(var(--foreground)/var(--tw-bg-opacity,1))}.bg-foreground\/\[0\.08\]{background-color:rgb(var(--foreground)/.08)}.bg-info{--tw-bg-opacity:1;background-color:rgb(var(--info)/var(--tw-bg-opacity,1))}.bg-info\/\[0\.04\]{background-color:rgb(var(--info)/.04)}.bg-info\/\[0\.08\]{background-color:rgb(var(--info)/.08)}.bg-input{background-color:rgb(var(--border)/.08)}.bg-popover{background-color:rgb(var(--popover)/var(--tw-bg-opacity,1))}.bg-popover,.bg-primary{--tw-bg-opacity:1}.bg-primary{background-color:rgb(var(--primary)/var(--tw-bg-opacity,1))}.bg-primary\/\[0\.04\]{background-color:rgb(var(--primary)/.04)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(var(--secondary)/var(--tw-bg-opacity,1))}.bg-secondary\/\[0\.72\]{background-color:rgb(var(--secondary)/.72)}.bg-success{--tw-bg-opacity:1;background-color:rgb(var(--success)/var(--tw-bg-opacity,1))}.bg-success\/\[0\.04\]{background-color:rgb(var(--success)/.04)}.bg-success\/\[0\.08\]{background-color:rgb(var(--success)/.08)}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity:1;background-color:rgb(var(--warning)/var(--tw-bg-opacity,1))}.bg-warning\/\[0\.04\]{background-color:rgb(var(--warning)/.04)}.bg-warning\/\[0\.08\]{background-color:rgb(var(--warning)/.08)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:16px;line-height:24px}.text-sm{font-size:14px;line-height:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:12px;line-height:14px;letter-spacing:.12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[14px\]{line-height:14px}.tracking-\[-0\.2px\]{letter-spacing:-.2px}.tracking-\[0\.12px\]{letter-spacing:.12px}.text-accent-foreground{--tw-text-opacity:1;color:rgb(var(--accent-foreground)/var(--tw-text-opacity,1))}.text-background{--tw-text-opacity:1;color:rgb(var(--background)/var(--tw-text-opacity,1))}.text-destructive{--tw-text-opacity:1;color:rgb(var(--destructive)/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:rgb(var(--destructive-foreground)/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:rgb(var(--foreground)/var(--tw-text-opacity,1))}.text-info{--tw-text-opacity:1;color:rgb(var(--info)/var(--tw-text-opacity,1))}.text-info-foreground{--tw-text-opacity:1;color:rgb(var(--info-foreground)/var(--tw-text-opacity,1))}.text-muted-foreground{color:rgb(var(--muted-foreground)/.5)}.text-muted-foreground\/60{color:rgb(var(--muted-foreground)/.6)}.text-popover-foreground{--tw-text-opacity:1;color:rgb(var(--popover-foreground)/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:rgb(var(--primary-foreground)/var(--tw-text-opacity,1))}.text-success{--tw-text-opacity:1;color:rgb(var(--success)/var(--tw-text-opacity,1))}.text-success-foreground{--tw-text-opacity:1;color:rgb(var(--success-foreground)/var(--tw-text-opacity,1))}.text-warning{--tw-text-opacity:1;color:rgb(var(--warning)/var(--tw-text-opacity,1))}.text-warning-foreground{--tw-text-opacity:1;color:rgb(var(--warning-foreground)/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:rgb(var(--foreground)/1)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-\[0\.64\]{opacity:.64}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[inset_0_2px_4px_0_rgb\(0_0_0_\/_0\.05\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_2px_4px_0_rgb\(0_0_0_\/_0\.05\)\]{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-btn{--tw-shadow:0 1px 1px rgba(38,38,38,.24),inset 0 1px 0 hsla(0,0%,100%,.16);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),inset 0 1px 0 var(--tw-shadow-color)}.shadow-btn,.shadow-overlay{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-overlay{--tw-shadow:0px 10px 15px -3px rgba(0,0,0,.05),0px 4px 6px -4px rgba(0,0,0,.05);--tw-shadow-colored:0px 10px 15px -3px var(--tw-shadow-color),0px 4px 6px -4px var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-background{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--background)/var(--tw-ring-opacity,1))}.ring-disabled\/20{--tw-ring-color:rgb(var(--disabled)/0.2)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[color\2c box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.placeholder\:text-muted-foreground::-moz-placeholder{color:rgb(var(--muted-foreground)/.5)}.placeholder\:text-muted-foreground::placeholder{color:rgb(var(--muted-foreground)/.5)}.focus-within\:border-disabled\/30:focus-within{border-color:rgb(var(--disabled)/.3)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-destructive\/\[0\.15\]:focus-within{--tw-ring-color:rgb(var(--destructive)/0.15)}.focus-within\:ring-disabled\/\[0\.07\]:focus-within{--tw-ring-color:rgb(var(--disabled)/0.07)}.focus-within\:ring-offset-0:focus-within{--tw-ring-offset-width:0px}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(var(--accent)/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/90:hover{background-color:rgb(var(--destructive)/.9)}.hover\:bg-destructive\/\[0\.12\]:hover{background-color:rgb(var(--destructive)/.12)}.hover\:bg-primary\/90:hover{background-color:rgb(var(--primary)/.9)}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--secondary)/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/50:hover{background-color:rgb(var(--secondary)/.5)}.hover\:bg-secondary\/80:hover{background-color:rgb(var(--secondary)/.8)}.hover\:text-foreground:hover{--tw-text-opacity:1;color:rgb(var(--foreground)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-disabled\/30:focus-visible{border-color:rgb(var(--disabled)/.3)}.focus-visible\:bg-accent:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--accent)/var(--tw-bg-opacity,1))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-destructive\/\[0\.15\]:focus-visible{--tw-ring-color:rgb(var(--destructive)/0.15)}.focus-visible\:ring-disabled\/\[0\.07\]:focus-visible{--tw-ring-color:rgb(var(--disabled)/0.07)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring)/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:rgb(var(--background)/1)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-\[0\.64\]:disabled{opacity:.64}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.peer:focus-visible~.peer-focus-visible\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-disabled\/\[0\.07\]{--tw-ring-color:rgb(var(--disabled)/0.07)}.peer:focus-visible~.peer-focus-visible\:ring-ring{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring)/var(--tw-ring-opacity,1))}.peer:focus-visible~.peer-focus-visible\:ring-offset-0{--tw-ring-offset-width:0px}.peer:focus-visible~.peer-focus-visible\:ring-offset-1{--tw-ring-offset-width:1px}.peer:focus-visible~.peer-focus-visible\:ring-offset-background{--tw-ring-offset-color:rgb(var(--background)/1)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:disabled\]\:opacity-\[0\.64\]:has(:disabled){opacity:.64}.data-\[state\=on\]\:translate-x-3[data-state=on]{--tw-translate-x:0.75rem}.data-\[state\=on\]\:translate-x-3[data-state=on],.data-\[state\=on\]\:translate-x-5[data-state=on]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=on\]\:translate-x-5[data-state=on]{--tw-translate-x:1.25rem}.data-\[state\=off\]\:bg-input[data-state=off]{background-color:rgb(var(--border)/.08)}.data-\[state\=on\]\:bg-secondary\/\[0\.64\][data-state=on]{background-color:rgb(var(--secondary)/.64)}.data-\[state\=on\]\:bg-success[data-state=on]{--tw-bg-opacity:1;background-color:rgb(var(--success)/var(--tw-bg-opacity,1))}.data-\[state\=off\]\:hover\:bg-card\/50:hover[data-state=off]{background-color:rgb(var(--card)/.5)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-radius-full::-webkit-scrollbar-thumb{border-radius:9999px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/20::-webkit-scrollbar-thumb{background-color:rgb(var(--foreground)/.2)}.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/30::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--foreground)/.3)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{background-color:transparent}.\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar{height:.375rem}.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:.375rem}.\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>:not(:first-child){margin-left:-.75rem}.\[\&\>\*\:not\(\:first-child\)\]\:-ml-px>:not(:first-child){margin-left:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:-mt-px>:not(:first-child){margin-top:-1px}.\[\&_\[data-alert-icon\]\]\:text-destructive [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--destructive)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-foreground [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--foreground)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-info [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--info)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-success [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--success)/var(--tw-text-opacity,1))}.\[\&_\[data-alert-icon\]\]\:text-warning [data-alert-icon]{--tw-text-opacity:1;color:rgb(var(--warning)/var(--tw-text-opacity,1))}.\[\&_\[data-label\]\]\:px-1\.5 [data-label]{padding-left:.375rem;padding-right:.375rem}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bo-ui-kit",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "BO UI Kit — Figma 디자인 시스템에서 추출한 React 컴포넌트 라이브러리 (Tailwind 토큰 기반).",
5
5
  "license": "MIT",
6
6
  "type": "module",