@cocso-ui/react 0.0.1-beta.38 → 0.0.1-beta.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Switch/Switch.d.ts +0 -1
- package/lib/index.cjs +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Se=Object.create;var H=Object.defineProperty;var We=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var Fe=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var De=(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 Me(o))!Le.call(e,i)&&i!==t&&H(e,i,{get:()=>o[i],enumerable:!(r=We(o,i))||r.enumerable});return e};var u=(e,o,t)=>(t=e!=null?Se(Fe(e)):{},re(o||!e||!e.__esModule?H(t,"default",{value:e,enumerable:!0}):t,e)),Oe=e=>re(H({},"__esModule",{value:!0}),e);var fo={};De(fo,{Accordion:()=>Ie,Body:()=>E,Button:()=>Ve,Checkbox:()=>co,Display:()=>Ke,FileUpload:()=>Je,Heading:()=>X,Label:()=>W,Link:()=>Ye,Modal:()=>ro,OneTimePasswordField:()=>so,Spinner:()=>J,Switch:()=>lo,Toaster:()=>po,toast:()=>U.toast});module.exports=Oe(fo);var N=u(require("@radix-ui/react-accordion"),1),I=require("react");var Ee=(...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 Ee(e,i,s,...r)};var ie=require("@radix-ui/react-slot"),S=require("react/jsx-runtime"),Be=(0,I.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-accordion-item",{},[],e);return(0,S.jsx)(N.Item,{ref:t,className:r,...o})}),Ae=(0,I.forwardRef)(({className:e,children:o,chevron:t=!0,...r},i)=>{let s=a("cocso-accordion-trigger",{},[],e);return(0,S.jsx)(N.Trigger,{ref:i,className:s,...r,children:(0,S.jsxs)(ie.Slottable,{children:[o,t&&(0,S.jsx)("div",{className:"cocso-accordion-chevron",children:(0,S.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,S.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})})}),He=(0,I.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-accordion-content",{},[],e);return(0,S.jsx)(N.Content,{ref:t,className:r,...o})}),Ie=Object.assign(N.Root,{Item:Be,Header:N.Header,Trigger:Ae,Content:He});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"),ze=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(ze,{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"),je=["div"],$e=me.forwardRef(({as:e=je[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(0,L.jsx)(p,{ref:m,className:f,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($e,{displayName:"Spinner"});var Q=require("react/jsx-runtime"),_e=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],Ue=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:f,onKeyDown:w,...D},O)=>{let v=r||i,R=B.useCallback(k=>{if(v){k.preventDefault();return}f?.(k)},[v,f]),V=B.useCallback(k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),v||k.currentTarget.click()),w?.(k)},[v,w]),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})}),Ve=Object.assign(Ue,{displayName:"Button"});var pe=u(require("react"),1),de=require("@radix-ui/react-slot");var fe=require("react/jsx-runtime"),Ge=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})}),Ke=Object.assign(Ge,{displayName:"Display"});var Ce=u(require("react"),1),h=require("react");var he=u(require("react"),1),ge=require("@radix-ui/react-slot");var ue=require("react/jsx-runtime"),Ze=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(Ze,{displayName:"Label"});var d=require("react/jsx-runtime"),qe=Ce.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:i=!0,accept:s,...c},m)=>{let[p,l]=(0,h.useState)(!1),f=(0,h.useRef)(null),w=(0,h.useRef)(null),D=3*1024*1024,O=(0,h.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,h.useCallback)(n=>n.size>D?(alert(`${n.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),R=(0,h.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 Te=b.slice(0,A).map(M=>({file:M,name:M.name,size:M.size}));t([...o,...Te])},[o,e,t,O,v]),V=(0,h.useCallback)(n=>{n.preventDefault(),n.stopPropagation(),l(!0)},[]),G=(0,h.useCallback)(n=>{n.preventDefault(),n.stopPropagation(),w.current&&!w.current.contains(n.relatedTarget)&&l(!1)},[]),K=(0,h.useCallback)(n=>{n.preventDefault(),n.stopPropagation()},[]),Z=(0,h.useCallback)(n=>{n.preventDefault(),n.stopPropagation(),l(!1);let{files:T}=n.dataTransfer;T&&R(T)},[R]),q=(0,h.useCallback)(n=>{let{files:T}=n.target;T&&R(T)},[R]),oe=(0,h.useCallback)(n=>{let T=o.filter(b=>b.name!==n);t(T),r?.(n)},[o,t,r]),k=(0,h.useCallback)(()=>{f.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:w,onDragEnter:V,onDragOver:K,onDragLeave:G,onDrop:Z,onClick:k,className:"cocso-file-upload","data-drag-active":p,children:[(0,d.jsx)("input",{ref:n=>{f.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))})]})}),Je=Object.assign(qe,{displayName:"FileUpload"});var ve=u(require("react"),1),Pe=require("@radix-ui/react-slot");var ye=require("react/jsx-runtime"),Qe=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(Qe,{displayName:"Heading"});var Re=u(require("react"),1),be=require("@radix-ui/react-slot");var xe=require("react/jsx-runtime"),Xe=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})}),Ye=Object.assign(Xe,{displayName:"Link"});var g=u(require("@radix-ui/react-dialog"),1),z=require("react");var C=require("react/jsx-runtime"),eo=(0,z.forwardRef)(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-content",{},[],e);return(0,C.jsxs)(g.Portal,{children:[(0,C.jsx)(g.Overlay,{className:"cocso-modal-overlay"}),(0,C.jsxs)(g.Content,{ref:r,className:i,...t,children:[(0,C.jsx)("div",{className:"cocso-modal-close-wrapper",children:(0,C.jsx)(g.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]})]})}),oo=(0,z.forwardRef)(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-title",{},[],e);return(0,C.jsx)(g.Title,{ref:r,className:i,asChild:!0,...t,children:(0,C.jsx)(X,{color:"text.basic",children:o})})}),to=(0,z.forwardRef)(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-description",{},[],e);return(0,C.jsx)(g.Description,{ref:r,className:i,asChild:!0,...t,children:(0,C.jsx)(E,{size:"sm",color:"text.subtle",children:o})})}),ro=Object.assign(g.Root,{Trigger:g.Trigger,Content:eo,Title:oo,Description:to});var j=u(require("@radix-ui/react-one-time-password-field"),1),Y=require("react");var ee=require("react/jsx-runtime"),io=(0,Y.forwardRef)(({className:e,...o},t)=>{let r=a("cocso-otp",{},[],e);return(0,ee.jsx)(j.Root,{ref:t,className:r,...o})}),no=(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})}),so=Object.assign(io,{Input:no});var we=u(require("react"),1),$=u(require("@radix-ui/react-checkbox"),1);var x=require("react/jsx-runtime"),ao=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},f=[...s?[{status:t,disabled:s}]:[]],w=a("cocso-checkbox",l,f,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:w,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})]})}),co=Object.assign(ao,{displayName:"Checkbox"});var ke=require("react"),_=u(require("@radix-ui/react-switch"),1);var Ne=require("@radix-ui/react-slot"),F=require("react/jsx-runtime"),mo=(0,ke.forwardRef)(({asChild:e=!1,id:o,size:t="md",disabled:r=!1,label:i,position:s="right",className:c,children:m,...p},l)=>{let f=e?Ne.Slot:"div",w=a("cocso-switch",{size:t,disabled:r},[],c);return(0,F.jsxs)(f,{className:"cocso-switch-wrapper",children:[s==="left"&&(0,F.jsx)(W,{size:t,htmlFor:o,children:i}),(0,F.jsx)(_.Root,{ref:l,className:w,...p,children:(0,F.jsx)(_.Thumb,{className:a("cocso-switch-thumb",{size:t})})}),s==="right"&&(0,F.jsx)(W,{size:t,htmlFor:o,children:i})]})}),lo=Object.assign(mo,{});var U=require("sonner"),po=Object.assign(U.Toaster,{displayName:"Toast"});
|
|
1
|
+
"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,position: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.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as R 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(R.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(R.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(R.Content,{ref:t,className:r,...o})}),so=Object.assign(R.Root,{Item:ue,Header:R.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,d=a("cocso-spinner",{size:o},[],i);return G(p,{ref:m,className:d,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:d,onKeyDown:P,...F},L)=>{let h=r||i,C=D.useCallback(y=>{if(h){y.preventDefault();return}d?.(y)},[h,d]),z=D.useCallback(y=>{(y.key==="Enter"||y.key===" ")&&(y.preventDefault(),h||y.currentTarget.click()),P?.(y)},[h,P]),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})}),Mo=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})}),Ho=Object.assign(Me,{displayName:"Display"});import*as ne from"react";import{useRef as ie,useState as Ee,useCallback as b}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 w,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),d=ie(null),P=ie(null),F=3*1024*1024,L=b(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=b(n=>n.size>F?(alert(`${n.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),C=b(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=b(n=>{n.preventDefault(),n.stopPropagation(),l(!0)},[]),j=b(n=>{n.preventDefault(),n.stopPropagation(),P.current&&!P.current.contains(n.relatedTarget)&&l(!1)},[]),$=b(n=>{n.preventDefault(),n.stopPropagation()},[]),_=b(n=>{n.preventDefault(),n.stopPropagation(),l(!1);let{files:x}=n.dataTransfer;x&&C(x)},[C]),U=b(n=>{let{files:x}=n.target;x&&C(x)},[C]),q=b(n=>{let x=o.filter(v=>v.name!==n);t(x),r?.(n)},[o,t,r]),y=b(()=>{d.current?.click()},[]),J=o.length>=e||!i&&o.length>=1;return M("div",{className:"cocso-file-upload-wrapper",children:[!J&&M("div",{ref:P,onDragEnter:z,onDragOver:$,onDragLeave:j,onDrop:_,onClick:y,className:"cocso-file-upload","data-drag-active":p,children:[w("input",{ref:n=>{d.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",w("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:[w("path",{d:"M5 12h14"}),w("path",{d:"M12 5v14"})]})]}),o.length>0&&w("div",{className:"cocso-file-upload-list",children:o.map(n=>M("div",{className:"cocso-file-upload-item",children:[w(E,{size:"xs",children:n.name}),w("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:[w("path",{d:"M18 6 6 18"}),w("path",{d:"m6 6 12 12"})]})})]},n.name))})]})}),Yo=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})}),ht=Object.assign(je,{displayName:"Link"});import*as f from"@radix-ui/react-dialog";import{forwardRef as Z}from"react";import{jsx as k,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(f.Portal,{children:[k(f.Overlay,{className:"cocso-modal-overlay"}),K(f.Content,{ref:r,className:i,...t,children:[k("div",{className:"cocso-modal-close-wrapper",children:k(f.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:[k("path",{d:"M18 6 6 18"}),k("path",{d:"m6 6 12 12"})]})})}),o]})]})}),Ue=Z(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-title",{},[],e);return k(f.Title,{ref:r,className:i,asChild:!0,...t,children:k(ae,{color:"text.basic",children:o})})}),Ve=Z(({className:e,children:o,...t},r)=>{let i=a("cocso-modal-description",{},[],e);return k(f.Description,{ref:r,className:i,asChild:!0,...t,children:k(E,{size:"sm",color:"text.subtle",children:o})})}),kt=Object.assign(f.Root,{Trigger:f.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})}),Ot=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},d=[...s?[{status:t,disabled:s}]:[]],P=a("cocso-checkbox",l,d,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:P,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})]})}),jt=Object.assign(Ze,{displayName:"Checkbox"});import{forwardRef as qe}from"react";import*as I from"@radix-ui/react-switch";import{Slot as Je}from"@radix-ui/react-slot";import{jsx as H,jsxs as Xe}from"react/jsx-runtime";var Qe=qe(({asChild:e=!1,id:o,size:t="md",disabled:r=!1,label:i,position:s="right",className:c,children:m,...p},l)=>{let d=e?Je:"div",P=a("cocso-switch",{size:t,disabled:r},[],c);return Xe(d,{className:"cocso-switch-wrapper",children:[s==="left"&&H(T,{size:t,htmlFor:o,children:i}),H(I.Root,{ref:l,className:P,...p,children:H(I.Thumb,{className:a("cocso-switch-thumb",{size:t})})}),s==="right"&&H(T,{size:t,htmlFor:o,children:i})]})}),Xt=Object.assign(Qe,{});import{Toaster as Ye,toast as ir}from"sonner";var nr=Object.assign(Ye,{displayName:"Toast"});export{so as Accordion,E as Body,Mo as Button,jt as Checkbox,Ho as Display,Yo as FileUpload,ae as Heading,T as Label,ht as Link,kt as Modal,Ot as OneTimePasswordField,ee as Spinner,Xt as Switch,nr as Toaster,ir as toast};
|
|
1
|
+
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,position: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};
|