@cocso-ui/react 0.0.1-beta.35 → 0.0.1-beta.37

package/lib/components/Checkbox/Checkbox.d.ts

@@ -16,6 +16,6 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     onChange: (next: CheckboxStatus) => void;
     label?: string;
     disabled?: boolean;
-} & Omit<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "checked" | "onCheckedChange"> & React.RefAttributes<never>> & {
+} & Omit<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref">, "checked" | "onCheckedChange"> & React.RefAttributes<HTMLButtonElement>> & {
     displayName: string;
 };

package/lib/components/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import * as ModalPrimitive from '@radix-ui/react-dialog';
 export declare const Modal: import("react").FC<ModalPrimitive.DialogProps> & {
     Trigger: import("react").ForwardRefExoticComponent<ModalPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<ModalPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>>;
-    Title: import("react").ForwardRefExoticComponent<Omit<ModalPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<never>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<ModalPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<never>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<ModalPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<ModalPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<ModalPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 };

package/lib/components/OneTimePasswordField/OneTimePasswordField.d.ts

@@ -1,4 +1,4 @@
 import * as OneTimePasswordFieldPrimitive from '@radix-ui/react-one-time-password-field';
-export declare const OneTimePasswordField: import("react").ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>> & {
-    Input: import("react").ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<never>>;
+export declare const OneTimePasswordField: import("react").ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Input: import("react").ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 };

package/lib/components/Switch/Switch.d.ts

@@ -0,0 +1,8 @@
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+export declare const Switch: import("react").ForwardRefExoticComponent<{
+    id: string;
+    size?: "lg" | "md";
+    disabled?: boolean;
+    label?: string;
+    labelPosition?: "left" | "right";
+} & Omit<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/lib/components/Toast/Toast.d.ts

@@ -0,0 +1,5 @@
+import { toast } from 'sonner';
+export declare const Toaster: import("react").ForwardRefExoticComponent<import("sonner").ToasterProps & import("react").RefAttributes<HTMLElement>> & {
+    displayName: string;
+};
+export { toast };

