@cocso-ui/react 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/components/Dropdown/Dropdown.d.ts +2 -2
  2. package/lib/components/Popover/Popover.d.ts +6 -0
  3. package/lib/components/Popover/index.d.ts +1 -0
  4. package/lib/components/Tab/Tab.d.ts +4 -4
  5. package/lib/index.cjs +1 -1
  6. package/lib/index.d.ts +1 -0
  7. package/lib/index.js +1 -1
  8. package/package.json +2 -1
package/lib/components/Dropdown/Dropdown.d.ts CHANGED
@@ -2,6 +2,6 @@ import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
2
2
  export declare const Dropdown: import("react").FC<DropdownPrimitive.DropdownMenuProps> & {
3
3
  Trigger: import("react").ForwardRefExoticComponent<DropdownPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
4
4
  Portal: import("react").FC<DropdownPrimitive.DropdownMenuPortalProps>;
5
- Content: import("react").ForwardRefExoticComponent<Omit<DropdownPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>>;
6
- Item: import("react").ForwardRefExoticComponent<Omit<DropdownPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>>;
5
+ Content: import("react").ForwardRefExoticComponent<Omit<DropdownPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
+ Item: import("react").ForwardRefExoticComponent<Omit<DropdownPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
7
7
  };
package/lib/components/Popover/Popover.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
2
+ export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps> & {
3
+ Trigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
4
+ Portal: import("react").FC<PopoverPrimitive.PopoverPortalProps>;
5
+ Content: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
+ };
package/lib/components/Popover/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Popover';
package/lib/components/Tab/Tab.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as TabPrimitive from '@radix-ui/react-tabs';
2
- export declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>> & {
3
- List: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>>;
4
- Trigger: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<never>>;
5
- Content: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<never>>;
2
+ export declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
3
+ List: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ Trigger: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
5
+ Content: import("react").ForwardRefExoticComponent<Omit<TabPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
6
  };
package/lib/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";var zo=Object.create;var Q=Object.defineProperty;var Vo=Object.getOwnPropertyDescriptor;var jo=Object.getOwnPropertyNames;var Zo=Object.getPrototypeOf,$o=Object.prototype.hasOwnProperty;var _o=(o,e)=>{for(var t in e)Q(o,t,{get:e[t],enumerable:!0})},fo=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of jo(e))!$o.call(o,i)&&i!==t&&Q(o,i,{get:()=>e[i],enumerable:!(r=Vo(e,i))||r.enumerable});return o};var f=(o,e,t)=>(t=o!=null?zo(Zo(o)):{},fo(e||!o||!o.__esModule?Q(t,"default",{value:o,enumerable:!0}):t,o)),Qo=o=>fo(Q({},"__esModule",{value:!0}),o);var Ae={};_o(Ae,{Accordion:()=>Jo,Body:()=>z,Button:()=>re,Checkbox:()=>ke,Display:()=>ne,Dropdown:()=>ce,FileUpload:()=>pe,Heading:()=>ao,Label:()=>D,Link:()=>he,Modal:()=>Pe,OneTimePasswordField:()=>we,Pagination:()=>xe,Select:()=>Ie,Spinner:()=>ro,StockQuantityStatus:()=>Le,Switch:()=>De,Tab:()=>Oe,Toaster:()=>Be,toast:()=>J.toast});module.exports=Qo(Ae);var L=f(require("@radix-ui/react-accordion"),1),U=require("react");var Uo=(...o)=>o.filter(Boolean).join(" ").trim(),n=(o,e,t=[],...r)=>{let i=Object.entries(e).filter(([,m])=>m!==!1&&m!==null&&m!==void 0).map(([m,c])=>`${o}--${m}_${c}`).join(" "),s=t.filter(m=>Object.entries(m).every(([c,p])=>e[c]===p)).map(m=>{let c=Object.entries(m).map(([p,l])=>`${p}_${l}`).join("-");return`${o}--${c}`}).join(" ");return Uo(o,i,s,...r)};var ho=require("@radix-ui/react-slot"),F=require("react/jsx-runtime"),Go=(0,U.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-accordion-item",{},[],o);return(0,F.jsx)(L.Item,{ref:t,className:r,...e})}),Ko=(0,U.forwardRef)(({className:o,children:e,chevron:t=!0,...r},i)=>{let s=n("cocso-accordion-trigger",{},[],o);return(0,F.jsx)(L.Trigger,{ref:i,className:s,...r,children:(0,F.jsxs)(ho.Slottable,{children:[e,t&&(0,F.jsx)("div",{className:"cocso-accordion-chevron",children:(0,F.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,F.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})})}),qo=(0,U.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-accordion-content",{},[],o);return(0,F.jsx)(L.Content,{ref:t,className:r,...e})}),Jo=Object.assign(L.Root,{Item:Go,Header:L.Header,Trigger:Ko,Content:qo});var Co=f(require("react"),1),uo=require("@radix-ui/react-slot");function b(o){if(o)return o.includes(".")?`var(--color-${o.replace(/\./g,"-")})`:o}var go={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};function y(o){if(o)return o in go?go[o]:o}var vo=require("react/jsx-runtime"),Xo=Co.forwardRef(({asChild:o=!1,size:e="md",color:t,weight:r="normal",className:i,style:s,...m},c)=>{let l=n("cocso-body",{size:e},[],i);return(0,vo.jsx)(o?uo.Slot:"p",{ref:c,className:l,style:{"--cocso-body-color":b(t),"--cocso-body-weight":y(r),...s},...m})}),z=Object.assign(Xo,{displayName:"Body"});var V=f(require("react"),1),Ro=require("@radix-ui/react-slot");var Po=f(require("react"),1);var I=require("react/jsx-runtime"),Yo=["div"],oe=Po.forwardRef(({as:o=Yo[0],size:e="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:i,style:s,...m},c)=>{let p=o,d=n("cocso-spinner",{size:e},[],i);return(0,I.jsx)(p,{ref:c,className:d,style:{"--cocso-spinner-bg":b(r),"--cocso-spinner-color":b(t),...s},...m,children:(0,I.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),(0,I.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"})]})})}),ro=Object.assign(oe,{displayName:"Spinner"});var io=require("react/jsx-runtime"),ee=o=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[o],te=V.forwardRef(({asChild:o=!1,variant:e="primary",size:t="md",disabled:r=!1,loading:i=!1,color:s,weight:m="normal",className:c,style:p,children:l,onClick:d,onKeyDown:w,...W},A)=>{let R=r||i,x=V.useCallback(T=>{if(R){T.preventDefault();return}d?.(T)},[R,d]),X=V.useCallback(T=>{(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),R||T.currentTarget.click()),w?.(T)},[R,w]),Y={variant:e,size:t,loading:i,disabled:R},oo=[...r?[{variant:e,disabled:r}]:[],...i?[{variant:e,loading:i}]:[]],eo=n("cocso-button",Y,oo,c),to={"--cocso-button-color":b(s),"--cocso-button-weight":y(m),...p};return(0,io.jsx)(o?Ro.Slot:"button",{ref:A,className:eo,onClick:x,onKeyDown:X,role:"button",disabled:R,"aria-disabled":R,"aria-busy":i,style:to,...W,children:i?(0,io.jsx)(ro,{className:"cocso-button-spinner",size:ee(t),color:"currentColor"}):l})}),re=Object.assign(te,{displayName:"Button"});var bo=f(require("react"),1),wo=require("@radix-ui/react-slot");var yo=require("react/jsx-runtime"),ie=bo.forwardRef(({asChild:o=!1,size:e="md",color:t,weight:r="bold",className:i,style:s,...m},c)=>{let l=n("cocso-display",{size:e},[],i);return(0,yo.jsx)(o?wo.Slot:"h1",{ref:c,className:l,style:{"--cocso-display-color":b(t),"--cocso-display-weight":y(r),...s},...m})}),ne=Object.assign(ie,{displayName:"Display"});var S=f(require("@radix-ui/react-dropdown-menu"),1),no=require("react");var so=require("react/jsx-runtime"),se=(0,no.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-dropdown-content",{},[],o);return(0,so.jsx)(S.Content,{ref:t,className:r,...e})}),ae=(0,no.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-dropdown-item",{},[],o);return(0,so.jsx)(S.Item,{ref:t,className:r,...e})}),ce=Object.assign(S.Root,{Trigger:S.Trigger,Portal:S.Portal,Content:se,Item:ae});var To=f(require("react"),1),C=require("react");var xo=f(require("react"),1),No=require("@radix-ui/react-slot");var ko=require("react/jsx-runtime"),me=xo.forwardRef(({asChild:o=!1,size:e="md",color:t="text.basic",weight:r="normal",className:i,style:s,...m},c)=>{let l=n("cocso-label",{size:e},[],i);return(0,ko.jsx)(o?No.Slot:"label",{ref:c,className:l,style:{"--cocso-label-color":b(t),"--cocso-label-weight":y(r),...s},...m})}),D=Object.assign(me,{displayName:"Label"});var h=require("react/jsx-runtime"),le=To.forwardRef(({maxFiles:o=2,files:e,onFilesChange:t,onRemove:r,multiple:i=!0,accept:s,...m},c)=>{let[p,l]=(0,C.useState)(!1),d=(0,C.useRef)(null),w=(0,C.useRef)(null),W=3*1024*1024,A=(0,C.useCallback)(a=>s?s.split(",").map(N=>N.trim()).some(N=>{if(N.endsWith("/*")){let _=N.slice(0,-2);return a.type.startsWith(_)}return a.type===N||a.name.toLowerCase().endsWith(N)}):!0,[s]),R=(0,C.useCallback)(a=>a.size>W?(alert(`${a.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),x=(0,C.useCallback)(a=>{let N=Array.from(a).filter(O=>A(O)?R(O):(alert(`${O.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(N.length===0)return;let _=o-e.length;if(_<=0){alert(`\uCD5C\uB300 ${o}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let Ao=N.slice(0,_).map(O=>({file:O,name:O.name,size:O.size}));t([...e,...Ao])},[e,o,t,A,R]),X=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation(),l(!0)},[]),Y=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation(),w.current&&!w.current.contains(a.relatedTarget)&&l(!1)},[]),oo=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation()},[]),eo=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation(),l(!1);let{files:M}=a.dataTransfer;M&&x(M)},[x]),to=(0,C.useCallback)(a=>{let{files:M}=a.target;M&&x(M)},[x]),lo=(0,C.useCallback)(a=>{let M=e.filter(N=>N.name!==a);t(M),r?.(a)},[e,t,r]),T=(0,C.useCallback)(()=>{d.current?.click()},[]),po=e.length>=o||!i&&e.length>=1;return(0,h.jsxs)("div",{className:"cocso-file-upload-wrapper",children:[!po&&(0,h.jsxs)("div",{ref:w,onDragEnter:X,onDragOver:oo,onDragLeave:Y,onDrop:eo,onClick:T,className:"cocso-file-upload","data-drag-active":p,children:[(0,h.jsx)("input",{ref:a=>{d.current=a,typeof c=="function"?c(a):c&&(c.current=a)},type:"file",onChange:to,multiple:i,accept:s,style:{display:"none"},...m}),(0,h.jsxs)(D,{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,h.jsx)("br",{}),"(\uCD5C\uB300 3MB)"]}),(0,h.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,h.jsx)("path",{d:"M5 12h14"}),(0,h.jsx)("path",{d:"M12 5v14"})]})]}),e.length>0&&(0,h.jsx)("div",{className:"cocso-file-upload-list",children:e.map(a=>(0,h.jsxs)("div",{className:"cocso-file-upload-item",children:[(0,h.jsx)(z,{size:"xs",children:a.name}),(0,h.jsx)("button",{type:"button",onClick:()=>lo(a.name),className:"cocso-file-upload-remove",children:(0,h.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,h.jsx)("path",{d:"M18 6 6 18"}),(0,h.jsx)("path",{d:"m6 6 12 12"})]})})]},a.name))})]})}),pe=Object.assign(le,{displayName:"FileUpload"});var Lo=f(require("react"),1),So=require("@radix-ui/react-slot");var Do=require("react/jsx-runtime"),de=Lo.forwardRef(({asChild:o=!1,size:e="md",color:t,weight:r="bold",className:i,style:s,...m},c)=>{let l=n("cocso-heading",{size:e},[],i);return(0,Do.jsx)(o?So.Slot:"h2",{ref:c,className:l,style:{"--cocso-heading-color":b(t),"--cocso-heading-weight":y(r),...s},...m})}),ao=Object.assign(de,{displayName:"Heading"});var Wo=f(require("react"),1),Mo=require("@radix-ui/react-slot");var Fo=require("react/jsx-runtime"),fe=Wo.forwardRef(({asChild:o=!1,size:e="md",weight:t="normal",indicator:r=!0,className:i,style:s,...m},c)=>{let l=n("cocso-link",{size:e,indicator:r},[],i);return(0,Fo.jsx)(o?Mo.Slot:"a",{ref:c,className:l,style:{"--cocso-link-weight":y(t),...s},...m})}),he=Object.assign(fe,{displayName:"Link"});var u=f(require("@radix-ui/react-dialog"),1),j=require("react");var P=require("react/jsx-runtime"),ge=(0,j.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-content",{},[],o);return(0,P.jsxs)(u.Portal,{children:[(0,P.jsx)(u.Overlay,{className:"cocso-modal-overlay"}),(0,P.jsx)(u.Content,{ref:r,className:i,...t,children:e})]})}),Ce=(0,j.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-close-wrapper",{},[],o);return(0,P.jsx)("div",{className:i,...t,children:(0,P.jsx)(u.Close,{className:"cocso-modal-close",children:(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:"M18 6 6 18"}),(0,P.jsx)("path",{d:"m6 6 12 12"})]})})})}),ue=(0,j.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-title",{},[],o);return(0,P.jsx)(u.Title,{ref:r,className:i,asChild:!0,...t,children:(0,P.jsx)(ao,{color:"text.basic",children:e})})}),ve=(0,j.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-description",{},[],o);return(0,P.jsx)(u.Description,{ref:r,className:i,asChild:!0,...t,children:(0,P.jsx)(z,{size:"sm",color:"text.subtle",children:e})})}),Pe=Object.assign(u.Root,{Trigger:u.Trigger,Content:ge,Close:Ce,Title:ue,Description:ve});var G=f(require("@radix-ui/react-one-time-password-field"),1),co=require("react");var mo=require("react/jsx-runtime"),Re=(0,co.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-otp",{},[],o);return(0,mo.jsx)(G.Root,{ref:t,className:r,...e})}),be=(0,co.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-otp-input",{},[],o);return(0,mo.jsx)(G.Input,{ref:t,className:r,...e})}),we=Object.assign(Re,{Input:be});var Ho=f(require("react"),1);var v=require("react/jsx-runtime"),ye=Ho.forwardRef(({className:o,page:e,totalPages:t,maxVisible:r=5,onChange:i,...s},m)=>{let c=Math.ceil(r/2),p=d=>(0,v.jsx)("button",{className:"cocso-pagination-item",onClick:()=>i(d),"data-active":e===d,children:d},d),l=n("cocso-pagination",{},[],o);return(0,v.jsxs)("div",{ref:m,className:l,...s,children:[t>1&&(0,v.jsx)("button",{className:"cocso-pagination-arrow",disabled:e===1,onClick:()=>e>1&&i(e-1),children:(0,v.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,v.jsx)("path",{d:"m15 18-6-6 6-6"})})}),t<=r+2?Array(t).fill(0).map((d,w)=>p(w+1)):(0,v.jsxs)(v.Fragment,{children:[p(1),e>1+c&&(0,v.jsx)("span",{className:"cocso-pagination-trunc",children:"..."}),Array(r).fill(0).map((d,w)=>{let W=e-c+w+1;return W>1&&W<t?p(W):""}),e<t-c&&(0,v.jsx)("span",{className:"cocso-pagination-trunc",children:"..."}),p(t)]}),t>1&&(0,v.jsx)("button",{className:"cocso-pagination-arrow",disabled:e===t,onClick:()=>e<t&&i(e+1),children:(0,v.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,v.jsx)("path",{d:"m9 18 6-6-6-6"})})})]})}),xe=Object.assign(ye,{displayName:"Pagination"});var Oo=f(require("react"),1),K=f(require("@radix-ui/react-checkbox"),1);var k=require("react/jsx-runtime"),Ne=Oo.forwardRef(({id:o,size:e="md",status:t,onChange:r,label:i,disabled:s=!1,className:m,...c},p)=>{let l={size:e,disabled:s,status:t},d=[...s?[{status:t,disabled:s}]:[]],w=n("cocso-checkbox",l,d,m),W=R=>{if(!s){let x;R===!0?x="on":R==="indeterminate"?x="intermediate":x="off",r(x)}};return(0,k.jsxs)("div",{className:"cocso-checkbox-wrapper",children:[(0,k.jsxs)(K.Root,{ref:p,id:o,className:w,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:W,disabled:s,...c,children:[(0,k.jsx)(K.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:(0,k.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,k.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),(0,k.jsx)("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:(0,k.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,k.jsx)("path",{d:"M5 12h14"})})})]}),i&&(0,k.jsx)(D,{className:n("cocso-checkbox-label",{disabled:s}),size:e,htmlFor:o,children:i})]})}),ke=Object.assign(Ne,{displayName:"Checkbox"});var Bo=f(require("react"),1);var g=require("react/jsx-runtime"),Te=Bo.forwardRef(({quantity:o,className:e,onChange:t,...r},i)=>{let s=n("cocso-stock-quantity-status",{},[],e);return(0,g.jsxs)("div",{ref:i,className:s,"data-status":o,...r,children:[(0,g.jsx)("span",{className:"cocso-stock-quantity-status-indicator",children:o==="\uC5EC\uC720"?(0,g.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48047 6.10059H7.06543C5.98955 6.10059 5.11719 6.968 5.11719 8.03809C5.11741 9.10782 5.98893 9.97532 7.06445 9.97559H9.48047V13.0752H7.06445C4.35911 13.0749 2.14983 10.9652 2.00781 8.30957V7.76465C2.15041 5.10939 4.36025 3 7.06543 3H9.48047V6.10059ZM12.0518 6.10059C13.1276 6.10059 14 6.968 14 8.03809C13.9999 9.10806 13.1276 9.97559 12.0518 9.97559H9.48047V6.10059H12.0518Z",fill:"currentColor"})]}):o==="\uBCF4\uD1B5"?(0,g.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48145 6.0752V6.10059H7.06641C5.99053 6.10059 5.11817 6.968 5.11816 8.03809C5.11839 9.10782 5.98991 9.97532 7.06543 9.97559H9.48145V13.0752H7.06543C4.35577 13.0749 2.14345 10.9585 2.00781 8.29688V7.77832C2.03849 7.17662 2.17568 6.60303 2.40039 6.0752H9.48145ZM12.0527 6.10059C13.1286 6.10059 14.001 6.968 14.001 8.03809C14.0008 9.10806 13.1285 9.97559 12.0527 9.97559H9.48145V6.10059H12.0527Z",fill:"currentColor"})]}):(0,g.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M7.04688 9.97461C7.05273 9.97466 7.05859 9.97558 7.06445 9.97559H9.48047V13.0752H7.06445C4.95754 13.075 3.15182 11.7952 2.38867 9.97461H7.04688ZM12.0713 9.97461C12.0648 9.97467 12.0582 9.97559 12.0518 9.97559H9.48047V9.97461H12.0713Z",fill:"currentColor"})]})}),(0,g.jsx)(D,{size:"sm",color:"currentColor",children:o})]})}),Le=Object.assign(Te,{displayName:"StockQuantityStatus"});var Eo=f(require("react"),1),q=f(require("@radix-ui/react-switch"),1);var B=require("react/jsx-runtime"),Se=Eo.forwardRef(({id:o,size:e="md",disabled:t=!1,label:r,position:i="right",className:s,children:m,...c},p)=>{let l=n("cocso-switch",{size:e,disabled:t},[],s),d=n("cocso-switch-thumb",{size:e});return(0,B.jsxs)("div",{className:"cocso-switch-wrapper",children:[i==="left"&&(0,B.jsx)(D,{size:e,htmlFor:o,children:r}),(0,B.jsx)(q.Root,{ref:p,className:l,...c,children:(0,B.jsx)(q.Thumb,{className:d})}),i==="right"&&(0,B.jsx)(D,{size:e,htmlFor:o,children:r})]})}),De=Object.assign(Se,{displayName:"Switch"});var H=f(require("@radix-ui/react-tabs"),1),Z=require("react");var $=require("react/jsx-runtime"),We=(0,Z.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab",{},[],o);return(0,$.jsx)(H.Root,{ref:t,className:r,...e})}),Me=(0,Z.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab-list",{},[],o);return(0,$.jsx)(H.List,{ref:t,className:r,...e})}),Fe=(0,Z.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab-trigger",{},[],o);return(0,$.jsx)(H.Trigger,{ref:t,className:r,...e})}),He=(0,Z.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab-content",{},[],o);return(0,$.jsx)(H.Content,{ref:t,className:r,...e})}),Oe=Object.assign(We,{List:Me,Trigger:Fe,Content:He});var J=require("sonner"),Be=Object.assign(J.Toaster,{displayName:"Toast"});var Io=f(require("react"),1);var E=require("react/jsx-runtime"),Ee=Io.forwardRef(({size:o="md",disabled:e=!1,className:t,style:r,children:i,...s},m)=>{let c=n("cocso-select",{size:o,disabled:e},[],t);return(0,E.jsxs)("div",{className:"cocso-select-wrapper",children:[(0,E.jsx)("select",{ref:m,className:c,disabled:e,...s,children:i}),(0,E.jsx)("i",{className:"cocso-select-icon",children:(0,E.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,E.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})}),Ie=Object.assign(Ee,{displayName:"Select"});
1
+ "use strict";var Zo=Object.create;var U=Object.defineProperty;var $o=Object.getOwnPropertyDescriptor;var _o=Object.getOwnPropertyNames;var Qo=Object.getPrototypeOf,Uo=Object.prototype.hasOwnProperty;var Go=(o,e)=>{for(var t in e)U(o,t,{get:e[t],enumerable:!0})},ho=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of _o(e))!Uo.call(o,i)&&i!==t&&U(o,i,{get:()=>e[i],enumerable:!(r=$o(e,i))||r.enumerable});return o};var f=(o,e,t)=>(t=o!=null?Zo(Qo(o)):{},ho(e||!o||!o.__esModule?U(t,"default",{value:o,enumerable:!0}):t,o)),Ko=o=>ho(U({},"__esModule",{value:!0}),o);var $e={};Go($e,{Accordion:()=>oe,Body:()=>V,Button:()=>se,Checkbox:()=>De,Display:()=>ce,Dropdown:()=>pe,FileUpload:()=>he,Heading:()=>co,Label:()=>W,Link:()=>ue,Modal:()=>we,OneTimePasswordField:()=>Ne,Pagination:()=>Te,Popover:()=>Se,Select:()=>Ze,Spinner:()=>io,StockQuantityStatus:()=>Oe,Switch:()=>He,Tab:()=>ze,Toaster:()=>Ve,toast:()=>X.toast});module.exports=Ko($e);var L=f(require("@radix-ui/react-accordion"),1),G=require("react");var qo=(...o)=>o.filter(Boolean).join(" ").trim(),n=(o,e,t=[],...r)=>{let i=Object.entries(e).filter(([,m])=>m!==!1&&m!==null&&m!==void 0).map(([m,c])=>`${o}--${m}_${c}`).join(" "),s=t.filter(m=>Object.entries(m).every(([c,p])=>e[c]===p)).map(m=>{let c=Object.entries(m).map(([p,l])=>`${p}_${l}`).join("-");return`${o}--${c}`}).join(" ");return qo(o,i,s,...r)};var go=require("@radix-ui/react-slot"),O=require("react/jsx-runtime"),Jo=(0,G.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-accordion-item",{},[],o);return(0,O.jsx)(L.Item,{ref:t,className:r,...e})}),Xo=(0,G.forwardRef)(({className:o,children:e,chevron:t=!0,...r},i)=>{let s=n("cocso-accordion-trigger",{},[],o);return(0,O.jsx)(L.Trigger,{ref:i,className:s,...r,children:(0,O.jsxs)(go.Slottable,{children:[e,t&&(0,O.jsx)("div",{className:"cocso-accordion-chevron",children:(0,O.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,O.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})})}),Yo=(0,G.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-accordion-content",{},[],o);return(0,O.jsx)(L.Content,{ref:t,className:r,...e})}),oe=Object.assign(L.Root,{Item:Jo,Header:L.Header,Trigger:Xo,Content:Yo});var uo=f(require("react"),1),vo=require("@radix-ui/react-slot");function b(o){if(o)return o.includes(".")?`var(--color-${o.replace(/\./g,"-")})`:o}var Co={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};function y(o){if(o)return o in Co?Co[o]:o}var Po=require("react/jsx-runtime"),ee=uo.forwardRef(({asChild:o=!1,size:e="md",color:t,weight:r="normal",className:i,style:s,...m},c)=>{let l=n("cocso-body",{size:e},[],i);return(0,Po.jsx)(o?vo.Slot:"p",{ref:c,className:l,style:{"--cocso-body-color":b(t),"--cocso-body-weight":y(r),...s},...m})}),V=Object.assign(ee,{displayName:"Body"});var j=f(require("react"),1),bo=require("@radix-ui/react-slot");var Ro=f(require("react"),1);var A=require("react/jsx-runtime"),te=["div"],re=Ro.forwardRef(({as:o=te[0],size:e="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:i,style:s,...m},c)=>{let p=o,d=n("cocso-spinner",{size:e},[],i);return(0,A.jsx)(p,{ref:c,className:d,style:{"--cocso-spinner-bg":b(r),"--cocso-spinner-color":b(t),...s},...m,children:(0,A.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),(0,A.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"})]})})}),io=Object.assign(re,{displayName:"Spinner"});var no=require("react/jsx-runtime"),ie=o=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[o],ne=j.forwardRef(({asChild:o=!1,variant:e="primary",size:t="md",disabled:r=!1,loading:i=!1,color:s,weight:m="normal",className:c,style:p,children:l,onClick:d,onKeyDown:w,...D},z)=>{let R=r||i,x=j.useCallback(T=>{if(R){T.preventDefault();return}d?.(T)},[R,d]),Y=j.useCallback(T=>{(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),R||T.currentTarget.click()),w?.(T)},[R,w]),oo={variant:e,size:t,loading:i,disabled:R},eo=[...r?[{variant:e,disabled:r}]:[],...i?[{variant:e,loading:i}]:[]],to=n("cocso-button",oo,eo,c),ro={"--cocso-button-color":b(s),"--cocso-button-weight":y(m),...p};return(0,no.jsx)(o?bo.Slot:"button",{ref:z,className:to,onClick:x,onKeyDown:Y,role:"button",disabled:R,"aria-disabled":R,"aria-busy":i,style:ro,...D,children:i?(0,no.jsx)(io,{className:"cocso-button-spinner",size:ie(t),color:"currentColor"}):l})}),se=Object.assign(ne,{displayName:"Button"});var wo=f(require("react"),1),yo=require("@radix-ui/react-slot");var xo=require("react/jsx-runtime"),ae=wo.forwardRef(({asChild:o=!1,size:e="md",color:t,weight:r="bold",className:i,style:s,...m},c)=>{let l=n("cocso-display",{size:e},[],i);return(0,xo.jsx)(o?yo.Slot:"h1",{ref:c,className:l,style:{"--cocso-display-color":b(t),"--cocso-display-weight":y(r),...s},...m})}),ce=Object.assign(ae,{displayName:"Display"});var S=f(require("@radix-ui/react-dropdown-menu"),1),so=require("react");var ao=require("react/jsx-runtime"),me=(0,so.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-dropdown-content",{},[],o);return(0,ao.jsx)(S.Content,{ref:t,className:r,...e})}),le=(0,so.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-dropdown-item",{},[],o);return(0,ao.jsx)(S.Item,{ref:t,className:r,...e})}),pe=Object.assign(S.Root,{Trigger:S.Trigger,Portal:S.Portal,Content:me,Item:le});var Lo=f(require("react"),1),C=require("react");var No=f(require("react"),1),ko=require("@radix-ui/react-slot");var To=require("react/jsx-runtime"),de=No.forwardRef(({asChild:o=!1,size:e="md",color:t="text.basic",weight:r="normal",className:i,style:s,...m},c)=>{let l=n("cocso-label",{size:e},[],i);return(0,To.jsx)(o?ko.Slot:"label",{ref:c,className:l,style:{"--cocso-label-color":b(t),"--cocso-label-weight":y(r),...s},...m})}),W=Object.assign(de,{displayName:"Label"});var h=require("react/jsx-runtime"),fe=Lo.forwardRef(({maxFiles:o=2,files:e,onFilesChange:t,onRemove:r,multiple:i=!0,accept:s,...m},c)=>{let[p,l]=(0,C.useState)(!1),d=(0,C.useRef)(null),w=(0,C.useRef)(null),D=3*1024*1024,z=(0,C.useCallback)(a=>s?s.split(",").map(N=>N.trim()).some(N=>{if(N.endsWith("/*")){let Q=N.slice(0,-2);return a.type.startsWith(Q)}return a.type===N||a.name.toLowerCase().endsWith(N)}):!0,[s]),R=(0,C.useCallback)(a=>a.size>D?(alert(`${a.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),x=(0,C.useCallback)(a=>{let N=Array.from(a).filter(B=>z(B)?R(B):(alert(`${B.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(N.length===0)return;let Q=o-e.length;if(Q<=0){alert(`\uCD5C\uB300 ${o}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let jo=N.slice(0,Q).map(B=>({file:B,name:B.name,size:B.size}));t([...e,...jo])},[e,o,t,z,R]),Y=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation(),l(!0)},[]),oo=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation(),w.current&&!w.current.contains(a.relatedTarget)&&l(!1)},[]),eo=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation()},[]),to=(0,C.useCallback)(a=>{a.preventDefault(),a.stopPropagation(),l(!1);let{files:M}=a.dataTransfer;M&&x(M)},[x]),ro=(0,C.useCallback)(a=>{let{files:M}=a.target;M&&x(M)},[x]),po=(0,C.useCallback)(a=>{let M=e.filter(N=>N.name!==a);t(M),r?.(a)},[e,t,r]),T=(0,C.useCallback)(()=>{d.current?.click()},[]),fo=e.length>=o||!i&&e.length>=1;return(0,h.jsxs)("div",{className:"cocso-file-upload-wrapper",children:[!fo&&(0,h.jsxs)("div",{ref:w,onDragEnter:Y,onDragOver:eo,onDragLeave:oo,onDrop:to,onClick:T,className:"cocso-file-upload","data-drag-active":p,children:[(0,h.jsx)("input",{ref:a=>{d.current=a,typeof c=="function"?c(a):c&&(c.current=a)},type:"file",onChange:ro,multiple:i,accept:s,style:{display:"none"},...m}),(0,h.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,h.jsx)("br",{}),"(\uCD5C\uB300 3MB)"]}),(0,h.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,h.jsx)("path",{d:"M5 12h14"}),(0,h.jsx)("path",{d:"M12 5v14"})]})]}),e.length>0&&(0,h.jsx)("div",{className:"cocso-file-upload-list",children:e.map(a=>(0,h.jsxs)("div",{className:"cocso-file-upload-item",children:[(0,h.jsx)(V,{size:"xs",children:a.name}),(0,h.jsx)("button",{type:"button",onClick:()=>po(a.name),className:"cocso-file-upload-remove",children:(0,h.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,h.jsx)("path",{d:"M18 6 6 18"}),(0,h.jsx)("path",{d:"m6 6 12 12"})]})})]},a.name))})]})}),he=Object.assign(fe,{displayName:"FileUpload"});var So=f(require("react"),1),Wo=require("@radix-ui/react-slot");var Do=require("react/jsx-runtime"),ge=So.forwardRef(({asChild:o=!1,size:e="md",color:t,weight:r="bold",className:i,style:s,...m},c)=>{let l=n("cocso-heading",{size:e},[],i);return(0,Do.jsx)(o?Wo.Slot:"h2",{ref:c,className:l,style:{"--cocso-heading-color":b(t),"--cocso-heading-weight":y(r),...s},...m})}),co=Object.assign(ge,{displayName:"Heading"});var Mo=f(require("react"),1),Oo=require("@radix-ui/react-slot");var Fo=require("react/jsx-runtime"),Ce=Mo.forwardRef(({asChild:o=!1,size:e="md",weight:t="normal",indicator:r=!0,className:i,style:s,...m},c)=>{let l=n("cocso-link",{size:e,indicator:r},[],i);return(0,Fo.jsx)(o?Oo.Slot:"a",{ref:c,className:l,style:{"--cocso-link-weight":y(t),...s},...m})}),ue=Object.assign(Ce,{displayName:"Link"});var u=f(require("@radix-ui/react-dialog"),1),Z=require("react");var P=require("react/jsx-runtime"),ve=(0,Z.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-content",{},[],o);return(0,P.jsxs)(u.Portal,{children:[(0,P.jsx)(u.Overlay,{className:"cocso-modal-overlay"}),(0,P.jsx)(u.Content,{ref:r,className:i,...t,children:e})]})}),Pe=(0,Z.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-close-wrapper",{},[],o);return(0,P.jsx)("div",{className:i,...t,children:(0,P.jsx)(u.Close,{className:"cocso-modal-close",children:(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:"M18 6 6 18"}),(0,P.jsx)("path",{d:"m6 6 12 12"})]})})})}),Re=(0,Z.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-title",{},[],o);return(0,P.jsx)(u.Title,{ref:r,className:i,asChild:!0,...t,children:(0,P.jsx)(co,{color:"text.basic",children:e})})}),be=(0,Z.forwardRef)(({className:o,children:e,...t},r)=>{let i=n("cocso-modal-description",{},[],o);return(0,P.jsx)(u.Description,{ref:r,className:i,asChild:!0,...t,children:(0,P.jsx)(V,{size:"sm",color:"text.subtle",children:e})})}),we=Object.assign(u.Root,{Trigger:u.Trigger,Content:ve,Close:Pe,Title:Re,Description:be});var K=f(require("@radix-ui/react-one-time-password-field"),1),mo=require("react");var lo=require("react/jsx-runtime"),ye=(0,mo.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-otp",{},[],o);return(0,lo.jsx)(K.Root,{ref:t,className:r,...e})}),xe=(0,mo.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-otp-input",{},[],o);return(0,lo.jsx)(K.Input,{ref:t,className:r,...e})}),Ne=Object.assign(ye,{Input:xe});var Ho=f(require("react"),1);var v=require("react/jsx-runtime"),ke=Ho.forwardRef(({className:o,page:e,totalPages:t,maxVisible:r=5,onChange:i,...s},m)=>{let c=Math.ceil(r/2),p=d=>(0,v.jsx)("button",{className:"cocso-pagination-item",onClick:()=>i(d),"data-active":e===d,children:d},d),l=n("cocso-pagination",{},[],o);return(0,v.jsxs)("div",{ref:m,className:l,...s,children:[t>1&&(0,v.jsx)("button",{className:"cocso-pagination-arrow",disabled:e===1,onClick:()=>e>1&&i(e-1),children:(0,v.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,v.jsx)("path",{d:"m15 18-6-6 6-6"})})}),t<=r+2?Array(t).fill(0).map((d,w)=>p(w+1)):(0,v.jsxs)(v.Fragment,{children:[p(1),e>1+c&&(0,v.jsx)("span",{className:"cocso-pagination-trunc",children:"..."}),Array(r).fill(0).map((d,w)=>{let D=e-c+w+1;return D>1&&D<t?p(D):""}),e<t-c&&(0,v.jsx)("span",{className:"cocso-pagination-trunc",children:"..."}),p(t)]}),t>1&&(0,v.jsx)("button",{className:"cocso-pagination-arrow",disabled:e===t,onClick:()=>e<t&&i(e+1),children:(0,v.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,v.jsx)("path",{d:"m9 18 6-6-6-6"})})})]})}),Te=Object.assign(ke,{displayName:"Pagination"});var F=f(require("@radix-ui/react-popover"),1),Bo=require("react");var Eo=require("react/jsx-runtime"),Le=(0,Bo.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-popover-content",{},[],o);return(0,Eo.jsx)(F.Content,{ref:t,className:r,...e})}),Se=Object.assign(F.Root,{Trigger:F.Trigger,Portal:F.Portal,Content:Le});var Io=f(require("react"),1),q=f(require("@radix-ui/react-checkbox"),1);var k=require("react/jsx-runtime"),We=Io.forwardRef(({id:o,size:e="md",status:t,onChange:r,label:i,disabled:s=!1,className:m,...c},p)=>{let l={size:e,disabled:s,status:t},d=[...s?[{status:t,disabled:s}]:[]],w=n("cocso-checkbox",l,d,m),D=R=>{if(!s){let x;R===!0?x="on":R==="indeterminate"?x="intermediate":x="off",r(x)}};return(0,k.jsxs)("div",{className:"cocso-checkbox-wrapper",children:[(0,k.jsxs)(q.Root,{ref:p,id:o,className:w,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:D,disabled:s,...c,children:[(0,k.jsx)(q.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:(0,k.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,k.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),(0,k.jsx)("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:(0,k.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,k.jsx)("path",{d:"M5 12h14"})})})]}),i&&(0,k.jsx)(W,{className:n("cocso-checkbox-label",{disabled:s}),size:e,htmlFor:o,children:i})]})}),De=Object.assign(We,{displayName:"Checkbox"});var Ao=f(require("react"),1);var g=require("react/jsx-runtime"),Me=Ao.forwardRef(({quantity:o,className:e,onChange:t,...r},i)=>{let s=n("cocso-stock-quantity-status",{},[],e);return(0,g.jsxs)("div",{ref:i,className:s,"data-status":o,...r,children:[(0,g.jsx)("span",{className:"cocso-stock-quantity-status-indicator",children:o==="\uC5EC\uC720"?(0,g.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48047 6.10059H7.06543C5.98955 6.10059 5.11719 6.968 5.11719 8.03809C5.11741 9.10782 5.98893 9.97532 7.06445 9.97559H9.48047V13.0752H7.06445C4.35911 13.0749 2.14983 10.9652 2.00781 8.30957V7.76465C2.15041 5.10939 4.36025 3 7.06543 3H9.48047V6.10059ZM12.0518 6.10059C13.1276 6.10059 14 6.968 14 8.03809C13.9999 9.10806 13.1276 9.97559 12.0518 9.97559H9.48047V6.10059H12.0518Z",fill:"currentColor"})]}):o==="\uBCF4\uD1B5"?(0,g.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48145 6.0752V6.10059H7.06641C5.99053 6.10059 5.11817 6.968 5.11816 8.03809C5.11839 9.10782 5.98991 9.97532 7.06543 9.97559H9.48145V13.0752H7.06543C4.35577 13.0749 2.14345 10.9585 2.00781 8.29688V7.77832C2.03849 7.17662 2.17568 6.60303 2.40039 6.0752H9.48145ZM12.0527 6.10059C13.1286 6.10059 14.001 6.968 14.001 8.03809C14.0008 9.10806 13.1285 9.97559 12.0527 9.97559H9.48145V6.10059H12.0527Z",fill:"currentColor"})]}):(0,g.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),(0,g.jsx)("path",{d:"M7.04688 9.97461C7.05273 9.97466 7.05859 9.97558 7.06445 9.97559H9.48047V13.0752H7.06445C4.95754 13.075 3.15182 11.7952 2.38867 9.97461H7.04688ZM12.0713 9.97461C12.0648 9.97467 12.0582 9.97559 12.0518 9.97559H9.48047V9.97461H12.0713Z",fill:"currentColor"})]})}),(0,g.jsx)(W,{size:"sm",color:"currentColor",children:o})]})}),Oe=Object.assign(Me,{displayName:"StockQuantityStatus"});var zo=f(require("react"),1),J=f(require("@radix-ui/react-switch"),1);var E=require("react/jsx-runtime"),Fe=zo.forwardRef(({id:o,size:e="md",disabled:t=!1,label:r,position:i="right",className:s,children:m,...c},p)=>{let l=n("cocso-switch",{size:e,disabled:t},[],s),d=n("cocso-switch-thumb",{size:e});return(0,E.jsxs)("div",{className:"cocso-switch-wrapper",children:[i==="left"&&(0,E.jsx)(W,{size:e,htmlFor:o,children:r}),(0,E.jsx)(J.Root,{ref:p,className:l,...c,children:(0,E.jsx)(J.Thumb,{className:d})}),i==="right"&&(0,E.jsx)(W,{size:e,htmlFor:o,children:r})]})}),He=Object.assign(Fe,{displayName:"Switch"});var H=f(require("@radix-ui/react-tabs"),1),$=require("react");var _=require("react/jsx-runtime"),Be=(0,$.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab",{},[],o);return(0,_.jsx)(H.Root,{ref:t,className:r,...e})}),Ee=(0,$.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab-list",{},[],o);return(0,_.jsx)(H.List,{ref:t,className:r,...e})}),Ie=(0,$.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab-trigger",{},[],o);return(0,_.jsx)(H.Trigger,{ref:t,className:r,...e})}),Ae=(0,$.forwardRef)(({className:o,...e},t)=>{let r=n("cocso-tab-content",{},[],o);return(0,_.jsx)(H.Content,{ref:t,className:r,...e})}),ze=Object.assign(Be,{List:Ee,Trigger:Ie,Content:Ae});var X=require("sonner"),Ve=Object.assign(X.Toaster,{displayName:"Toast"});var Vo=f(require("react"),1);var I=require("react/jsx-runtime"),je=Vo.forwardRef(({size:o="md",disabled:e=!1,className:t,style:r,children:i,...s},m)=>{let c=n("cocso-select",{size:o,disabled:e},[],t);return(0,I.jsxs)("div",{className:"cocso-select-wrapper",children:[(0,I.jsx)("select",{ref:m,className:c,disabled:e,...s,children:i}),(0,I.jsx)("i",{className:"cocso-select-icon",children:(0,I.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,I.jsx)("path",{d:"m6 9 6 6 6-6"})})})]})}),Ze=Object.assign(je,{displayName:"Select"});
package/lib/index.d.ts CHANGED
@@ -10,6 +10,7 @@ export * from './components/Link';
10
10
  export * from './components/Modal';
11
11
  export * from './components/OneTimePasswordField';
12
12
  export * from './components/Pagination';
13
+ export * from './components/Popover';
13
14
  export * from './components/Checkbox';
14
15
  export * from './components/Spinner';
15
16
  export * from './components/StockQuantityStatus';
package/lib/index.js CHANGED
@@ -1 +1 @@
1
- import*as w from"@radix-ui/react-accordion";import{forwardRef as oo}from"react";var Do=(...e)=>e.filter(Boolean).join(" ").trim(),n=(e,o,t=[],...r)=>{let i=Object.entries(o).filter(([,m])=>m!==!1&&m!==null&&m!==void 0).map(([m,c])=>`${e}--${m}_${c}`).join(" "),s=t.filter(m=>Object.entries(m).every(([c,p])=>o[c]===p)).map(m=>{let c=Object.entries(m).map(([p,l])=>`${p}_${l}`).join("-");return`${e}--${c}`}).join(" ");return Do(e,i,s,...r)};import{Slottable as Wo}from"@radix-ui/react-slot";import{jsx as H,jsxs as Oo}from"react/jsx-runtime";var Mo=oo(({className:e,...o},t)=>{let r=n("cocso-accordion-item",{},[],e);return H(w.Item,{ref:t,className:r,...o})}),Fo=oo(({className:e,children:o,chevron:t=!0,...r},i)=>{let s=n("cocso-accordion-trigger",{},[],e);return H(w.Trigger,{ref:i,className:s,...r,children:Oo(Wo,{children:[o,t&&H("div",{className:"cocso-accordion-chevron",children:H("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:H("path",{d:"m6 9 6 6 6-6"})})})]})})}),Ho=oo(({className:e,...o},t)=>{let r=n("cocso-accordion-content",{},[],e);return H(w.Content,{ref:t,className:r,...o})}),Me=Object.assign(w.Root,{Item:Mo,Header:w.Header,Trigger:Fo,Content:Ho});import*as no from"react";import{Slot as Bo}from"@radix-ui/react-slot";function g(e){if(e)return e.includes(".")?`var(--color-${e.replace(/\./g,"-")})`:e}var io={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 io?io[e]:e}import{jsx as Io}from"react/jsx-runtime";var Eo=no.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:i,style:s,...m},c)=>{let l=n("cocso-body",{size:o},[],i);return Io(e?Bo:"p",{ref:c,className:l,style:{"--cocso-body-color":g(t),"--cocso-body-weight":u(r),...s},...m})}),A=Object.assign(Eo,{displayName:"Body"});import*as E from"react";import{Slot as jo}from"@radix-ui/react-slot";import*as so from"react";import{jsx as eo,jsxs as Vo}from"react/jsx-runtime";var Ao=["div"],zo=so.forwardRef(({as:e=Ao[0],size:o="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:i,style:s,...m},c)=>{let p=e,d=n("cocso-spinner",{size:o},[],i);return eo(p,{ref:c,className:d,style:{"--cocso-spinner-bg":g(r),"--cocso-spinner-color":g(t),...s},...m,children:Vo("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[eo("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),eo("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"})]})})}),ao=Object.assign(zo,{displayName:"Spinner"});import{jsx as co}from"react/jsx-runtime";var Zo=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],$o=E.forwardRef(({asChild:e=!1,variant:o="primary",size:t="md",disabled:r=!1,loading:i=!1,color:s,weight:m="normal",className:c,style:p,children:l,onClick:d,onKeyDown:C,...k},B)=>{let h=r||i,v=E.useCallback(b=>{if(h){b.preventDefault();return}d?.(b)},[h,d]),K=E.useCallback(b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),h||b.currentTarget.click()),C?.(b)},[h,C]),q={variant:o,size:t,loading:i,disabled:h},J=[...r?[{variant:o,disabled:r}]:[],...i?[{variant:o,loading:i}]:[]],X=n("cocso-button",q,J,c),Y={"--cocso-button-color":g(s),"--cocso-button-weight":u(m),...p};return co(e?jo:"button",{ref:B,className:X,onClick:v,onKeyDown:K,role:"button",disabled:h,"aria-disabled":h,"aria-busy":i,style:Y,...k,children:i?co(ao,{className:"cocso-button-spinner",size:Zo(t),color:"currentColor"}):l})}),et=Object.assign($o,{displayName:"Button"});import*as mo from"react";import{Slot as _o}from"@radix-ui/react-slot";import{jsx as Uo}from"react/jsx-runtime";var Qo=mo.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:i,style:s,...m},c)=>{let l=n("cocso-display",{size:o},[],i);return Uo(e?_o:"h1",{ref:c,className:l,style:{"--cocso-display-color":g(t),"--cocso-display-weight":u(r),...s},...m})}),mt=Object.assign(Qo,{displayName:"Display"});import*as y from"@radix-ui/react-dropdown-menu";import{forwardRef as lo}from"react";import{jsx as po}from"react/jsx-runtime";var Go=lo(({className:e,...o},t)=>{let r=n("cocso-dropdown-content",{},[],e);return po(y.Content,{ref:t,className:r,...o})}),Ko=lo(({className:e,...o},t)=>{let r=n("cocso-dropdown-item",{},[],e);return po(y.Item,{ref:t,className:r,...o})}),vt=Object.assign(y.Root,{Trigger:y.Trigger,Portal:y.Portal,Content:Go,Item:Ko});import*as go from"react";import{useRef as ho,useState as Yo,useCallback as x}from"react";import*as fo from"react";import{Slot as qo}from"@radix-ui/react-slot";import{jsx as Xo}from"react/jsx-runtime";var Jo=fo.forwardRef(({asChild:e=!1,size:o="md",color:t="text.basic",weight:r="normal",className:i,style:s,...m},c)=>{let l=n("cocso-label",{size:o},[],i);return Xo(e?qo:"label",{ref:c,className:l,style:{"--cocso-label-color":g(t),"--cocso-label-weight":u(r),...s},...m})}),L=Object.assign(Jo,{displayName:"Label"});import{jsx as S,jsxs as O}from"react/jsx-runtime";var oe=go.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:i=!0,accept:s,...m},c)=>{let[p,l]=Yo(!1),d=ho(null),C=ho(null),k=3*1024*1024,B=x(a=>s?s.split(",").map(P=>P.trim()).some(P=>{if(P.endsWith("/*")){let I=P.slice(0,-2);return a.type.startsWith(I)}return a.type===P||a.name.toLowerCase().endsWith(P)}):!0,[s]),h=x(a=>a.size>k?(alert(`${a.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),v=x(a=>{let P=Array.from(a).filter(M=>B(M)?h(M):(alert(`${M.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(P.length===0)return;let I=e-o.length;if(I<=0){alert(`\uCD5C\uB300 ${e}\uAC1C\uC758 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);return}let So=P.slice(0,I).map(M=>({file:M,name:M.name,size:M.size}));t([...o,...So])},[o,e,t,B,h]),K=x(a=>{a.preventDefault(),a.stopPropagation(),l(!0)},[]),q=x(a=>{a.preventDefault(),a.stopPropagation(),C.current&&!C.current.contains(a.relatedTarget)&&l(!1)},[]),J=x(a=>{a.preventDefault(),a.stopPropagation()},[]),X=x(a=>{a.preventDefault(),a.stopPropagation(),l(!1);let{files:T}=a.dataTransfer;T&&v(T)},[v]),Y=x(a=>{let{files:T}=a.target;T&&v(T)},[v]),to=x(a=>{let T=o.filter(P=>P.name!==a);t(T),r?.(a)},[o,t,r]),b=x(()=>{d.current?.click()},[]),ro=o.length>=e||!i&&o.length>=1;return O("div",{className:"cocso-file-upload-wrapper",children:[!ro&&O("div",{ref:C,onDragEnter:K,onDragOver:J,onDragLeave:q,onDrop:X,onClick:b,className:"cocso-file-upload","data-drag-active":p,children:[S("input",{ref:a=>{d.current=a,typeof c=="function"?c(a):c&&(c.current=a)},type:"file",onChange:Y,multiple:i,accept:s,style:{display:"none"},...m}),O(L,{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",S("br",{}),"(\uCD5C\uB300 3MB)"]}),O("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:[S("path",{d:"M5 12h14"}),S("path",{d:"M12 5v14"})]})]}),o.length>0&&S("div",{className:"cocso-file-upload-list",children:o.map(a=>O("div",{className:"cocso-file-upload-item",children:[S(A,{size:"xs",children:a.name}),S("button",{type:"button",onClick:()=>to(a.name),className:"cocso-file-upload-remove",children:O("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:"M18 6 6 18"}),S("path",{d:"m6 6 12 12"})]})})]},a.name))})]})}),Ft=Object.assign(oe,{displayName:"FileUpload"});import*as Co from"react";import{Slot as ee}from"@radix-ui/react-slot";import{jsx as re}from"react/jsx-runtime";var te=Co.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:i,style:s,...m},c)=>{let l=n("cocso-heading",{size:o},[],i);return re(e?ee:"h2",{ref:c,className:l,style:{"--cocso-heading-color":g(t),"--cocso-heading-weight":u(r),...s},...m})}),uo=Object.assign(te,{displayName:"Heading"});import*as vo from"react";import{Slot as ie}from"@radix-ui/react-slot";import{jsx as se}from"react/jsx-runtime";var ne=vo.forwardRef(({asChild:e=!1,size:o="md",weight:t="normal",indicator:r=!0,className:i,style:s,...m},c)=>{let l=n("cocso-link",{size:o,indicator:r},[],i);return se(e?ie:"a",{ref:c,className:l,style:{"--cocso-link-weight":u(t),...s},...m})}),Gt=Object.assign(ne,{displayName:"Link"});import*as f from"@radix-ui/react-dialog";import{forwardRef as z}from"react";import{jsx as N,jsxs as Po}from"react/jsx-runtime";var ae=z(({className:e,children:o,...t},r)=>{let i=n("cocso-modal-content",{},[],e);return Po(f.Portal,{children:[N(f.Overlay,{className:"cocso-modal-overlay"}),N(f.Content,{ref:r,className:i,...t,children:o})]})}),ce=z(({className:e,children:o,...t},r)=>{let i=n("cocso-modal-close-wrapper",{},[],e);return N("div",{className:i,...t,children:N(f.Close,{className:"cocso-modal-close",children:Po("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:[N("path",{d:"M18 6 6 18"}),N("path",{d:"m6 6 12 12"})]})})})}),me=z(({className:e,children:o,...t},r)=>{let i=n("cocso-modal-title",{},[],e);return N(f.Title,{ref:r,className:i,asChild:!0,...t,children:N(uo,{color:"text.basic",children:o})})}),le=z(({className:e,children:o,...t},r)=>{let i=n("cocso-modal-description",{},[],e);return N(f.Description,{ref:r,className:i,asChild:!0,...t,children:N(A,{size:"sm",color:"text.subtle",children:o})})}),nr=Object.assign(f.Root,{Trigger:f.Trigger,Content:ae,Close:ce,Title:me,Description:le});import*as V from"@radix-ui/react-one-time-password-field";import{forwardRef as Ro}from"react";import{jsx as bo}from"react/jsx-runtime";var pe=Ro(({className:e,...o},t)=>{let r=n("cocso-otp",{},[],e);return bo(V.Root,{ref:t,className:r,...o})}),de=Ro(({className:e,...o},t)=>{let r=n("cocso-otp-input",{},[],e);return bo(V.Input,{ref:t,className:r,...o})}),hr=Object.assign(pe,{Input:de});import*as yo from"react";import{Fragment as he,jsx as D,jsxs as wo}from"react/jsx-runtime";var fe=yo.forwardRef(({className:e,page:o,totalPages:t,maxVisible:r=5,onChange:i,...s},m)=>{let c=Math.ceil(r/2),p=d=>D("button",{className:"cocso-pagination-item",onClick:()=>i(d),"data-active":o===d,children:d},d),l=n("cocso-pagination",{},[],e);return wo("div",{ref:m,className:l,...s,children:[t>1&&D("button",{className:"cocso-pagination-arrow",disabled:o===1,onClick:()=>o>1&&i(o-1),children:D("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:D("path",{d:"m15 18-6-6 6-6"})})}),t<=r+2?Array(t).fill(0).map((d,C)=>p(C+1)):wo(he,{children:[p(1),o>1+c&&D("span",{className:"cocso-pagination-trunc",children:"..."}),Array(r).fill(0).map((d,C)=>{let k=o-c+C+1;return k>1&&k<t?p(k):""}),o<t-c&&D("span",{className:"cocso-pagination-trunc",children:"..."}),p(t)]}),t>1&&D("button",{className:"cocso-pagination-arrow",disabled:o===t,onClick:()=>o<t&&i(o+1),children:D("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:D("path",{d:"m9 18 6-6-6-6"})})})]})}),Rr=Object.assign(fe,{displayName:"Pagination"});import*as No from"react";import*as j from"@radix-ui/react-checkbox";import{jsx as F,jsxs as xo}from"react/jsx-runtime";var ge=No.forwardRef(({id:e,size:o="md",status:t,onChange:r,label:i,disabled:s=!1,className:m,...c},p)=>{let l={size:o,disabled:s,status:t},d=[...s?[{status:t,disabled:s}]:[]],C=n("cocso-checkbox",l,d,m),k=h=>{if(!s){let v;h===!0?v="on":h==="indeterminate"?v="intermediate":v="off",r(v)}};return xo("div",{className:"cocso-checkbox-wrapper",children:[xo(j.Root,{ref:p,id:e,className:C,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:k,disabled:s,...c,children:[F(j.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:F("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:F("path",{d:"M20 6 9 17l-5-5"})})}),F("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:F("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:F("path",{d:"M5 12h14"})})})]}),i&&F(L,{className:n("cocso-checkbox-label",{disabled:s}),size:o,htmlFor:e,children:i})]})}),Tr=Object.assign(ge,{displayName:"Checkbox"});import*as ko from"react";import{jsx as R,jsxs as Z}from"react/jsx-runtime";var Ce=ko.forwardRef(({quantity:e,className:o,onChange:t,...r},i)=>{let s=n("cocso-stock-quantity-status",{},[],o);return Z("div",{ref:i,className:s,"data-status":e,...r,children:[R("span",{className:"cocso-stock-quantity-status-indicator",children:e==="\uC5EC\uC720"?Z("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[R("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48047 6.10059H7.06543C5.98955 6.10059 5.11719 6.968 5.11719 8.03809C5.11741 9.10782 5.98893 9.97532 7.06445 9.97559H9.48047V13.0752H7.06445C4.35911 13.0749 2.14983 10.9652 2.00781 8.30957V7.76465C2.15041 5.10939 4.36025 3 7.06543 3H9.48047V6.10059ZM12.0518 6.10059C13.1276 6.10059 14 6.968 14 8.03809C13.9999 9.10806 13.1276 9.97559 12.0518 9.97559H9.48047V6.10059H12.0518Z",fill:"currentColor"})]}):e==="\uBCF4\uD1B5"?Z("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[R("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48145 6.0752V6.10059H7.06641C5.99053 6.10059 5.11817 6.968 5.11816 8.03809C5.11839 9.10782 5.98991 9.97532 7.06543 9.97559H9.48145V13.0752H7.06543C4.35577 13.0749 2.14345 10.9585 2.00781 8.29688V7.77832C2.03849 7.17662 2.17568 6.60303 2.40039 6.0752H9.48145ZM12.0527 6.10059C13.1286 6.10059 14.001 6.968 14.001 8.03809C14.0008 9.10806 13.1285 9.97559 12.0527 9.97559H9.48145V6.10059H12.0527Z",fill:"currentColor"})]}):Z("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[R("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M7.04688 9.97461C7.05273 9.97466 7.05859 9.97558 7.06445 9.97559H9.48047V13.0752H7.06445C4.95754 13.075 3.15182 11.7952 2.38867 9.97461H7.04688ZM12.0713 9.97461C12.0648 9.97467 12.0582 9.97559 12.0518 9.97559H9.48047V9.97461H12.0713Z",fill:"currentColor"})]})}),R(L,{size:"sm",color:"currentColor",children:e})]})}),Hr=Object.assign(Ce,{displayName:"StockQuantityStatus"});import*as To from"react";import*as _ from"@radix-ui/react-switch";import{jsx as $,jsxs as ve}from"react/jsx-runtime";var ue=To.forwardRef(({id:e,size:o="md",disabled:t=!1,label:r,position:i="right",className:s,children:m,...c},p)=>{let l=n("cocso-switch",{size:o,disabled:t},[],s),d=n("cocso-switch-thumb",{size:o});return ve("div",{className:"cocso-switch-wrapper",children:[i==="left"&&$(L,{size:o,htmlFor:e,children:r}),$(_.Root,{ref:p,className:l,...c,children:$(_.Thumb,{className:d})}),i==="right"&&$(L,{size:o,htmlFor:e,children:r})]})}),Vr=Object.assign(ue,{displayName:"Switch"});import*as W from"@radix-ui/react-tabs";import{forwardRef as Q}from"react";import{jsx as U}from"react/jsx-runtime";var Pe=Q(({className:e,...o},t)=>{let r=n("cocso-tab",{},[],e);return U(W.Root,{ref:t,className:r,...o})}),Re=Q(({className:e,...o},t)=>{let r=n("cocso-tab-list",{},[],e);return U(W.List,{ref:t,className:r,...o})}),be=Q(({className:e,...o},t)=>{let r=n("cocso-tab-trigger",{},[],e);return U(W.Trigger,{ref:t,className:r,...o})}),we=Q(({className:e,...o},t)=>{let r=n("cocso-tab-content",{},[],e);return U(W.Content,{ref:t,className:r,...o})}),qr=Object.assign(Pe,{List:Re,Trigger:be,Content:we});import{Toaster as ye,toast as ti}from"sonner";var ri=Object.assign(ye,{displayName:"Toast"});import*as Lo from"react";import{jsx as G,jsxs as Ne}from"react/jsx-runtime";var xe=Lo.forwardRef(({size:e="md",disabled:o=!1,className:t,style:r,children:i,...s},m)=>{let c=n("cocso-select",{size:e,disabled:o},[],t);return Ne("div",{className:"cocso-select-wrapper",children:[G("select",{ref:m,className:c,disabled:o,...s,children:i}),G("i",{className:"cocso-select-icon",children:G("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:G("path",{d:"m6 9 6 6 6-6"})})})]})}),ci=Object.assign(xe,{displayName:"Select"});export{Me as Accordion,A as Body,et as Button,Tr as Checkbox,mt as Display,vt as Dropdown,Ft as FileUpload,uo as Heading,L as Label,Gt as Link,nr as Modal,hr as OneTimePasswordField,Rr as Pagination,ci as Select,ao as Spinner,Hr as StockQuantityStatus,Vr as Switch,qr as Tab,ri as Toaster,ti as toast};
1
+ import*as w from"@radix-ui/react-accordion";import{forwardRef as eo}from"react";var Do=(...e)=>e.filter(Boolean).join(" ").trim(),i=(e,o,t=[],...r)=>{let n=Object.entries(o).filter(([,m])=>m!==!1&&m!==null&&m!==void 0).map(([m,c])=>`${e}--${m}_${c}`).join(" "),s=t.filter(m=>Object.entries(m).every(([c,p])=>o[c]===p)).map(m=>{let c=Object.entries(m).map(([p,l])=>`${p}_${l}`).join("-");return`${e}--${c}`}).join(" ");return Do(e,n,s,...r)};import{Slottable as Mo}from"@radix-ui/react-slot";import{jsx as H,jsxs as Bo}from"react/jsx-runtime";var Oo=eo(({className:e,...o},t)=>{let r=i("cocso-accordion-item",{},[],e);return H(w.Item,{ref:t,className:r,...o})}),Fo=eo(({className:e,children:o,chevron:t=!0,...r},n)=>{let s=i("cocso-accordion-trigger",{},[],e);return H(w.Trigger,{ref:n,className:s,...r,children:Bo(Mo,{children:[o,t&&H("div",{className:"cocso-accordion-chevron",children:H("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:H("path",{d:"m6 9 6 6 6-6"})})})]})})}),Ho=eo(({className:e,...o},t)=>{let r=i("cocso-accordion-content",{},[],e);return H(w.Content,{ref:t,className:r,...o})}),Be=Object.assign(w.Root,{Item:Oo,Header:w.Header,Trigger:Fo,Content:Ho});import*as so from"react";import{Slot as Eo}from"@radix-ui/react-slot";function g(e){if(e)return e.includes(".")?`var(--color-${e.replace(/\./g,"-")})`:e}var no={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 no?no[e]:e}import{jsx as Ao}from"react/jsx-runtime";var Io=so.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="normal",className:n,style:s,...m},c)=>{let l=i("cocso-body",{size:o},[],n);return Ao(e?Eo:"p",{ref:c,className:l,style:{"--cocso-body-color":g(t),"--cocso-body-weight":u(r),...s},...m})}),z=Object.assign(Io,{displayName:"Body"});import*as I from"react";import{Slot as Zo}from"@radix-ui/react-slot";import*as ao from"react";import{jsx as to,jsxs as jo}from"react/jsx-runtime";var zo=["div"],Vo=ao.forwardRef(({as:e=zo[0],size:o="md",color:t="palette.primary-500",bg:r="palette.gray-200",className:n,style:s,...m},c)=>{let p=e,d=i("cocso-spinner",{size:o},[],n);return to(p,{ref:c,className:d,style:{"--cocso-spinner-bg":g(r),"--cocso-spinner-color":g(t),...s},...m,children:jo("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[to("circle",{className:"opacity-25",cx:"12",cy:"12",r:"9",stroke:"var(--cocso-spinner-bg, currentColor)",strokeWidth:"3"}),to("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"})]})})}),co=Object.assign(Vo,{displayName:"Spinner"});import{jsx as mo}from"react/jsx-runtime";var $o=e=>({"2xs":"xs",xs:"xs",sm:"xs",md:"sm",lg:"md",xl:"md"})[e],_o=I.forwardRef(({asChild:e=!1,variant:o="primary",size:t="md",disabled:r=!1,loading:n=!1,color:s,weight:m="normal",className:c,style:p,children:l,onClick:d,onKeyDown:C,...k},E)=>{let h=r||n,v=I.useCallback(b=>{if(h){b.preventDefault();return}d?.(b)},[h,d]),q=I.useCallback(b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),h||b.currentTarget.click()),C?.(b)},[h,C]),J={variant:o,size:t,loading:n,disabled:h},X=[...r?[{variant:o,disabled:r}]:[],...n?[{variant:o,loading:n}]:[]],Y=i("cocso-button",J,X,c),oo={"--cocso-button-color":g(s),"--cocso-button-weight":u(m),...p};return mo(e?Zo:"button",{ref:E,className:Y,onClick:v,onKeyDown:q,role:"button",disabled:h,"aria-disabled":h,"aria-busy":n,style:oo,...k,children:n?mo(co,{className:"cocso-button-spinner",size:$o(t),color:"currentColor"}):l})}),nt=Object.assign(_o,{displayName:"Button"});import*as lo from"react";import{Slot as Qo}from"@radix-ui/react-slot";import{jsx as Go}from"react/jsx-runtime";var Uo=lo.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:n,style:s,...m},c)=>{let l=i("cocso-display",{size:o},[],n);return Go(e?Qo:"h1",{ref:c,className:l,style:{"--cocso-display-color":g(t),"--cocso-display-weight":u(r),...s},...m})}),ft=Object.assign(Uo,{displayName:"Display"});import*as y from"@radix-ui/react-dropdown-menu";import{forwardRef as po}from"react";import{jsx as fo}from"react/jsx-runtime";var Ko=po(({className:e,...o},t)=>{let r=i("cocso-dropdown-content",{},[],e);return fo(y.Content,{ref:t,className:r,...o})}),qo=po(({className:e,...o},t)=>{let r=i("cocso-dropdown-item",{},[],e);return fo(y.Item,{ref:t,className:r,...o})}),wt=Object.assign(y.Root,{Trigger:y.Trigger,Portal:y.Portal,Content:Ko,Item:qo});import*as Co from"react";import{useRef as go,useState as oe,useCallback as x}from"react";import*as ho from"react";import{Slot as Jo}from"@radix-ui/react-slot";import{jsx as Yo}from"react/jsx-runtime";var Xo=ho.forwardRef(({asChild:e=!1,size:o="md",color:t="text.basic",weight:r="normal",className:n,style:s,...m},c)=>{let l=i("cocso-label",{size:o},[],n);return Yo(e?Jo:"label",{ref:c,className:l,style:{"--cocso-label-color":g(t),"--cocso-label-weight":u(r),...s},...m})}),L=Object.assign(Xo,{displayName:"Label"});import{jsx as S,jsxs as B}from"react/jsx-runtime";var ee=Co.forwardRef(({maxFiles:e=2,files:o,onFilesChange:t,onRemove:r,multiple:n=!0,accept:s,...m},c)=>{let[p,l]=oe(!1),d=go(null),C=go(null),k=3*1024*1024,E=x(a=>s?s.split(",").map(P=>P.trim()).some(P=>{if(P.endsWith("/*")){let A=P.slice(0,-2);return a.type.startsWith(A)}return a.type===P||a.name.toLowerCase().endsWith(P)}):!0,[s]),h=x(a=>a.size>k?(alert(`${a.name}\uC740(\uB294) 3MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.`),!1):!0,[]),v=x(a=>{let P=Array.from(a).filter(O=>E(O)?h(O):(alert(`${O.name}\uC740(\uB294) \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD0C0\uC785\uC785\uB2C8\uB2E4.`),!1));if(P.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 Wo=P.slice(0,A).map(O=>({file:O,name:O.name,size:O.size}));t([...o,...Wo])},[o,e,t,E,h]),q=x(a=>{a.preventDefault(),a.stopPropagation(),l(!0)},[]),J=x(a=>{a.preventDefault(),a.stopPropagation(),C.current&&!C.current.contains(a.relatedTarget)&&l(!1)},[]),X=x(a=>{a.preventDefault(),a.stopPropagation()},[]),Y=x(a=>{a.preventDefault(),a.stopPropagation(),l(!1);let{files:T}=a.dataTransfer;T&&v(T)},[v]),oo=x(a=>{let{files:T}=a.target;T&&v(T)},[v]),ro=x(a=>{let T=o.filter(P=>P.name!==a);t(T),r?.(a)},[o,t,r]),b=x(()=>{d.current?.click()},[]),io=o.length>=e||!n&&o.length>=1;return B("div",{className:"cocso-file-upload-wrapper",children:[!io&&B("div",{ref:C,onDragEnter:q,onDragOver:X,onDragLeave:J,onDrop:Y,onClick:b,className:"cocso-file-upload","data-drag-active":p,children:[S("input",{ref:a=>{d.current=a,typeof c=="function"?c(a):c&&(c.current=a)},type:"file",onChange:oo,multiple:n,accept:s,style:{display:"none"},...m}),B(L,{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",S("br",{}),"(\uCD5C\uB300 3MB)"]}),B("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:[S("path",{d:"M5 12h14"}),S("path",{d:"M12 5v14"})]})]}),o.length>0&&S("div",{className:"cocso-file-upload-list",children:o.map(a=>B("div",{className:"cocso-file-upload-item",children:[S(z,{size:"xs",children:a.name}),S("button",{type:"button",onClick:()=>ro(a.name),className:"cocso-file-upload-remove",children:B("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:"M18 6 6 18"}),S("path",{d:"m6 6 12 12"})]})})]},a.name))})]})}),Et=Object.assign(ee,{displayName:"FileUpload"});import*as uo from"react";import{Slot as te}from"@radix-ui/react-slot";import{jsx as ie}from"react/jsx-runtime";var re=uo.forwardRef(({asChild:e=!1,size:o="md",color:t,weight:r="bold",className:n,style:s,...m},c)=>{let l=i("cocso-heading",{size:o},[],n);return ie(e?te:"h2",{ref:c,className:l,style:{"--cocso-heading-color":g(t),"--cocso-heading-weight":u(r),...s},...m})}),vo=Object.assign(re,{displayName:"Heading"});import*as Po from"react";import{Slot as ne}from"@radix-ui/react-slot";import{jsx as ae}from"react/jsx-runtime";var se=Po.forwardRef(({asChild:e=!1,size:o="md",weight:t="normal",indicator:r=!0,className:n,style:s,...m},c)=>{let l=i("cocso-link",{size:o,indicator:r},[],n);return ae(e?ne:"a",{ref:c,className:l,style:{"--cocso-link-weight":u(t),...s},...m})}),Xt=Object.assign(se,{displayName:"Link"});import*as f from"@radix-ui/react-dialog";import{forwardRef as V}from"react";import{jsx as N,jsxs as Ro}from"react/jsx-runtime";var ce=V(({className:e,children:o,...t},r)=>{let n=i("cocso-modal-content",{},[],e);return Ro(f.Portal,{children:[N(f.Overlay,{className:"cocso-modal-overlay"}),N(f.Content,{ref:r,className:n,...t,children:o})]})}),me=V(({className:e,children:o,...t},r)=>{let n=i("cocso-modal-close-wrapper",{},[],e);return N("div",{className:n,...t,children:N(f.Close,{className:"cocso-modal-close",children:Ro("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:[N("path",{d:"M18 6 6 18"}),N("path",{d:"m6 6 12 12"})]})})})}),le=V(({className:e,children:o,...t},r)=>{let n=i("cocso-modal-title",{},[],e);return N(f.Title,{ref:r,className:n,asChild:!0,...t,children:N(vo,{color:"text.basic",children:o})})}),pe=V(({className:e,children:o,...t},r)=>{let n=i("cocso-modal-description",{},[],e);return N(f.Description,{ref:r,className:n,asChild:!0,...t,children:N(z,{size:"sm",color:"text.subtle",children:o})})}),mr=Object.assign(f.Root,{Trigger:f.Trigger,Content:ce,Close:me,Title:le,Description:pe});import*as j from"@radix-ui/react-one-time-password-field";import{forwardRef as bo}from"react";import{jsx as wo}from"react/jsx-runtime";var de=bo(({className:e,...o},t)=>{let r=i("cocso-otp",{},[],e);return wo(j.Root,{ref:t,className:r,...o})}),fe=bo(({className:e,...o},t)=>{let r=i("cocso-otp-input",{},[],e);return wo(j.Input,{ref:t,className:r,...o})}),vr=Object.assign(de,{Input:fe});import*as xo from"react";import{Fragment as ge,jsx as W,jsxs as yo}from"react/jsx-runtime";var he=xo.forwardRef(({className:e,page:o,totalPages:t,maxVisible:r=5,onChange:n,...s},m)=>{let c=Math.ceil(r/2),p=d=>W("button",{className:"cocso-pagination-item",onClick:()=>n(d),"data-active":o===d,children:d},d),l=i("cocso-pagination",{},[],e);return yo("div",{ref:m,className:l,...s,children:[t>1&&W("button",{className:"cocso-pagination-arrow",disabled:o===1,onClick:()=>o>1&&n(o-1),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:"m15 18-6-6 6-6"})})}),t<=r+2?Array(t).fill(0).map((d,C)=>p(C+1)):yo(ge,{children:[p(1),o>1+c&&W("span",{className:"cocso-pagination-trunc",children:"..."}),Array(r).fill(0).map((d,C)=>{let k=o-c+C+1;return k>1&&k<t?p(k):""}),o<t-c&&W("span",{className:"cocso-pagination-trunc",children:"..."}),p(t)]}),t>1&&W("button",{className:"cocso-pagination-arrow",disabled:o===t,onClick:()=>o<t&&n(o+1),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:"m9 18 6-6-6-6"})})})]})}),xr=Object.assign(he,{displayName:"Pagination"});import*as D from"@radix-ui/react-popover";import{forwardRef as Ce}from"react";import{jsx as ve}from"react/jsx-runtime";var ue=Ce(({className:e,...o},t)=>{let r=i("cocso-popover-content",{},[],e);return ve(D.Content,{ref:t,className:r,...o})}),Or=Object.assign(D.Root,{Trigger:D.Trigger,Portal:D.Portal,Content:ue});import*as ko from"react";import*as Z from"@radix-ui/react-checkbox";import{jsx as F,jsxs as No}from"react/jsx-runtime";var Pe=ko.forwardRef(({id:e,size:o="md",status:t,onChange:r,label:n,disabled:s=!1,className:m,...c},p)=>{let l={size:o,disabled:s,status:t},d=[...s?[{status:t,disabled:s}]:[]],C=i("cocso-checkbox",l,d,m),k=h=>{if(!s){let v;h===!0?v="on":h==="indeterminate"?v="intermediate":v="off",r(v)}};return No("div",{className:"cocso-checkbox-wrapper",children:[No(Z.Root,{ref:p,id:e,className:C,checked:(()=>{switch(t){case"on":return!0;case"intermediate":return"indeterminate";case"off":default:return!1}})(),onCheckedChange:k,disabled:s,...c,children:[F(Z.Indicator,{className:"cocso-checkbox-indicator",style:{opacity:t==="on"?1:0},children:F("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:F("path",{d:"M20 6 9 17l-5-5"})})}),F("div",{className:"cocso-checkbox-indicator",style:{opacity:t==="intermediate"?1:0},children:F("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:F("path",{d:"M5 12h14"})})})]}),n&&F(L,{className:i("cocso-checkbox-label",{disabled:s}),size:o,htmlFor:e,children:n})]})}),zr=Object.assign(Pe,{displayName:"Checkbox"});import*as To from"react";import{jsx as R,jsxs as $}from"react/jsx-runtime";var Re=To.forwardRef(({quantity:e,className:o,onChange:t,...r},n)=>{let s=i("cocso-stock-quantity-status",{},[],o);return $("div",{ref:n,className:s,"data-status":e,...r,children:[R("span",{className:"cocso-stock-quantity-status-indicator",children:e==="\uC5EC\uC720"?$("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[R("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48047 6.10059H7.06543C5.98955 6.10059 5.11719 6.968 5.11719 8.03809C5.11741 9.10782 5.98893 9.97532 7.06445 9.97559H9.48047V13.0752H7.06445C4.35911 13.0749 2.14983 10.9652 2.00781 8.30957V7.76465C2.15041 5.10939 4.36025 3 7.06543 3H9.48047V6.10059ZM12.0518 6.10059C13.1276 6.10059 14 6.968 14 8.03809C13.9999 9.10806 13.1276 9.97559 12.0518 9.97559H9.48047V6.10059H12.0518Z",fill:"currentColor"})]}):e==="\uBCF4\uD1B5"?$("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[R("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48145 6.0752V6.10059H7.06641C5.99053 6.10059 5.11817 6.968 5.11816 8.03809C5.11839 9.10782 5.98991 9.97532 7.06543 9.97559H9.48145V13.0752H7.06543C4.35577 13.0749 2.14345 10.9585 2.00781 8.29688V7.77832C2.03849 7.17662 2.17568 6.60303 2.40039 6.0752H9.48145ZM12.0527 6.10059C13.1286 6.10059 14.001 6.968 14.001 8.03809C14.0008 9.10806 13.1285 9.97559 12.0527 9.97559H9.48145V6.10059H12.0527Z",fill:"currentColor"})]}):$("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[R("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",fill:"#D9D9D9",fillOpacity:"0.85098"}),R("path",{d:"M7.04688 9.97461C7.05273 9.97466 7.05859 9.97558 7.06445 9.97559H9.48047V13.0752H7.06445C4.95754 13.075 3.15182 11.7952 2.38867 9.97461H7.04688ZM12.0713 9.97461C12.0648 9.97467 12.0582 9.97559 12.0518 9.97559H9.48047V9.97461H12.0713Z",fill:"currentColor"})]})}),R(L,{size:"sm",color:"currentColor",children:e})]})}),Ur=Object.assign(Re,{displayName:"StockQuantityStatus"});import*as Lo from"react";import*as Q from"@radix-ui/react-switch";import{jsx as _,jsxs as we}from"react/jsx-runtime";var be=Lo.forwardRef(({id:e,size:o="md",disabled:t=!1,label:r,position:n="right",className:s,children:m,...c},p)=>{let l=i("cocso-switch",{size:o,disabled:t},[],s),d=i("cocso-switch-thumb",{size:o});return we("div",{className:"cocso-switch-wrapper",children:[n==="left"&&_(L,{size:o,htmlFor:e,children:r}),_(Q.Root,{ref:p,className:l,...c,children:_(Q.Thumb,{className:d})}),n==="right"&&_(L,{size:o,htmlFor:e,children:r})]})}),oi=Object.assign(be,{displayName:"Switch"});import*as M from"@radix-ui/react-tabs";import{forwardRef as U}from"react";import{jsx as G}from"react/jsx-runtime";var ye=U(({className:e,...o},t)=>{let r=i("cocso-tab",{},[],e);return G(M.Root,{ref:t,className:r,...o})}),xe=U(({className:e,...o},t)=>{let r=i("cocso-tab-list",{},[],e);return G(M.List,{ref:t,className:r,...o})}),Ne=U(({className:e,...o},t)=>{let r=i("cocso-tab-trigger",{},[],e);return G(M.Trigger,{ref:t,className:r,...o})}),ke=U(({className:e,...o},t)=>{let r=i("cocso-tab-content",{},[],e);return G(M.Content,{ref:t,className:r,...o})}),mi=Object.assign(ye,{List:xe,Trigger:Ne,Content:ke});import{Toaster as Te,toast as gi}from"sonner";var Ci=Object.assign(Te,{displayName:"Toast"});import*as So from"react";import{jsx as K,jsxs as Se}from"react/jsx-runtime";var Le=So.forwardRef(({size:e="md",disabled:o=!1,className:t,style:r,children:n,...s},m)=>{let c=i("cocso-select",{size:e,disabled:o},[],t);return Se("div",{className:"cocso-select-wrapper",children:[K("select",{ref:m,className:c,disabled:o,...s,children:n}),K("i",{className:"cocso-select-icon",children:K("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:K("path",{d:"m6 9 6 6 6-6"})})})]})}),bi=Object.assign(Le,{displayName:"Select"});export{Be as Accordion,z as Body,nt as Button,zr as Checkbox,ft as Display,wt as Dropdown,Et as FileUpload,vo as Heading,L as Label,Xt as Link,mr as Modal,vr as OneTimePasswordField,xr as Pagination,Or as Popover,bi as Select,co as Spinner,Ur as StockQuantityStatus,oi as Switch,mi as Tab,Ci as Toaster,gi as toast};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocso-ui/react",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cocso/cocso-ui.git",
@@ -30,6 +30,7 @@
30
30
  "@radix-ui/react-dialog": "^1.1.14",
31
31
  "@radix-ui/react-dropdown-menu": "^2.1.15",
32
32
  "@radix-ui/react-one-time-password-field": "^0.1.7",
33
+ "@radix-ui/react-popover": "^1.1.14",
33
34
  "@radix-ui/react-slot": "^1.2.3",
34
35
  "@radix-ui/react-switch": "^1.2.5",
35
36
  "@radix-ui/react-tabs": "^1.1.12",