package/lib/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export * from './Toast';

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";var xe=Object.create;var A=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var We=(e,o)=>{for(var t in o)A(e,t,{get:o[t],enumerable:!0})},ee=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of we(o))!Te.call(e,n)&&n!==t&&A(e,n,{get:()=>o[n],enumerable:!(r=ke(o,n))||r.enumerable});return e};var v=(e,o,t)=>(t=e!=null?xe(Ne(e)):{},ee(o||!e||!e.__esModule?A(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>ee(A({},"__esModule",{value:!0}),e);var no={};We(no,{Accordion:()=>Ee,Body:()=>D,Button:()=>ze,Checkbox:()=>ro,Display:()=>$e,FileUpload:()=>Ve,Heading:()=>q,Label:()=>O,Link:()=>Ze,Modal:()=>Xe,OneTimePasswordField:()=>oo,Spinner:()=>K});module.exports=Me(no);var w=v(require("@radix-ui/react-accordion"),1),H=require("react");var Fe=(...e)=>e.filter(Boolean).join(" ").trim(),a=(e,o,t=[],...r)=>{let n=Object.entries(o).filter(([,c])=>c!==!1&&c!==null&&c!==void 0).map(([c,l])=>`${e}--${c}_${l}`).join(" "),i=t.filter(c=>Object.entries(c).every(([l,d])=>o[l]===d)).map(c=>{let l=Object.entries(c).map(([d,m])=>`${d}_${m}`).join("-");return`${e}--${l}`}).join(" ");return Fe(e,n,i,...r)};var oe=require("@radix-ui/react-slot"),T=require("react/jsx-runtime"),Le=(0,H.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-accordion-item",{},[],e);return(0,T.jsx)(w.Item,{ref:t,className:r,...o})}),Se=(0,H.forwardRef)(({className:e,children:o,chevron:t=!0,...r},n)=>{let i=a("cocso-accordion-trigger",{},[],e);return(0,T.jsx)(w.Trigger,{ref:n,className:i,...r,children:(0,T.jsxs)(oe.Slottable,{children:[o,t&&(0,T.jsx)("div",{className:"cocso-accordion-chevron",children:(0,T.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,T.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})})}),De=(0,H.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-accordion-content",{},[],e);return(0,T.jsx)(w.Content,{ref:t,className:r,...o})}),Ee=Object.assign(w.Root,{Item:Le,Header:w.Header,Trigger:Se,Content:De});var re=v(require("react"),1),ne=require("@radix-ui/react-slot");function P(e){if(e)return e.includes(".")?`var(--color-${e.replace(/\./g,"-")})`:e}var te={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};function y(e){if(e)return e in te?te[e]:e}var se=require("react/jsx-runtime"),Oe=re.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:n,style:i,...c},l)=>{let m=a("cocso-body",{size:o},[],n);return(0,se.jsx)(e?ne.Slot:"p",{ref:l,className:m,style:{"--cocso-body-color":P(t),"--cocso-body-weight":y(r),...i},...c})}),D=Object.assign(Oe,{displayName:"Body"});var E=v(require("react"),1),ae=require("@radix-ui/react-slot");var ie=v(require("react"),1);var F=require("react/jsx-runtime"),Be=["div"],Ae=ie.forwardRef(({as:e=Be[0],size:o="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:n,style:i,...c},l)=>{let d=e,h=a("cocso-spinner",{size:o},[],n);return(0,F.jsx)(d,{ref:l,className:h,style:{"--cocso-spinner-bg":P(r),"--cocso-spinner-color":P(t),...i},...c,children:(0,F.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,F.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),(0,F.jsx)("path",{className:"opacity-75",fill:"var(--cocso-spinner-color, currentColor)",d:"M12 2a10 10 0 0110 10 10 10 0 01-5 8.66l-1-1.73a8 8 0 004-6.93 8 8 0 00-8-8V2z"})]})})}),K=Object.assign(Ae,{displayName:"Spinner"});var Z=require("react/jsx-runtime"),He=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],Ie=E.forwardRef(({asChild:e=!1,variant:o="primary",size:t="md",disabled:r=!1,loading:n=!1,color:i,weight:c="normal",className:l,style:d,children:m,onClick:h,onKeyDown:W,...L},S)=>{let C=r||n,R=E.useCallback(k=>{if(C){k.preventDefault();return}h?.(k)},[C,h]),$=E.useCallback(k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),C||k.currentTarget.click()),W?.(k)},[C,W]),_={variant:o,size:t,loading:n,disabled:C},U=[...r?[{variant:o,disabled:r}]:[],...n?[{variant:o,loading:n}]:[]],V=a("cocso-button",_,U,l),G={"--cocso-button-color":P(i),"--cocso-button-weight":y(c),...d};return(0,Z.jsx)(e?ae.Slot:"button",{ref:S,className:V,onClick:R,onKeyDown:$,role:"button",disabled:C,"aria-disabled":C,"aria-busy":n,style:G,...L,children:n?(0,Z.jsx)(K,{className:"cocso-button-spinner",size:He(t),color:"currentColor"}):m})}),ze=Object.assign(Ie,{displayName:"Button"});var ce=v(require("react"),1),le=require("@radix-ui/react-slot");var me=require("react/jsx-runtime"),je=ce.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:n,style:i,...c},l)=>{let m=a("cocso-display",{size:o},[],n);return(0,me.jsx)(e?le.Slot:"h1",{ref:l,className:m,style:{"--cocso-display-color":P(t),"--cocso-display-weight":y(r),...i},...c})}),$e=Object.assign(je,{displayName:"Display"});var ge=v(require("react"),1),f=require("react");var pe=v(require("react"),1),de=require("@radix-ui/react-slot");var fe=require("react/jsx-runtime"),_e=pe.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:n,style:i,...c},l)=>{let m=a("cocso-label",{size:o},[],n);return(0,fe.jsx)(e?de.Slot:"label",{ref:l,className:m,style:{"--cocso-label-color":P(t),"--cocso-label-weight":y(r),...i},...c})}),O=Object.assign(_e,{displayName:"Label"});var p=require("react/jsx-runtime"),Ue=ge.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:n=!0,accept:i,...c},l)=>{let[d,m]=(0,f.useState)(!1),h=(0,f.useRef)(null),W=(0,f.useRef)(null),L=3*1024*1024,S=(0,f.useCallback)(s=>i?i.split(",").map(b=>b.trim()).some(b=>{if(b.endsWith("/*")){let B=b.slice(0,-2);return s.type.startsWith(B)}return s.type===b||s.name.toLowerCase().endsWith(b)}):!0,[i]),C=(0,f.useCallback)(s=>s.size>L?(alert(`${s.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),R=(0,f.useCallback)(s=>{let b=Array.from(s).filter(M=>S(M)?C(M):(alert(`${M.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(b.length===0)return;let B=e-o.length;if(B<=0){alert(`\uCD5C\uB300 ${e}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let be=b.slice(0,B).map(M=>({file:M,name:M.name,size:M.size}));t([...o,...be])},[o,e,t,S,C]),$=(0,f.useCallback)(s=>{s.preventDefault(),s.stopPropagation(),m(!0)},[]),_=(0,f.useCallback)(s=>{s.preventDefault(),s.stopPropagation(),W.current&&!W.current.contains(s.relatedTarget)&&m(!1)},[]),U=(0,f.useCallback)(s=>{s.preventDefault(),s.stopPropagation()},[]),V=(0,f.useCallback)(s=>{s.preventDefault(),s.stopPropagation(),m(!1);let{files:N}=s.dataTransfer;N&&R(N)},[R]),G=(0,f.useCallback)(s=>{let{files:N}=s.target;N&&R(N)},[R]),X=(0,f.useCallback)(s=>{let N=o.filter(b=>b.name!==s);t(N),r?.(s)},[o,t,r]),k=(0,f.useCallback)(()=>{h.current?.click()},[]),Y=o.length>=e||!n&&o.length>=1;return(0,p.jsxs)("div",{className:"cocso-file-upload-wrapper",children:[!Y&&(0,p.jsxs)("div",{ref:W,onDragEnter:$,onDragOver:U,onDragLeave:_,onDrop:V,onClick:k,className:"cocso-file-upload","data-drag-active":d,children:[(0,p.jsx)("input",{ref:s=>{h.current=s,typeof l=="function"?l(s):l&&(l.current=s)},type:"file",onChange:G,multiple:n,accept:i,style:{display:"none"},...c}),(0,p.jsxs)(O,{size:"xs",color:"palette.gray-600",children:["\uD30C\uC77C\uC744 \uC5EC\uAE30\uC5D0 \uB04C\uC5B4\uB2E4 \uB193\uAC70\uB098, \uD074\uB9AD\uD558\uC5EC \uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694",(0,p.jsx)("br",{}),"(\uCD5C\uB300 3MB)"]}),(0,p.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,p.jsx)("path",{d:"M5 12h14"}),(0,p.jsx)("path",{d:"M12 5v14"})]})]}),o.length>0&&(0,p.jsx)("div",{className:"cocso-file-upload-list",children:o.map(s=>(0,p.jsxs)("div",{className:"cocso-file-upload-item",children:[(0,p.jsx)(D,{size:"xs",children:s.name}),(0,p.jsx)("button",{type:"button",onClick:()=>X(s.name),className:"cocso-file-upload-remove",children:(0,p.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,p.jsx)("path",{d:"M18 6 6 18"}),(0,p.jsx)("path",{d:"m6 6 12 12"})]})})]},s.name))})]})}),Ve=Object.assign(Ue,{displayName:"FileUpload"});var he=v(require("react"),1),ue=require("@radix-ui/react-slot");var Ce=require("react/jsx-runtime"),Ge=he.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:n,style:i,...c},l)=>{let m=a("cocso-heading",{size:o},[],n);return(0,Ce.jsx)(e?ue.Slot:"h2",{ref:l,className:m,style:{"--cocso-heading-color":P(t),"--cocso-heading-weight":y(r),...i},...c})}),q=Object.assign(Ge,{displayName:"Heading"});var ve=v(require("react"),1),Pe=require("@radix-ui/react-slot");var ye=require("react/jsx-runtime"),Ke=ve.forwardRef(({asChild:e=!1,size:o="md",weight:t="normal",indicator:r=!0,className:n,style:i,...c},l)=>{let m=a("cocso-link",{size:o,indicator:r},[],n);return(0,ye.jsx)(e?Pe.Slot:"a",{ref:l,className:m,style:{"--cocso-link-weight":y(t),...i},...c})}),Ze=Object.assign(Ke,{displayName:"Link"});var g=v(require("@radix-ui/react-dialog"),1),I=require("react");var u=require("react/jsx-runtime"),qe=(0,I.forwardRef)(({className:e,children:o,...t},r)=>{let n=a("cocso-modal-content",{},[],e);return(0,u.jsxs)(g.Portal,{children:[(0,u.jsx)(g.Overlay,{className:"cocso-modal-overlay"}),(0,u.jsxs)(g.Content,{ref:r,className:n,...t,children:[(0,u.jsx)("div",{className:"cocso-modal-close-wrapper",children:(0,u.jsx)(g.Close,{className:"cocso-modal-close",children:(0,u.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,u.jsx)("path",{d:"M18 6 6 18"}),(0,u.jsx)("path",{d:"m6 6 12 12"})]})})}),o]})]})}),Je=(0,I.forwardRef)(({className:e,children:o,...t},r)=>{let n=a("cocso-modal-title",{},[],e);return(0,u.jsx)(g.Title,{ref:r,className:n,asChild:!0,...t,children:(0,u.jsx)(q,{color:"text.basic",children:o})})}),Qe=(0,I.forwardRef)(({className:e,children:o,...t},r)=>{let n=a("cocso-modal-description",{},[],e);return(0,u.jsx)(g.Description,{ref:r,className:n,asChild:!0,...t,children:(0,u.jsx)(D,{size:"sm",color:"text.subtle",children:o})})}),Xe=Object.assign(g.Root,{Trigger:g.Trigger,Content:qe,Title:Je,Description:Qe});var z=v(require("@radix-ui/react-one-time-password-field"),1),J=require("react");var Q=require("react/jsx-runtime"),Ye=(0,J.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-otp",{},[],e);return(0,Q.jsx)(z.Root,{ref:t,className:r,...o})}),eo=(0,J.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-otp-input",{},[],e);return(0,Q.jsx)(z.Input,{ref:t,className:r,...o})}),oo=Object.assign(Ye,{Input:eo});var Re=v(require("react"),1),j=v(require("@radix-ui/react-checkbox"),1);var x=require("react/jsx-runtime"),to=Re.forwardRef(({id:e,size:o="md",status:t,onChange:r,label:n,disabled:i=!1,className:c,...l},d)=>{let m={size:o,disabled:i,status:t},h=[...i?[{status:t,disabled:i}]:[]],W=a("cocso-checkbox",m,h,c),L=C=>{if(!i){let R;C===!0?R="on":C==="indeterminate"?R="intermediate":R="off",r(R)}};return(0,x.jsxs)("div",{className:"cocso-checkbox-wrapper",children:[(0,x.jsxs)(j.Root,{ref:d,id:e,className:W,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:L,disabled:i,...l,children:[(0,x.jsx)(j.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:(0,x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,x.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),(0,x.jsx)("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:(0,x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:(0,x.jsx)("path",{d:"M5 12h14"})})})]}),n&&(0,x.jsx)(O,{className:a("cocso-checkbox-label",{disabled:i}),size:o,htmlFor:e,children:n})]})}),ro=Object.assign(to,{displayName:"Checkbox"});
+"use strict";var Te=Object.create;var H=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var We=Object.getOwnPropertyNames;var Me=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var Le=(e,o)=>{for(var t in o)H(e,t,{get:o[t],enumerable:!0})},re=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of We(o))!Fe.call(e,i)&&i!==t&&H(e,i,{get:()=>o[i],enumerable:!(r=Se(o,i))||r.enumerable});return e};var u=(e,o,t)=>(t=e!=null?Te(Me(e)):{},re(o||!e||!e.__esModule?H(t,"default",{value:e,enumerable:!0}):t,e)),De=e=>re(H({},"__esModule",{value:!0}),e);var po={};Le(po,{Accordion:()=>He,Body:()=>E,Button:()=>Ue,Checkbox:()=>ao,Display:()=>Ge,FileUpload:()=>qe,Heading:()=>X,Label:()=>W,Link:()=>Xe,Modal:()=>to,OneTimePasswordField:()=>no,Spinner:()=>J,Switch:()=>mo,Toaster:()=>lo,toast:()=>U.toast});module.exports=De(po);var k=u(require("@radix-ui/react-accordion"),1),I=require("react");var Oe=(...e)=>e.filter(Boolean).join(" ").trim(),a=(e,o,t=[],...r)=>{let i=Object.entries(o).filter(([,c])=>c!==!1&&c!==null&&c!==void 0).map(([c,m])=>`${e}--${c}_${m}`).join(" "),s=t.filter(c=>Object.entries(c).every(([m,p])=>o[m]===p)).map(c=>{let m=Object.entries(c).map(([p,l])=>`${p}_${l}`).join("-");return`${e}--${m}`}).join(" ");return Oe(e,i,s,...r)};var ie=require("@radix-ui/react-slot"),T=require("react/jsx-runtime"),Ee=(0,I.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-accordion-item",{},[],e);return(0,T.jsx)(k.Item,{ref:t,className:r,...o})}),Be=(0,I.forwardRef)(({className:e,children:o,chevron:t=!0,...r},i)=>{let s=a("cocso-accordion-trigger",{},[],e);return(0,T.jsx)(k.Trigger,{ref:i,className:s,...r,children:(0,T.jsxs)(ie.Slottable,{children:[o,t&&(0,T.jsx)("div",{className:"cocso-accordion-chevron",children:(0,T.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,T.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})})}),Ae=(0,I.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-accordion-content",{},[],e);return(0,T.jsx)(k.Content,{ref:t,className:r,...o})}),He=Object.assign(k.Root,{Item:Ee,Header:k.Header,Trigger:Be,Content:Ae});var se=u(require("react"),1),ae=require("@radix-ui/react-slot");function P(e){if(e)return e.includes(".")?`var(--color-${e.replace(/\./g,"-")})`:e}var ne={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};function y(e){if(e)return e in ne?ne[e]:e}var ce=require("react/jsx-runtime"),Ie=se.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:i,style:s,...c},m)=>{let l=a("cocso-body",{size:o},[],i);return(0,ce.jsx)(e?ae.Slot:"p",{ref:m,className:l,style:{"--cocso-body-color":P(t),"--cocso-body-weight":y(r),...s},...c})}),E=Object.assign(Ie,{displayName:"Body"});var B=u(require("react"),1),le=require("@radix-ui/react-slot");var me=u(require("react"),1);var L=require("react/jsx-runtime"),ze=["div"],je=me.forwardRef(({as:e=ze[0],size:o="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:i,style:s,...c},m)=>{let p=e,g=a("cocso-spinner",{size:o},[],i);return(0,L.jsx)(p,{ref:m,className:g,style:{"--cocso-spinner-bg":P(r),"--cocso-spinner-color":P(t),...s},...c,children:(0,L.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),(0,L.jsx)("path",{className:"opacity-75",fill:"var(--cocso-spinner-color, currentColor)",d:"M12 2a10 10 0 0110 10 10 10 0 01-5 8.66l-1-1.73a8 8 0 004-6.93 8 8 0 00-8-8V2z"})]})})}),J=Object.assign(je,{displayName:"Spinner"});var Q=require("react/jsx-runtime"),$e=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],_e=B.forwardRef(({asChild:e=!1,variant:o="primary",size:t="md",disabled:r=!1,loading:i=!1,color:s,weight:c="normal",className:m,style:p,children:l,onClick:g,onKeyDown:S,...D},O)=>{let v=r||i,R=B.useCallback(w=>{if(v){w.preventDefault();return}g?.(w)},[v,g]),V=B.useCallback(w=>{(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),v||w.currentTarget.click()),S?.(w)},[v,S]),G={variant:o,size:t,loading:i,disabled:v},K=[...r?[{variant:o,disabled:r}]:[],...i?[{variant:o,loading:i}]:[]],Z=a("cocso-button",G,K,m),q={"--cocso-button-color":P(s),"--cocso-button-weight":y(c),...p};return(0,Q.jsx)(e?le.Slot:"button",{ref:O,className:Z,onClick:R,onKeyDown:V,role:"button",disabled:v,"aria-disabled":v,"aria-busy":i,style:q,...D,children:i?(0,Q.jsx)(J,{className:"cocso-button-spinner",size:$e(t),color:"currentColor"}):l})}),Ue=Object.assign(_e,{displayName:"Button"});var pe=u(require("react"),1),de=require("@radix-ui/react-slot");var fe=require("react/jsx-runtime"),Ve=pe.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:i,style:s,...c},m)=>{let l=a("cocso-display",{size:o},[],i);return(0,fe.jsx)(e?de.Slot:"h1",{ref:m,className:l,style:{"--cocso-display-color":P(t),"--cocso-display-weight":y(r),...s},...c})}),Ge=Object.assign(Ve,{displayName:"Display"});var Ce=u(require("react"),1),f=require("react");var he=u(require("react"),1),ge=require("@radix-ui/react-slot");var ue=require("react/jsx-runtime"),Ke=he.forwardRef(({asChild:e=!1,size:o="md",color:t="text.basic",weight:r="normal",className:i,style:s,...c},m)=>{let l=a("cocso-label",{size:o},[],i);return(0,ue.jsx)(e?ge.Slot:"label",{ref:m,className:l,style:{"--cocso-label-color":P(t),"--cocso-label-weight":y(r),...s},...c})}),W=Object.assign(Ke,{displayName:"Label"});var d=require("react/jsx-runtime"),Ze=Ce.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:i=!0,accept:s,...c},m)=>{let[p,l]=(0,f.useState)(!1),g=(0,f.useRef)(null),S=(0,f.useRef)(null),D=3*1024*1024,O=(0,f.useCallback)(n=>s?s.split(",").map(b=>b.trim()).some(b=>{if(b.endsWith("/*")){let A=b.slice(0,-2);return n.type.startsWith(A)}return n.type===b||n.name.toLowerCase().endsWith(b)}):!0,[s]),v=(0,f.useCallback)(n=>n.size>D?(alert(`${n.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),R=(0,f.useCallback)(n=>{let b=Array.from(n).filter(M=>O(M)?v(M):(alert(`${M.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(b.length===0)return;let A=e-o.length;if(A<=0){alert(`\uCD5C\uB300 ${e}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let Ne=b.slice(0,A).map(M=>({file:M,name:M.name,size:M.size}));t([...o,...Ne])},[o,e,t,O,v]),V=(0,f.useCallback)(n=>{n.preventDefault(),n.stopPropagation(),l(!0)},[]),G=(0,f.useCallback)(n=>{n.preventDefault(),n.stopPropagation(),S.current&&!S.current.contains(n.relatedTarget)&&l(!1)},[]),K=(0,f.useCallback)(n=>{n.preventDefault(),n.stopPropagation()},[]),Z=(0,f.useCallback)(n=>{n.preventDefault(),n.stopPropagation(),l(!1);let{files:N}=n.dataTransfer;N&&R(N)},[R]),q=(0,f.useCallback)(n=>{let{files:N}=n.target;N&&R(N)},[R]),oe=(0,f.useCallback)(n=>{let N=o.filter(b=>b.name!==n);t(N),r?.(n)},[o,t,r]),w=(0,f.useCallback)(()=>{g.current?.click()},[]),te=o.length>=e||!i&&o.length>=1;return(0,d.jsxs)("div",{className:"cocso-file-upload-wrapper",children:[!te&&(0,d.jsxs)("div",{ref:S,onDragEnter:V,onDragOver:K,onDragLeave:G,onDrop:Z,onClick:w,className:"cocso-file-upload","data-drag-active":p,children:[(0,d.jsx)("input",{ref:n=>{g.current=n,typeof m=="function"?m(n):m&&(m.current=n)},type:"file",onChange:q,multiple:i,accept:s,style:{display:"none"},...c}),(0,d.jsxs)(W,{size:"xs",color:"palette.gray-600",children:["\uD30C\uC77C\uC744 \uC5EC\uAE30\uC5D0 \uB04C\uC5B4\uB2E4 \uB193\uAC70\uB098, \uD074\uB9AD\uD558\uC5EC \uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694",(0,d.jsx)("br",{}),"(\uCD5C\uB300 3MB)"]}),(0,d.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,d.jsx)("path",{d:"M5 12h14"}),(0,d.jsx)("path",{d:"M12 5v14"})]})]}),o.length>0&&(0,d.jsx)("div",{className:"cocso-file-upload-list",children:o.map(n=>(0,d.jsxs)("div",{className:"cocso-file-upload-item",children:[(0,d.jsx)(E,{size:"xs",children:n.name}),(0,d.jsx)("button",{type:"button",onClick:()=>oe(n.name),className:"cocso-file-upload-remove",children:(0,d.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,d.jsx)("path",{d:"M18 6 6 18"}),(0,d.jsx)("path",{d:"m6 6 12 12"})]})})]},n.name))})]})}),qe=Object.assign(Ze,{displayName:"FileUpload"});var ve=u(require("react"),1),Pe=require("@radix-ui/react-slot");var ye=require("react/jsx-runtime"),Je=ve.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:i,style:s,...c},m)=>{let l=a("cocso-heading",{size:o},[],i);return(0,ye.jsx)(e?Pe.Slot:"h2",{ref:m,className:l,style:{"--cocso-heading-color":P(t),"--cocso-heading-weight":y(r),...s},...c})}),X=Object.assign(Je,{displayName:"Heading"});var Re=u(require("react"),1),be=require("@radix-ui/react-slot");var xe=require("react/jsx-runtime"),Qe=Re.forwardRef(({asChild:e=!1,size:o="md",weight:t="normal",indicator:r=!0,className:i,style:s,...c},m)=>{let l=a("cocso-link",{size:o,indicator:r},[],i);return(0,xe.jsx)(e?be.Slot:"a",{ref:m,className:l,style:{"--cocso-link-weight":y(t),...s},...c})}),Xe=Object.assign(Qe,{displayName:"Link"});var h=u(require("@radix-ui/react-dialog"),1),z=require("react");var C=require("react/jsx-runtime"),Ye=(0,z.forwardRef)(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-content",{},[],e);return(0,C.jsxs)(h.Portal,{children:[(0,C.jsx)(h.Overlay,{className:"cocso-modal-overlay"}),(0,C.jsxs)(h.Content,{ref:r,className:i,...t,children:[(0,C.jsx)("div",{className:"cocso-modal-close-wrapper",children:(0,C.jsx)(h.Close,{className:"cocso-modal-close",children:(0,C.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,C.jsx)("path",{d:"M18 6 6 18"}),(0,C.jsx)("path",{d:"m6 6 12 12"})]})})}),o]})]})}),eo=(0,z.forwardRef)(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-title",{},[],e);return(0,C.jsx)(h.Title,{ref:r,className:i,asChild:!0,...t,children:(0,C.jsx)(X,{color:"text.basic",children:o})})}),oo=(0,z.forwardRef)(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-description",{},[],e);return(0,C.jsx)(h.Description,{ref:r,className:i,asChild:!0,...t,children:(0,C.jsx)(E,{size:"sm",color:"text.subtle",children:o})})}),to=Object.assign(h.Root,{Trigger:h.Trigger,Content:Ye,Title:eo,Description:oo});var j=u(require("@radix-ui/react-one-time-password-field"),1),Y=require("react");var ee=require("react/jsx-runtime"),ro=(0,Y.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-otp",{},[],e);return(0,ee.jsx)(j.Root,{ref:t,className:r,...o})}),io=(0,Y.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-otp-input",{},[],e);return(0,ee.jsx)(j.Input,{ref:t,className:r,...o})}),no=Object.assign(ro,{Input:io});var we=u(require("react"),1),$=u(require("@radix-ui/react-checkbox"),1);var x=require("react/jsx-runtime"),so=we.forwardRef(({id:e,size:o="md",status:t,onChange:r,label:i,disabled:s=!1,className:c,...m},p)=>{let l={size:o,disabled:s,status:t},g=[...s?[{status:t,disabled:s}]:[]],S=a("cocso-checkbox",l,g,c),D=v=>{if(!s){let R;v===!0?R="on":v==="indeterminate"?R="intermediate":R="off",r(R)}};return(0,x.jsxs)("div",{className:"cocso-checkbox-wrapper",children:[(0,x.jsxs)($.Root,{ref:p,id:e,className:S,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:D,disabled:s,...m,children:[(0,x.jsx)($.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:(0,x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,x.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),(0,x.jsx)("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:(0,x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:(0,x.jsx)("path",{d:"M5 12h14"})})})]}),i&&(0,x.jsx)(W,{className:a("cocso-checkbox-label",{disabled:s}),size:o,htmlFor:e,children:i})]})}),ao=Object.assign(so,{displayName:"Checkbox"});var ke=require("react"),_=u(require("@radix-ui/react-switch"),1);var F=require("react/jsx-runtime"),co=(0,ke.forwardRef)(({id:e,size:o="md",disabled:t=!1,label:r,labelPosition:i="right",className:s,children:c,...m},p)=>{let l=a("cocso-switch",{size:o,disabled:t},[],s);return(0,F.jsxs)("div",{className:"cocso-switch-wrapper",children:[i==="left"&&(0,F.jsx)(W,{size:o,htmlFor:e,children:r}),(0,F.jsx)(_.Root,{ref:p,className:l,...m,children:(0,F.jsx)(_.Thumb,{className:a("cocso-switch-thumb",{size:o})})}),i==="right"&&(0,F.jsx)(W,{size:o,htmlFor:e,children:r})]})}),mo=Object.assign(co,{});var U=require("sonner"),lo=Object.assign(U.Toaster,{displayName:"Toast"});

package/lib/index.d.ts

@@ -10,3 +10,5 @@ export * from './components/Modal';
 export * from './components/OneTimePasswordField';
 export * from './components/Checkbox';
 export * from './components/Spinner';
+export * from './components/Switch';
+export * from './components/Toast';

package/lib/index.js

@@ -1 +1 @@
-import*as y from"@radix-ui/react-accordion";import{forwardRef as _}from"react";var de=(...e)=>e.filter(Boolean).join(" ").trim(),a=(e,o,t=[],...r)=>{let s=Object.entries(o).filter(([,c])=>c!==!1&&c!==null&&c!==void 0).map(([c,l])=>`${e}--${c}_${l}`).join(" "),i=t.filter(c=>Object.entries(c).every(([l,p])=>o[l]===p)).map(c=>{let l=Object.entries(c).map(([p,m])=>`${p}_${m}`).join("-");return`${e}--${l}`}).join(" ");return de(e,s,i,...r)};import{Slottable as fe}from"@radix-ui/react-slot";import{jsx as W,jsxs as Ce}from"react/jsx-runtime";var ge=_(({className:e,...o},t)=>{let r=a("cocso-accordion-item",{},[],e);return W(y.Item,{ref:t,className:r,...o})}),he=_(({className:e,children:o,chevron:t=!0,...r},s)=>{let i=a("cocso-accordion-trigger",{},[],e);return W(y.Trigger,{ref:s,className:i,...r,children:Ce(fe,{children:[o,t&&W("div",{className:"cocso-accordion-chevron",children:W("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:W("path",{d:"m6 9 6 6 6-6"})})})]})})}),ue=_(({className:e,...o},t)=>{let r=a("cocso-accordion-content",{},[],e);return W(y.Content,{ref:t,className:r,...o})}),Ye=Object.assign(y.Root,{Item:ge,Header:y.Header,Trigger:he,Content:ue});import*as J from"react";import{Slot as ve}from"@radix-ui/react-slot";function h(e){if(e)return e.includes(".")?`var(--color-${e.replace(/\./g,"-")})`:e}var q={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};function u(e){if(e)return e in q?q[e]:e}import{jsx as ye}from"react/jsx-runtime";var Pe=J.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:s,style:i,...c},l)=>{let m=a("cocso-body",{size:o},[],s);return ye(e?ve:"p",{ref:l,className:m,style:{"--cocso-body-color":h(t),"--cocso-body-weight":u(r),...i},...c})}),E=Object.assign(Pe,{displayName:"Body"});import*as S from"react";import{Slot as ke}from"@radix-ui/react-slot";import*as Q from"react";import{jsx as U,jsxs as xe}from"react/jsx-runtime";var Re=["div"],be=Q.forwardRef(({as:e=Re[0],size:o="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:s,style:i,...c},l)=>{let p=e,f=a("cocso-spinner",{size:o},[],s);return U(p,{ref:l,className:f,style:{"--cocso-spinner-bg":h(r),"--cocso-spinner-color":h(t),...i},...c,children:xe("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[U("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),U("path",{className:"opacity-75",fill:"var(--cocso-spinner-color, currentColor)",d:"M12 2a10 10 0 0110 10 10 10 0 01-5 8.66l-1-1.73a8 8 0 004-6.93 8 8 0 00-8-8V2z"})]})})}),X=Object.assign(be,{displayName:"Spinner"});import{jsx as Y}from"react/jsx-runtime";var we=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],Ne=S.forwardRef(({asChild:e=!1,variant:o="primary",size:t="md",disabled:r=!1,loading:s=!1,color:i,weight:c="normal",className:l,style:p,children:m,onClick:f,onKeyDown:w,...F},L)=>{let g=r||s,C=S.useCallback(P=>{if(g){P.preventDefault();return}f?.(P)},[g,f]),H=S.useCallback(P=>{(P.key==="Enter"||P.key===" ")&&(P.preventDefault(),g||P.currentTarget.click()),w?.(P)},[g,w]),I={variant:o,size:t,loading:s,disabled:g},z=[...r?[{variant:o,disabled:r}]:[],...s?[{variant:o,loading:s}]:[]],j=a("cocso-button",I,z,l),$={"--cocso-button-color":h(i),"--cocso-button-weight":u(c),...p};return Y(e?ke:"button",{ref:L,className:j,onClick:C,onKeyDown:H,role:"button",disabled:g,"aria-disabled":g,"aria-busy":s,style:$,...F,children:s?Y(X,{className:"cocso-button-spinner",size:we(t),color:"currentColor"}):m})}),xo=Object.assign(Ne,{displayName:"Button"});import*as ee from"react";import{Slot as Te}from"@radix-ui/react-slot";import{jsx as Me}from"react/jsx-runtime";var We=ee.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:s,style:i,...c},l)=>{let m=a("cocso-display",{size:o},[],s);return Me(e?Te:"h1",{ref:l,className:m,style:{"--cocso-display-color":h(t),"--cocso-display-weight":u(r),...i},...c})}),Lo=Object.assign(We,{displayName:"Display"});import*as re from"react";import{useRef as te,useState as De,useCallback as R}from"react";import*as oe from"react";import{Slot as Fe}from"@radix-ui/react-slot";import{jsx as Se}from"react/jsx-runtime";var Le=oe.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:s,style:i,...c},l)=>{let m=a("cocso-label",{size:o},[],s);return Se(e?Fe:"label",{ref:l,className:m,style:{"--cocso-label-color":h(t),"--cocso-label-weight":u(r),...i},...c})}),O=Object.assign(Le,{displayName:"Label"});import{jsx as x,jsxs as M}from"react/jsx-runtime";var Ee=re.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:s=!0,accept:i,...c},l)=>{let[p,m]=De(!1),f=te(null),w=te(null),F=3*1024*1024,L=R(n=>i?i.split(",").map(v=>v.trim()).some(v=>{if(v.endsWith("/*")){let D=v.slice(0,-2);return n.type.startsWith(D)}return n.type===v||n.name.toLowerCase().endsWith(v)}):!0,[i]),g=R(n=>n.size>F?(alert(`${n.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),C=R(n=>{let v=Array.from(n).filter(N=>L(N)?g(N):(alert(`${N.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(v.length===0)return;let D=e-o.length;if(D<=0){alert(`\uCD5C\uB300 ${e}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let pe=v.slice(0,D).map(N=>({file:N,name:N.name,size:N.size}));t([...o,...pe])},[o,e,t,L,g]),H=R(n=>{n.preventDefault(),n.stopPropagation(),m(!0)},[]),I=R(n=>{n.preventDefault(),n.stopPropagation(),w.current&&!w.current.contains(n.relatedTarget)&&m(!1)},[]),z=R(n=>{n.preventDefault(),n.stopPropagation()},[]),j=R(n=>{n.preventDefault(),n.stopPropagation(),m(!1);let{files:b}=n.dataTransfer;b&&C(b)},[C]),$=R(n=>{let{files:b}=n.target;b&&C(b)},[C]),K=R(n=>{let b=o.filter(v=>v.name!==n);t(b),r?.(n)},[o,t,r]),P=R(()=>{f.current?.click()},[]),Z=o.length>=e||!s&&o.length>=1;return M("div",{className:"cocso-file-upload-wrapper",children:[!Z&&M("div",{ref:w,onDragEnter:H,onDragOver:z,onDragLeave:I,onDrop:j,onClick:P,className:"cocso-file-upload","data-drag-active":p,children:[x("input",{ref:n=>{f.current=n,typeof l=="function"?l(n):l&&(l.current=n)},type:"file",onChange:$,multiple:s,accept:i,style:{display:"none"},...c}),M(O,{size:"xs",color:"palette.gray-600",children:["\uD30C\uC77C\uC744 \uC5EC\uAE30\uC5D0 \uB04C\uC5B4\uB2E4 \uB193\uAC70\uB098, \uD074\uB9AD\uD558\uC5EC \uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694",x("br",{}),"(\uCD5C\uB300 3MB)"]}),M("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[x("path",{d:"M5 12h14"}),x("path",{d:"M12 5v14"})]})]}),o.length>0&&x("div",{className:"cocso-file-upload-list",children:o.map(n=>M("div",{className:"cocso-file-upload-item",children:[x(E,{size:"xs",children:n.name}),x("button",{type:"button",onClick:()=>K(n.name),className:"cocso-file-upload-remove",children:M("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[x("path",{d:"M18 6 6 18"}),x("path",{d:"m6 6 12 12"})]})})]},n.name))})]})}),Go=Object.assign(Ee,{displayName:"FileUpload"});import*as ne from"react";import{Slot as Oe}from"@radix-ui/react-slot";import{jsx as Ae}from"react/jsx-runtime";var Be=ne.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:s,style:i,...c},l)=>{let m=a("cocso-heading",{size:o},[],s);return Ae(e?Oe:"h2",{ref:l,className:m,style:{"--cocso-heading-color":h(t),"--cocso-heading-weight":u(r),...i},...c})}),se=Object.assign(Be,{displayName:"Heading"});import*as ie from"react";import{Slot as He}from"@radix-ui/react-slot";import{jsx as ze}from"react/jsx-runtime";var Ie=ie.forwardRef(({asChild:e=!1,size:o="md",weight:t="normal",indicator:r=!0,className:s,style:i,...c},l)=>{let m=a("cocso-link",{size:o,indicator:r},[],s);return ze(e?He:"a",{ref:l,className:m,style:{"--cocso-link-weight":u(t),...i},...c})}),at=Object.assign(Ie,{displayName:"Link"});import*as d from"@radix-ui/react-dialog";import{forwardRef as G}from"react";import{jsx as k,jsxs as V}from"react/jsx-runtime";var je=G(({className:e,children:o,...t},r)=>{let s=a("cocso-modal-content",{},[],e);return V(d.Portal,{children:[k(d.Overlay,{className:"cocso-modal-overlay"}),V(d.Content,{ref:r,className:s,...t,children:[k("div",{className:"cocso-modal-close-wrapper",children:k(d.Close,{className:"cocso-modal-close",children:V("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[k("path",{d:"M18 6 6 18"}),k("path",{d:"m6 6 12 12"})]})})}),o]})]})}),$e=G(({className:e,children:o,...t},r)=>{let s=a("cocso-modal-title",{},[],e);return k(d.Title,{ref:r,className:s,asChild:!0,...t,children:k(se,{color:"text.basic",children:o})})}),_e=G(({className:e,children:o,...t},r)=>{let s=a("cocso-modal-description",{},[],e);return k(d.Description,{ref:r,className:s,asChild:!0,...t,children:k(E,{size:"sm",color:"text.subtle",children:o})})}),vt=Object.assign(d.Root,{Trigger:d.Trigger,Content:je,Title:$e,Description:_e});import*as B from"@radix-ui/react-one-time-password-field";import{forwardRef as ae}from"react";import{jsx as ce}from"react/jsx-runtime";var Ue=ae(({className:e,...o},t)=>{let r=a("cocso-otp",{},[],e);return ce(B.Root,{ref:t,className:r,...o})}),Ve=ae(({className:e,...o},t)=>{let r=a("cocso-otp-input",{},[],e);return ce(B.Input,{ref:t,className:r,...o})}),Tt=Object.assign(Ue,{Input:Ve});import*as me from"react";import*as A from"@radix-ui/react-checkbox";import{jsx as T,jsxs as le}from"react/jsx-runtime";var Ge=me.forwardRef(({id:e,size:o="md",status:t,onChange:r,label:s,disabled:i=!1,className:c,...l},p)=>{let m={size:o,disabled:i,status:t},f=[...i?[{status:t,disabled:i}]:[]],w=a("cocso-checkbox",m,f,c),F=g=>{if(!i){let C;g===!0?C="on":g==="indeterminate"?C="intermediate":C="off",r(C)}};return le("div",{className:"cocso-checkbox-wrapper",children:[le(A.Root,{ref:p,id:e,className:w,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:F,disabled:i,...l,children:[T(A.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:T("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:T("path",{d:"M20 6 9 17l-5-5"})})}),T("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:T("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:T("path",{d:"M5 12h14"})})})]}),s&&T(O,{className:a("cocso-checkbox-label",{disabled:i}),size:o,htmlFor:e,children:s})]})}),Et=Object.assign(Ge,{displayName:"Checkbox"});export{Ye as Accordion,E as Body,xo as Button,Et as Checkbox,Lo as Display,Go as FileUpload,se as Heading,O as Label,at as Link,vt as Modal,Tt as OneTimePasswordField,X as Spinner};
+import*as y from"@radix-ui/react-accordion";import{forwardRef as V}from"react";var he=(...e)=>e.filter(Boolean).join(" ").trim(),a=(e,o,t=[],...r)=>{let i=Object.entries(o).filter(([,c])=>c!==!1&&c!==null&&c!==void 0).map(([c,m])=>`${e}--${c}_${m}`).join(" "),s=t.filter(c=>Object.entries(c).every(([m,p])=>o[m]===p)).map(c=>{let m=Object.entries(c).map(([p,l])=>`${p}_${l}`).join("-");return`${e}--${m}`}).join(" ");return he(e,i,s,...r)};import{Slottable as ge}from"@radix-ui/react-slot";import{jsx as W,jsxs as Pe}from"react/jsx-runtime";var ue=V(({className:e,...o},t)=>{let r=a("cocso-accordion-item",{},[],e);return W(y.Item,{ref:t,className:r,...o})}),Ce=V(({className:e,children:o,chevron:t=!0,...r},i)=>{let s=a("cocso-accordion-trigger",{},[],e);return W(y.Trigger,{ref:i,className:s,...r,children:Pe(ge,{children:[o,t&&W("div",{className:"cocso-accordion-chevron",children:W("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:W("path",{d:"m6 9 6 6 6-6"})})})]})})}),ve=V(({className:e,...o},t)=>{let r=a("cocso-accordion-content",{},[],e);return W(y.Content,{ref:t,className:r,...o})}),no=Object.assign(y.Root,{Item:ue,Header:y.Header,Trigger:Ce,Content:ve});import*as X from"react";import{Slot as ye}from"@radix-ui/react-slot";function g(e){if(e)return e.includes(".")?`var(--color-${e.replace(/\./g,"-")})`:e}var Q={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};function u(e){if(e)return e in Q?Q[e]:e}import{jsx as be}from"react/jsx-runtime";var Re=X.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:i,style:s,...c},m)=>{let l=a("cocso-body",{size:o},[],i);return be(e?ye:"p",{ref:m,className:l,style:{"--cocso-body-color":g(t),"--cocso-body-weight":u(r),...s},...c})}),E=Object.assign(Re,{displayName:"Body"});import*as D from"react";import{Slot as Ne}from"@radix-ui/react-slot";import*as Y from"react";import{jsx as G,jsxs as ke}from"react/jsx-runtime";var xe=["div"],we=Y.forwardRef(({as:e=xe[0],size:o="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:i,style:s,...c},m)=>{let p=e,f=a("cocso-spinner",{size:o},[],i);return G(p,{ref:m,className:f,style:{"--cocso-spinner-bg":g(r),"--cocso-spinner-color":g(t),...s},...c,children:ke("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[G("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),G("path",{className:"opacity-75",fill:"var(--cocso-spinner-color, currentColor)",d:"M12 2a10 10 0 0110 10 10 10 0 01-5 8.66l-1-1.73a8 8 0 004-6.93 8 8 0 00-8-8V2z"})]})})}),ee=Object.assign(we,{displayName:"Spinner"});import{jsx as oe}from"react/jsx-runtime";var Te=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],Se=D.forwardRef(({asChild:e=!1,variant:o="primary",size:t="md",disabled:r=!1,loading:i=!1,color:s,weight:c="normal",className:m,style:p,children:l,onClick:f,onKeyDown:k,...F},L)=>{let h=r||i,C=D.useCallback(P=>{if(h){P.preventDefault();return}f?.(P)},[h,f]),z=D.useCallback(P=>{(P.key==="Enter"||P.key===" ")&&(P.preventDefault(),h||P.currentTarget.click()),k?.(P)},[h,k]),j={variant:o,size:t,loading:i,disabled:h},$=[...r?[{variant:o,disabled:r}]:[],...i?[{variant:o,loading:i}]:[]],_=a("cocso-button",j,$,m),U={"--cocso-button-color":g(s),"--cocso-button-weight":u(c),...p};return oe(e?Ne:"button",{ref:L,className:_,onClick:C,onKeyDown:z,role:"button",disabled:h,"aria-disabled":h,"aria-busy":i,style:U,...F,children:i?oe(ee,{className:"cocso-button-spinner",size:Te(t),color:"currentColor"}):l})}),Wo=Object.assign(Se,{displayName:"Button"});import*as te from"react";import{Slot as We}from"@radix-ui/react-slot";import{jsx as Fe}from"react/jsx-runtime";var Me=te.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:i,style:s,...c},m)=>{let l=a("cocso-display",{size:o},[],i);return Fe(e?We:"h1",{ref:m,className:l,style:{"--cocso-display-color":g(t),"--cocso-display-weight":u(r),...s},...c})}),Ao=Object.assign(Me,{displayName:"Display"});import*as ne from"react";import{useRef as ie,useState as Ee,useCallback as R}from"react";import*as re from"react";import{Slot as Le}from"@radix-ui/react-slot";import{jsx as Oe}from"react/jsx-runtime";var De=re.forwardRef(({asChild:e=!1,size:o="md",color:t="text.basic",weight:r="normal",className:i,style:s,...c},m)=>{let l=a("cocso-label",{size:o},[],i);return Oe(e?Le:"label",{ref:m,className:l,style:{"--cocso-label-color":g(t),"--cocso-label-weight":u(r),...s},...c})}),T=Object.assign(De,{displayName:"Label"});import{jsx as x,jsxs as M}from"react/jsx-runtime";var Be=ne.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:i=!0,accept:s,...c},m)=>{let[p,l]=Ee(!1),f=ie(null),k=ie(null),F=3*1024*1024,L=R(n=>s?s.split(",").map(v=>v.trim()).some(v=>{if(v.endsWith("/*")){let O=v.slice(0,-2);return n.type.startsWith(O)}return n.type===v||n.name.toLowerCase().endsWith(v)}):!0,[s]),h=R(n=>n.size>F?(alert(`${n.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),C=R(n=>{let v=Array.from(n).filter(N=>L(N)?h(N):(alert(`${N.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(v.length===0)return;let O=e-o.length;if(O<=0){alert(`\uCD5C\uB300 ${e}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let fe=v.slice(0,O).map(N=>({file:N,name:N.name,size:N.size}));t([...o,...fe])},[o,e,t,L,h]),z=R(n=>{n.preventDefault(),n.stopPropagation(),l(!0)},[]),j=R(n=>{n.preventDefault(),n.stopPropagation(),k.current&&!k.current.contains(n.relatedTarget)&&l(!1)},[]),$=R(n=>{n.preventDefault(),n.stopPropagation()},[]),_=R(n=>{n.preventDefault(),n.stopPropagation(),l(!1);let{files:b}=n.dataTransfer;b&&C(b)},[C]),U=R(n=>{let{files:b}=n.target;b&&C(b)},[C]),q=R(n=>{let b=o.filter(v=>v.name!==n);t(b),r?.(n)},[o,t,r]),P=R(()=>{f.current?.click()},[]),J=o.length>=e||!i&&o.length>=1;return M("div",{className:"cocso-file-upload-wrapper",children:[!J&&M("div",{ref:k,onDragEnter:z,onDragOver:$,onDragLeave:j,onDrop:_,onClick:P,className:"cocso-file-upload","data-drag-active":p,children:[x("input",{ref:n=>{f.current=n,typeof m=="function"?m(n):m&&(m.current=n)},type:"file",onChange:U,multiple:i,accept:s,style:{display:"none"},...c}),M(T,{size:"xs",color:"palette.gray-600",children:["\uD30C\uC77C\uC744 \uC5EC\uAE30\uC5D0 \uB04C\uC5B4\uB2E4 \uB193\uAC70\uB098, \uD074\uB9AD\uD558\uC5EC \uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694",x("br",{}),"(\uCD5C\uB300 3MB)"]}),M("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[x("path",{d:"M5 12h14"}),x("path",{d:"M12 5v14"})]})]}),o.length>0&&x("div",{className:"cocso-file-upload-list",children:o.map(n=>M("div",{className:"cocso-file-upload-item",children:[x(E,{size:"xs",children:n.name}),x("button",{type:"button",onClick:()=>q(n.name),className:"cocso-file-upload-remove",children:M("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[x("path",{d:"M18 6 6 18"}),x("path",{d:"m6 6 12 12"})]})})]},n.name))})]})}),Xo=Object.assign(Be,{displayName:"FileUpload"});import*as se from"react";import{Slot as Ae}from"@radix-ui/react-slot";import{jsx as Ie}from"react/jsx-runtime";var He=se.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:i,style:s,...c},m)=>{let l=a("cocso-heading",{size:o},[],i);return Ie(e?Ae:"h2",{ref:m,className:l,style:{"--cocso-heading-color":g(t),"--cocso-heading-weight":u(r),...s},...c})}),ae=Object.assign(He,{displayName:"Heading"});import*as ce from"react";import{Slot as ze}from"@radix-ui/react-slot";import{jsx as $e}from"react/jsx-runtime";var je=ce.forwardRef(({asChild:e=!1,size:o="md",weight:t="normal",indicator:r=!0,className:i,style:s,...c},m)=>{let l=a("cocso-link",{size:o,indicator:r},[],i);return $e(e?ze:"a",{ref:m,className:l,style:{"--cocso-link-weight":u(t),...s},...c})}),ft=Object.assign(je,{displayName:"Link"});import*as d from"@radix-ui/react-dialog";import{forwardRef as Z}from"react";import{jsx as w,jsxs as K}from"react/jsx-runtime";var _e=Z(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-content",{},[],e);return K(d.Portal,{children:[w(d.Overlay,{className:"cocso-modal-overlay"}),K(d.Content,{ref:r,className:i,...t,children:[w("div",{className:"cocso-modal-close-wrapper",children:w(d.Close,{className:"cocso-modal-close",children:K("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[w("path",{d:"M18 6 6 18"}),w("path",{d:"m6 6 12 12"})]})})}),o]})]})}),Ue=Z(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-title",{},[],e);return w(d.Title,{ref:r,className:i,asChild:!0,...t,children:w(ae,{color:"text.basic",children:o})})}),Ve=Z(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-description",{},[],e);return w(d.Description,{ref:r,className:i,asChild:!0,...t,children:w(E,{size:"sm",color:"text.subtle",children:o})})}),wt=Object.assign(d.Root,{Trigger:d.Trigger,Content:_e,Title:Ue,Description:Ve});import*as B from"@radix-ui/react-one-time-password-field";import{forwardRef as me}from"react";import{jsx as le}from"react/jsx-runtime";var Ge=me(({className:e,...o},t)=>{let r=a("cocso-otp",{},[],e);return le(B.Root,{ref:t,className:r,...o})}),Ke=me(({className:e,...o},t)=>{let r=a("cocso-otp-input",{},[],e);return le(B.Input,{ref:t,className:r,...o})}),Dt=Object.assign(Ge,{Input:Ke});import*as de from"react";import*as A from"@radix-ui/react-checkbox";import{jsx as S,jsxs as pe}from"react/jsx-runtime";var Ze=de.forwardRef(({id:e,size:o="md",status:t,onChange:r,label:i,disabled:s=!1,className:c,...m},p)=>{let l={size:o,disabled:s,status:t},f=[...s?[{status:t,disabled:s}]:[]],k=a("cocso-checkbox",l,f,c),F=h=>{if(!s){let C;h===!0?C="on":h==="indeterminate"?C="intermediate":C="off",r(C)}};return pe("div",{className:"cocso-checkbox-wrapper",children:[pe(A.Root,{ref:p,id:e,className:k,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:F,disabled:s,...m,children:[S(A.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:S("path",{d:"M20 6 9 17l-5-5"})})}),S("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:S("path",{d:"M5 12h14"})})})]}),i&&S(T,{className:a("cocso-checkbox-label",{disabled:s}),size:o,htmlFor:e,children:i})]})}),zt=Object.assign(Ze,{displayName:"Checkbox"});import{forwardRef as qe}from"react";import*as I from"@radix-ui/react-switch";import{jsx as H,jsxs as Qe}from"react/jsx-runtime";var Je=qe(({id:e,size:o="md",disabled:t=!1,label:r,labelPosition:i="right",className:s,children:c,...m},p)=>{let l=a("cocso-switch",{size:o,disabled:t},[],s);return Qe("div",{className:"cocso-switch-wrapper",children:[i==="left"&&H(T,{size:o,htmlFor:e,children:r}),H(I.Root,{ref:p,className:l,...m,children:H(I.Thumb,{className:a("cocso-switch-thumb",{size:o})})}),i==="right"&&H(T,{size:o,htmlFor:e,children:r})]})}),Jt=Object.assign(Je,{});import{Toaster as Xe,toast as tr}from"sonner";var rr=Object.assign(Xe,{displayName:"Toast"});export{no as Accordion,E as Body,Wo as Button,zt as Checkbox,Ao as Display,Xo as FileUpload,ae as Heading,T as Label,ft as Link,wt as Modal,Dt as OneTimePasswordField,ee as Spinner,Jt as Switch,rr as Toaster,tr as toast};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocso-ui/react",
-  "version": "0.0.1-beta.35",
+  "version": "0.0.1-beta.37",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cocso/cocso-ui.git",
@@ -29,7 +29,9 @@
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-one-time-password-field": "^0.1.7",
-    "@radix-ui/react-slot": "^1.2.3"
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "sonner": "^2.0.6"
   },
   "peerDependencies": {
     "react": "^19.1.0",