@machinerd/js-module 0.9.0 → 0.11.0

package/dist/subset-image-AaZA0RuB.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./image-kIL2PjTS.cjs`),n=require(`./editor-DvLUotoh.cjs`),r=require(`./node-view-context-YTl_1gGD.cjs`),i=require(`./node-resize-dantnBzP.cjs`),a=require(`./node-size-BQQGo7t7.cjs`);let o=require(`@tiptap/react`),s=require(`class-variance-authority`),c=require(`react`),l=require(`react/jsx-runtime`);const u={name:`imageNode`,tag:`image-node`},d=e=>[a.r(e),i.n],f=d(),p=(0,s.cva)(``,{variants:{imagePosition:{center:`komc:justify-center`,right:`komc:justify-end`,left:`komc:justify-start`}},defaultVariants:{imagePosition:`left`}}),m=({node:e})=>{let{src:n,alt:i=``,width:a=0,height:o=0,imagePosition:s=`left`,imageRadius:u=0,originalWidth:d=1280}=e.attrs,f=(0,c.useMemo)(()=>Number(a),[a]),m=(0,c.useMemo)(()=>Number(o),[o]),h=(0,c.useMemo)(()=>Number(d),[d]),g=(0,c.useMemo)(()=>Number(u),[u]);return(0,l.jsx)(r.n,{className:p({imagePosition:s}),style:{width:`min(${f}px, 100%)`},children:(0,l.jsx)(`div`,{className:`komc:h-full komc:w-full komc:overflow-hidden`,style:{borderRadius:`${g}%`},"data-drag-handle":`true`,children:(0,l.jsx)(t.r,{src:n,alt:i,width:f,height:m,fallbackSrc:n,originalWidth:h,className:`komc:m-0! komc:h-auto komc:w-full komc:object-contain komc:object-center komc:p-0!`})})})},h=(e=[],t)=>n.r(r.a(m,[...d(t),...e])),g=o.Node.create({name:u.name,group:`block`,atom:!0,draggable:!0,addOptions(){return{plugins:[],size:{}}},parseHTML(){return[{tag:u.tag}]},renderHTML({HTMLAttributes:e}){return[u.tag,(0,o.mergeAttributes)(e)]},addAttributes(){return{src:{default:``},alt:{default:``},width:{default:400},height:{default:400},imagePosition:{default:`left`},imageRadius:{default:0},originalWidth:{default:1280}}},addNodeView(){return h(this.options.plugins,this.options.size)}});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/subset-image-Co0fWefj.mjs

@@ -0,0 +1 @@
+export{};

package/dist/subset-image-DnZ2TqZY.mjs

@@ -0,0 +1 @@
+import{r as e}from"./image-CAEWHuaM.mjs";import{r as t}from"./editor-CHuJTM4H.mjs";import{a as n,n as r}from"./node-view-context-D-1j5isf.mjs";import{n as i}from"./node-resize-Cs4wR_HY.mjs";import{r as a}from"./node-size-Bg-g2Png.mjs";import{Node as o,mergeAttributes as s}from"@tiptap/react";import{cva as c}from"class-variance-authority";import{useMemo as l}from"react";import{jsx as u}from"react/jsx-runtime";const d={name:`imageNode`,tag:`image-node`},f=e=>[a(e),i],p=f(),m=c(``,{variants:{imagePosition:{center:`komc:justify-center`,right:`komc:justify-end`,left:`komc:justify-start`}},defaultVariants:{imagePosition:`left`}}),h=({node:t})=>{let{src:n,alt:i=``,width:a=0,height:o=0,imagePosition:s=`left`,imageRadius:c=0,originalWidth:d=1280}=t.attrs,f=l(()=>Number(a),[a]),p=l(()=>Number(o),[o]),h=l(()=>Number(d),[d]),g=l(()=>Number(c),[c]);return u(r,{className:m({imagePosition:s}),style:{width:`min(${f}px, 100%)`},children:u(`div`,{className:`komc:h-full komc:w-full komc:overflow-hidden`,style:{borderRadius:`${g}%`},"data-drag-handle":`true`,children:u(e,{src:n,alt:i,width:f,height:p,fallbackSrc:n,originalWidth:h,className:`komc:m-0! komc:h-auto komc:w-full komc:object-contain komc:object-center komc:p-0!`})})})},g=(e=[],r)=>t(n(h,[...f(r),...e])),_=o.create({name:d.name,group:`block`,atom:!0,draggable:!0,addOptions(){return{plugins:[],size:{}}},parseHTML(){return[{tag:d.tag}]},renderHTML({HTMLAttributes:e}){return[d.tag,s(e)]},addAttributes(){return{src:{default:``},alt:{default:``},width:{default:400},height:{default:400},imagePosition:{default:`left`},imageRadius:{default:0},originalWidth:{default:1280}}},addNodeView(){return g(this.options.plugins,this.options.size)}});export{f as a,h as i,d as n,g as o,_ as r,p as t};

package/dist/switch-BDdSF3lu.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`class-variance-authority`),n=require(`react`);n=e.t(n);let r=require(`clsx`);r=e.t(r);let i=require(`react/jsx-runtime`);const a=(0,t.cva)((0,r.default)(`komc:inline-flex komc:items-center`),{variants:{placement:{top:`komc:flex-col-reverse komc:gap-y-2.5`,bottom:`komc:flex-col komc:gap-y-2.5`,start:`komc:flex-row-reverse komc:gap-x-2`,end:`komc:flex-row komc:gap-x-2`},disabled:{false:`komc:cursor-pointer`,true:`komc:cursor-default komc:opacity-50`},checked:{false:`komc:[&>button]:bg-gray-300 komc:[&_span]:translate-x-0.5`,true:`komc:[&>button]:bg-blue-500 komc:[&_span]:translate-x-4.5`}},defaultVariants:{placement:`end`,disabled:!1,checked:!1}}),o=n.default.forwardRef(({label:e,placement:t=`end`,checked:o=!1,disabled:s=!1,onChange:c,"aria-label":l},u)=>{let d=(0,n.useId)(),f=()=>{s||c?.(!o)};return(0,i.jsxs)(`div`,{"data-komc":!0,className:(0,r.default)(a({placement:t,disabled:s,checked:o})),children:[(0,i.jsx)(`button`,{ref:u,id:d,type:`button`,role:`switch`,disabled:s,className:`komc:flex komc:items-center komc:rounded-full komc:transition komc:w-10 komc:h-6 komc:cursor-pointer komc:disabled:cursor-default`,"aria-checked":o,"aria-label":l??e,onClick:f,children:(0,i.jsx)(`span`,{className:`komc:size-5 komc:rounded-full komc:bg-white komc:transition komc:shadow-xs`})}),e?(0,i.jsx)(`label`,{htmlFor:d,className:`komc:text-xs komc:font-medium komc:text-neutral-500`,children:e}):null]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/switch-DTQt7BzY.mjs

@@ -0,0 +1 @@
+import{cva as e}from"class-variance-authority";import t,{useId as n}from"react";import r from"clsx";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=e(r(`komc:inline-flex komc:items-center`),{variants:{placement:{top:`komc:flex-col-reverse komc:gap-y-2.5`,bottom:`komc:flex-col komc:gap-y-2.5`,start:`komc:flex-row-reverse komc:gap-x-2`,end:`komc:flex-row komc:gap-x-2`},disabled:{false:`komc:cursor-pointer`,true:`komc:cursor-default komc:opacity-50`},checked:{false:`komc:[&>button]:bg-gray-300 komc:[&_span]:translate-x-0.5`,true:`komc:[&>button]:bg-blue-500 komc:[&_span]:translate-x-4.5`}},defaultVariants:{placement:`end`,disabled:!1,checked:!1}}),s=t.forwardRef(({label:e,placement:t=`end`,checked:s=!1,disabled:c=!1,onChange:l,"aria-label":u},d)=>{let f=n(),p=()=>{c||l?.(!s)};return a(`div`,{"data-komc":!0,className:r(o({placement:t,disabled:c,checked:s})),children:[i(`button`,{ref:d,id:f,type:`button`,role:`switch`,disabled:c,className:`komc:flex komc:items-center komc:rounded-full komc:transition komc:w-10 komc:h-6 komc:cursor-pointer komc:disabled:cursor-default`,"aria-checked":s,"aria-label":u??e,onClick:p,children:i(`span`,{className:`komc:size-5 komc:rounded-full komc:bg-white komc:transition komc:shadow-xs`})}),e?i(`label`,{htmlFor:f,className:`komc:text-xs komc:font-medium komc:text-neutral-500`,children:e}):null]})});export{s as t};

package/dist/table-CKVL_ezW.mjs

@@ -0,0 +1 @@
+import{Table as e,TableCell as t,TableHeader as n,TableRow as r}from"@tiptap/extension-table";const i=e=>{if(e===null)return 1;let t=parseInt(e,10);return Number.isInteger(t)&&t>=1&&t<=1e3?t:1},a=e=>({default:1,parseHTML:t=>i(t.getAttribute(e))}),o=e.configure({resizable:!0}),s=r,c=t.extend({addAttributes(){return{...this.parent?.(),colspan:a(`colspan`),rowspan:a(`rowspan`)}}}),l=n.extend({addAttributes(){return{...this.parent?.(),colspan:a(`colspan`),rowspan:a(`rowspan`)}}});export{s as i,c as n,l as r,o as t};

package/dist/table-DmwOZtdl.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@tiptap/extension-table`);const n=e=>{if(e===null)return 1;let t=parseInt(e,10);return Number.isInteger(t)&&t>=1&&t<=1e3?t:1},r=e=>({default:1,parseHTML:t=>n(t.getAttribute(e))}),i=t.Table.configure({resizable:!0}),a=t.TableRow,o=t.TableCell.extend({addAttributes(){return{...this.parent?.(),colspan:r(`colspan`),rowspan:r(`rowspan`)}}}),s=t.TableHeader.extend({addAttributes(){return{...this.parent?.(),colspan:r(`colspan`),rowspan:r(`rowspan`)}}});Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/table-controls-CQmqnc4R.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@tiptap/core`),n=require(`@tiptap/pm/state`),r=require(`@tiptap/pm/view`),i=require(`@tiptap/pm/tables`);const a=new n.PluginKey(`tableControls`),o={activeCell:`komc-active-cell`,colControl:`komc-table-col-control`,rowControl:`komc-table-row-control`},s=e=>{try{let{selection:t}=e,{$from:n}=t,r=null,a=-1;for(let e=n.depth;e>=0;e--){let t=n.node(e);if(t.type.name===`tableCell`||t.type.name===`tableHeader`){r=t,a=n.before(e);break}}if(!r||a===-1)return null;let o=null,s=-1;for(let e=n.depth-1;e>=0;e--){let t=n.node(e);if(t.type.name===`table`){o=t,s=e===0?0:n.before(e);break}}if(!o||s===-1)return null;let c=i.TableMap.get(o),l=a-s-1,u=c.map.indexOf(l);if(u===-1)return null;let d=Math.floor(u/c.width),f=u%c.width;return{tablePos:s,tableNode:o,map:c,activeRow:d,activeCol:f,activeCellAbsPos:a,activeCellNodeSize:r.nodeSize}}catch{return null}},c=(e,t)=>{let n=document.createElement(`button`);return n.type=`button`,n.className=t===`col`?o.colControl:o.rowControl,n.dataset[t]=String(e),n.setAttribute(`contenteditable`,`false`),n.textContent=`⋯`,n.addEventListener(`mousedown`,e=>e.preventDefault()),n},l=(e,t)=>{try{if(!t.isFocused||!t.isActive(`table`))return r.DecorationSet.empty;let n=s(e);if(!n)return r.DecorationSet.empty;let{tablePos:i,map:a,activeRow:l,activeCol:u,activeCellAbsPos:d,activeCellNodeSize:f}=n,p=[r.Decoration.node(d,d+f,{class:o.activeCell})],m=a.map[u],h=i+1+m;p.push(r.Decoration.widget(h+1,()=>c(u,`col`),{side:-1}));let g=a.map[l*a.width],_=i+1+g;return p.push(r.Decoration.widget(_+1,()=>c(l,`row`),{side:-1})),r.DecorationSet.create(e.doc,p)}catch{return r.DecorationSet.empty}},u=t.Extension.create({name:`tableControls`,addStorage(){return{onControlClick:null}},addProseMirrorPlugins(){let{editor:e,storage:t}=this,s=e=>{e.dispatch(e.state.tr.setMeta(a,{refresh:!0}))},c=e=>{let{state:t}=e;if(!(t.selection instanceof i.CellSelection))return;let r=t.selection.$headCell,a=Math.min(r.pos+1,t.doc.content.size);e.dispatch(t.tr.setSelection(n.TextSelection.create(t.doc,a)))};return[new n.Plugin({key:a,state:{init(t,n){return l(n,e)},apply(t,n,i,o){return t.getMeta(a)?.refresh?l(o,e):!t.selectionSet&&!t.docChanged?n:t.docChanged&&!t.selectionSet&&n===r.DecorationSet.empty?r.DecorationSet.empty:l(o,e)}},view(){let t=e.isFocused,n=e.isActive(`table`);return{update(r){let i=e.isFocused,a=e.isActive(`table`);i===t&&a===n||(t=i,n=a,s(r))}}},props:{decorations(e){return a.getState(e)},handleDOMEvents:{focus(e){return s(e),!1},blur(e){return c(e),s(e),!1},click(e,n){let r=n.target,i=r.closest(`.${o.colControl}`),a=r.closest(`.${o.rowControl}`);if(i){let e=Number(i.getAttribute(`data-col`)),r=i.getBoundingClientRect();return t.onControlClick?.({type:`col`,index:e,rect:r}),n.preventDefault(),!0}if(a){let e=Number(a.getAttribute(`data-row`)),r=a.getBoundingClientRect();return t.onControlClick?.({type:`row`,index:e,rect:r}),n.preventDefault(),!0}return!1}}}})]}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/table-controls-CpCGiLvR.mjs

@@ -0,0 +1 @@
+import{Extension as e}from"@tiptap/core";import{Plugin as t,PluginKey as n,TextSelection as r}from"@tiptap/pm/state";import{Decoration as i,DecorationSet as a}from"@tiptap/pm/view";import{CellSelection as o,TableMap as s}from"@tiptap/pm/tables";const c=new n(`tableControls`),l={activeCell:`komc-active-cell`,colControl:`komc-table-col-control`,rowControl:`komc-table-row-control`},u=e=>{try{let{selection:t}=e,{$from:n}=t,r=null,i=-1;for(let e=n.depth;e>=0;e--){let t=n.node(e);if(t.type.name===`tableCell`||t.type.name===`tableHeader`){r=t,i=n.before(e);break}}if(!r||i===-1)return null;let a=null,o=-1;for(let e=n.depth-1;e>=0;e--){let t=n.node(e);if(t.type.name===`table`){a=t,o=e===0?0:n.before(e);break}}if(!a||o===-1)return null;let c=s.get(a),l=i-o-1,u=c.map.indexOf(l);if(u===-1)return null;let d=Math.floor(u/c.width),f=u%c.width;return{tablePos:o,tableNode:a,map:c,activeRow:d,activeCol:f,activeCellAbsPos:i,activeCellNodeSize:r.nodeSize}}catch{return null}},d=(e,t)=>{let n=document.createElement(`button`);return n.type=`button`,n.className=t===`col`?l.colControl:l.rowControl,n.dataset[t]=String(e),n.setAttribute(`contenteditable`,`false`),n.textContent=`⋯`,n.addEventListener(`mousedown`,e=>e.preventDefault()),n},f=(e,t)=>{try{if(!t.isFocused||!t.isActive(`table`))return a.empty;let n=u(e);if(!n)return a.empty;let{tablePos:r,map:o,activeRow:s,activeCol:c,activeCellAbsPos:f,activeCellNodeSize:p}=n,m=[i.node(f,f+p,{class:l.activeCell})],h=o.map[c],g=r+1+h;m.push(i.widget(g+1,()=>d(c,`col`),{side:-1}));let _=o.map[s*o.width],v=r+1+_;return m.push(i.widget(v+1,()=>d(s,`row`),{side:-1})),a.create(e.doc,m)}catch{return a.empty}},p=e.create({name:`tableControls`,addStorage(){return{onControlClick:null}},addProseMirrorPlugins(){let{editor:e,storage:n}=this,i=e=>{e.dispatch(e.state.tr.setMeta(c,{refresh:!0}))},s=e=>{let{state:t}=e;if(!(t.selection instanceof o))return;let n=t.selection.$headCell,i=Math.min(n.pos+1,t.doc.content.size);e.dispatch(t.tr.setSelection(r.create(t.doc,i)))};return[new t({key:c,state:{init(t,n){return f(n,e)},apply(t,n,r,i){return t.getMeta(c)?.refresh?f(i,e):!t.selectionSet&&!t.docChanged?n:t.docChanged&&!t.selectionSet&&n===a.empty?a.empty:f(i,e)}},view(){let t=e.isFocused,n=e.isActive(`table`);return{update(r){let a=e.isFocused,o=e.isActive(`table`);a===t&&o===n||(t=a,n=o,i(r))}}},props:{decorations(e){return c.getState(e)},handleDOMEvents:{focus(e){return i(e),!1},blur(e){return s(e),i(e),!1},click(e,t){let r=t.target,i=r.closest(`.${l.colControl}`),a=r.closest(`.${l.rowControl}`);if(i){let e=Number(i.getAttribute(`data-col`)),r=i.getBoundingClientRect();return n.onControlClick?.({type:`col`,index:e,rect:r}),t.preventDefault(),!0}if(a){let e=Number(a.getAttribute(`data-row`)),r=a.getBoundingClientRect();return n.onControlClick?.({type:`row`,index:e,rect:r}),t.preventDefault(),!0}return!1}}}})]}});export{p as t};

package/dist/table-resize-DI2Pf2Mi.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@tiptap/core`),n=require(`@tiptap/pm/state`),r=require(`@tiptap/pm/tables`);const i=200,a=`columnResizeHandleFade`,o={handle:`column-resize-handle`,stable:`resize-handle-stable`,ghost:`column-resize-handle-ghost`,ghostLayer:`column-resize-handle-ghost-layer`},s=new n.PluginKey(a),c=e=>[...e.querySelectorAll(`.${o.handle}`)],l=e=>{e.dataset.resizeFadeBound!==`true`&&(e.dataset.resizeFadeBound=`true`,e.classList.remove(o.stable))},u=e=>{c(e).forEach(l)},d=e=>{c(e).forEach(e=>{e.dataset.resizeFadeBound=`true`,e.classList.add(o.stable)})},f=e=>{let t=e.dom;for(;t&&t!==document.body;){let{overflow:e,overflowY:n}=getComputedStyle(t);if(n===`auto`||n===`scroll`||e===`auto`||e===`scroll`)return t;t=t.parentElement}return e.dom.closest(`.editor-wrapper`)??e.dom.parentElement??e.dom},p=(e,t)=>{let n=t.getBoundingClientRect();e.style.position=`fixed`,e.style.top=`${n.top}px`,e.style.left=`${n.left}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`,e.style.overflow=`hidden`,e.style.pointerEvents=`none`,e.style.zIndex=`20`},m=e=>{let t=f(e),n=t.querySelector(`:scope > .${o.ghostLayer}`),r;return n instanceof HTMLElement?r=n:(r=document.createElement(`div`),r.className=o.ghostLayer,r.setAttribute(`data-komc`,``),t.appendChild(r)),p(r,t),{layer:r,mount:t}},h=e=>{let{layer:t}=m(e);t.querySelectorAll(`.${o.ghost}`).forEach(e=>e.remove())},g=(e,t,n)=>{if(e.width===0&&e.height===0)return;let r=document.createElement(`div`);r.className=o.ghost,r.style.top=`${e.top-n.top}px`,r.style.left=`${e.left-n.left}px`,r.style.width=`${e.width}px`,r.style.height=`${e.height}px`,t.appendChild(r);let i=()=>r.remove();r.addEventListener(`animationend`,i,{once:!0}),window.setTimeout(i,250)},_=(e,t)=>{let{layer:n,mount:r}=m(t),i=r.getBoundingClientRect();e.forEach(e=>g(e,n,i))},v=e=>c(e.dom).map(e=>e.getBoundingClientRect()),y=e=>!!r.columnResizingPluginKey.getState(e)?.dragging,b=e=>e.hasFocus()&&e.state.selection instanceof r.CellSelection,x=e=>{let t=r.columnResizingPluginKey.getState(e.state);t&&t.activeHandle>-1&&e.dispatch(e.state.tr.setMeta(r.columnResizingPluginKey,{setHandle:-1}))},S=e=>e instanceof HTMLElement?e.classList.contains(o.handle)?!0:e.querySelector(`.${o.handle}`)!==null:!1,C=e=>{let t=[],n=null,r=!1,i=!1,a=!1,o=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},s=()=>{let r=v(e);if(r.length===0){n=null;return}t=r,n=requestAnimationFrame(s)},l=()=>{n===null&&s()},f=n=>{i||n.length===0||y(e.state)||(i=!0,r=!1,t=[],o(),h(e),_(n,e),window.setTimeout(()=>{i=!1},300))},p=()=>{if(a||i||!r)return;let n=[...t];n.length!==0&&(a=!0,r=!1,queueMicrotask(()=>{if(a=!1,c(e.dom).length>0||y(e.state)){r=!0,i=!1,l();return}f(n)}))},m=()=>{c(e.dom).length!==0&&(a=!1,i=!1,r=!0,c(e.dom).some(e=>e.dataset.resizeFadeBound!==`true`)?u(e.dom):d(e.dom),l())},g=()=>{if(y(e.state)){c(e.dom).length>0&&(a=!1,i=!1,r=!0,d(e.dom),l());return}if(c(e.dom).length>0){m();return}!r||i||a||p()},b=new MutationObserver(e=>{let t=!1;for(let n of e){for(let e of n.addedNodes)if(S(e)){t=!0;break}if(t)break;for(let e of n.removedNodes)if(S(e)){t=!0;break}if(t)break}t&&g()});return b.observe(e.dom,{childList:!0,subtree:!0}),c(e.dom).length>0&&(u(e.dom),r=!0,l()),{update(t,n){y(n)!==y(e.state)&&requestAnimationFrame(()=>{g()})},destroy(){b.disconnect(),o(),h(e)}}},w=t.Extension.create({name:a,addProseMirrorPlugins(){return[new n.Plugin({key:s,props:{handleDOMEvents:{mousemove(e){return b(e)?(x(e),!0):!1},mousedown(e){if(!b(e))return!1;let t=r.columnResizingPluginKey.getState(e.state);return t&&t.activeHandle>-1?(x(e),!0):!1}}},view(e){return C(e)}})]}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});

package/dist/table-resize-w9EsReKV.mjs

@@ -0,0 +1 @@
+import{Extension as e}from"@tiptap/core";import{Plugin as t,PluginKey as n}from"@tiptap/pm/state";import{CellSelection as r,columnResizingPluginKey as i}from"@tiptap/pm/tables";const a=`columnResizeHandleFade`,o={handle:`column-resize-handle`,stable:`resize-handle-stable`,ghost:`column-resize-handle-ghost`,ghostLayer:`column-resize-handle-ghost-layer`},s=new n(a),c=e=>[...e.querySelectorAll(`.${o.handle}`)],l=e=>{e.dataset.resizeFadeBound!==`true`&&(e.dataset.resizeFadeBound=`true`,e.classList.remove(o.stable))},u=e=>{c(e).forEach(l)},d=e=>{c(e).forEach(e=>{e.dataset.resizeFadeBound=`true`,e.classList.add(o.stable)})},f=e=>{let t=e.dom;for(;t&&t!==document.body;){let{overflow:e,overflowY:n}=getComputedStyle(t);if(n===`auto`||n===`scroll`||e===`auto`||e===`scroll`)return t;t=t.parentElement}return e.dom.closest(`.editor-wrapper`)??e.dom.parentElement??e.dom},p=(e,t)=>{let n=t.getBoundingClientRect();e.style.position=`fixed`,e.style.top=`${n.top}px`,e.style.left=`${n.left}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`,e.style.overflow=`hidden`,e.style.pointerEvents=`none`,e.style.zIndex=`20`},m=e=>{let t=f(e),n=t.querySelector(`:scope > .${o.ghostLayer}`),r;return n instanceof HTMLElement?r=n:(r=document.createElement(`div`),r.className=o.ghostLayer,r.setAttribute(`data-komc`,``),t.appendChild(r)),p(r,t),{layer:r,mount:t}},h=e=>{let{layer:t}=m(e);t.querySelectorAll(`.${o.ghost}`).forEach(e=>e.remove())},g=(e,t,n)=>{if(e.width===0&&e.height===0)return;let r=document.createElement(`div`);r.className=o.ghost,r.style.top=`${e.top-n.top}px`,r.style.left=`${e.left-n.left}px`,r.style.width=`${e.width}px`,r.style.height=`${e.height}px`,t.appendChild(r);let i=()=>r.remove();r.addEventListener(`animationend`,i,{once:!0}),window.setTimeout(i,250)},_=(e,t)=>{let{layer:n,mount:r}=m(t),i=r.getBoundingClientRect();e.forEach(e=>g(e,n,i))},v=e=>c(e.dom).map(e=>e.getBoundingClientRect()),y=e=>!!i.getState(e)?.dragging,b=e=>e.hasFocus()&&e.state.selection instanceof r,x=e=>{let t=i.getState(e.state);t&&t.activeHandle>-1&&e.dispatch(e.state.tr.setMeta(i,{setHandle:-1}))},S=e=>e instanceof HTMLElement?e.classList.contains(o.handle)?!0:e.querySelector(`.${o.handle}`)!==null:!1,C=e=>{let t=[],n=null,r=!1,i=!1,a=!1,o=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},s=()=>{let r=v(e);if(r.length===0){n=null;return}t=r,n=requestAnimationFrame(s)},l=()=>{n===null&&s()},f=n=>{i||n.length===0||y(e.state)||(i=!0,r=!1,t=[],o(),h(e),_(n,e),window.setTimeout(()=>{i=!1},300))},p=()=>{if(a||i||!r)return;let n=[...t];n.length!==0&&(a=!0,r=!1,queueMicrotask(()=>{if(a=!1,c(e.dom).length>0||y(e.state)){r=!0,i=!1,l();return}f(n)}))},m=()=>{c(e.dom).length!==0&&(a=!1,i=!1,r=!0,c(e.dom).some(e=>e.dataset.resizeFadeBound!==`true`)?u(e.dom):d(e.dom),l())},g=()=>{if(y(e.state)){c(e.dom).length>0&&(a=!1,i=!1,r=!0,d(e.dom),l());return}if(c(e.dom).length>0){m();return}!r||i||a||p()},b=new MutationObserver(e=>{let t=!1;for(let n of e){for(let e of n.addedNodes)if(S(e)){t=!0;break}if(t)break;for(let e of n.removedNodes)if(S(e)){t=!0;break}if(t)break}t&&g()});return b.observe(e.dom,{childList:!0,subtree:!0}),c(e.dom).length>0&&(u(e.dom),r=!0,l()),{update(t,n){y(n)!==y(e.state)&&requestAnimationFrame(()=>{g()})},destroy(){b.disconnect(),o(),h(e)}}},w=e.create({name:a,addProseMirrorPlugins(){return[new t({key:s,props:{handleDOMEvents:{mousemove(e){return b(e)?(x(e),!0):!1},mousedown(e){if(!b(e))return!1;let t=i.getState(e.state);return t&&t.activeHandle>-1?(x(e),!0):!1}}},view(e){return C(e)}})]}});export{w as t};

package/dist/tabs-DQ1db_eg.mjs

@@ -0,0 +1 @@
+import{Node as e,mergeAttributes as t}from"@tiptap/core";import{NodeViewContent as n,NodeViewWrapper as r,ReactNodeViewRenderer as i}from"@tiptap/react";import{useEffect as a,useMemo as o,useState as s}from"react";import c from"clsx";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d(e){let[,t]=s({}),i=[];e.node.forEach(e=>{e.type.name===`tabTitle`&&i.push(e.textContent)});let d=o(()=>e.node.attrs.id||crypto.randomUUID(),[e.node.attrs.id]),f=e.getPos(),p=(()=>{if(typeof f!=`number`)return!1;let{from:t,to:n}=e.editor.state.selection,r=f,i=f+e.node.nodeSize;return t>=r&&n<=i})();a(()=>{e.node.attrs.id||e.updateAttributes({id:d})},[e.node.attrs.id,e.updateAttributes,d,e]);let m=e.editor.extensionManager.extensions.find(e=>e.name===`tabs`)?.storage,h=m?.activeTabIndices?.[d]??0,g=t=>{m&&(m.activeTabIndices||={},m.activeTabIndices[d]=t,e.editor.view.dispatch(e.editor.state.tr))};return a(()=>{let n=()=>t({});return e.editor.on(`transaction`,n),()=>{e.editor.off(`transaction`,n)}},[e.editor]),l(r,{children:u(`div`,{"data-komc":!0,className:c(`komc:p-1 komc:rounded komc:w-full komc:@container`,e.editor.isEditable&&`komc:border`,e.editor.isEditable&&(p?`komc:border-gray-700 komc:shadow`:`komc:border-gray-500`)),children:[l(`div`,{className:`komc:grid komc:grid-cols-2 komc:gap-2 komc:@3xl:grid-cols-4`,children:i.map((e,t)=>l(`button`,{type:`button`,onClick:()=>g(t),className:c(t===h&&`komc-active`,`komc:cursor-pointer komc:px-2 komc:py-1 komc:border komc:outline-0`,`komc:rounded-sm komc:transition-colors komc:duration-300`,t===h?`komc:border-brand-blue-01 komc:bg-brand-blue-01 komc:text-white`:`komc:border-blue-500 komc:text-black komc:bg-gray-100 komc:hover:bg-gray-500`),children:e},`tab-button-${t}`))}),l(n,{})]})})}function f(){return l(r,{className:`komc:hidden`,children:l(n,{})})}function p(e){let[,t]=s({});a(()=>{let n=()=>t({});return e.editor.on(`transaction`,n),()=>{e.editor.off(`transaction`,n)}},[e.editor]);let i=e.getPos();if(typeof i!=`number`)return l(r,{children:l(n,{})});let o=e.editor.state.doc.resolve(i),u=o.parent,d=u.attrs.id,f=(e.editor.extensionManager.extensions.find(e=>e.name===`tabs`)?.storage)?.activeTabIndices?.[d]??0,p=0;for(let e=0;e<o.index();e++)u.child(e).type.name===`tabContent`&&p++;return l(r,{className:c(p!==f&&`komc:hidden`),children:l(n,{})})}const m={name:`tabs`,tag:`tabs`},h={name:`tabTitle`,tag:`tab-title`},g={name:`tabContent`,tag:`tab-content`},_=e.create({name:m.name,group:`block`,content:`tabTitle+ tabContent+`,isolating:!0,parseHTML(){return[{tag:m.tag}]},renderHTML({HTMLAttributes:e}){return[m.tag,t(e),0]},addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute(`data-id`),renderHTML:e=>({"data-id":e.id})}}},addStorage(){return{activeTabIndices:{}}},addNodeView(){return i(d)}}),v=e.create({name:h.name,isolating:!0,defining:!0,content:`inline*`,parseHTML(){return[{tag:h.tag}]},renderHTML({HTMLAttributes:e}){return[h.tag,t(e),0]},addNodeView(){return i(f)}}),y=e.create({name:g.name,isolating:!0,defining:!0,content:`block+`,parseHTML(){return[{tag:g.tag}]},renderHTML({HTMLAttributes:e}){return[g.tag,t(e),0]},addKeyboardShortcuts(){return{Enter:({editor:e})=>{let{$from:t,empty:n}=e.state.selection;if(!n||t.parent.content.size>0||t.node(-1)?.type.name!==g.name)return!1;let r=t.depth-2,i=t.node(r);if(i.type.name!==m.name)return!1;let a=t.before(r)+i.nodeSize;return e.commands.insertContentAt(a,{type:`paragraph`}),e.commands.setTextSelection(a+1),!0}}},addNodeView(){return i(p)}});export{v as a,f as c,y as i,d as l,g as n,_ as o,h as r,p as s,m as t};

package/dist/tabs-DiryrHZ7.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@tiptap/core`),n=require(`@tiptap/react`),r=require(`react`),i=require(`clsx`);i=e.t(i);let a=require(`react/jsx-runtime`);function o(e){let[,t]=(0,r.useState)({}),o=[];e.node.forEach(e=>{e.type.name===`tabTitle`&&o.push(e.textContent)});let s=(0,r.useMemo)(()=>e.node.attrs.id||crypto.randomUUID(),[e.node.attrs.id]),c=e.getPos(),l=(()=>{if(typeof c!=`number`)return!1;let{from:t,to:n}=e.editor.state.selection,r=c,i=c+e.node.nodeSize;return t>=r&&n<=i})();(0,r.useEffect)(()=>{e.node.attrs.id||e.updateAttributes({id:s})},[e.node.attrs.id,e.updateAttributes,s,e]);let u=e.editor.extensionManager.extensions.find(e=>e.name===`tabs`)?.storage,d=u?.activeTabIndices?.[s]??0,f=t=>{u&&(u.activeTabIndices||={},u.activeTabIndices[s]=t,e.editor.view.dispatch(e.editor.state.tr))};return(0,r.useEffect)(()=>{let n=()=>t({});return e.editor.on(`transaction`,n),()=>{e.editor.off(`transaction`,n)}},[e.editor]),(0,a.jsx)(n.NodeViewWrapper,{children:(0,a.jsxs)(`div`,{"data-komc":!0,className:(0,i.default)(`komc:p-1 komc:rounded komc:w-full komc:@container`,e.editor.isEditable&&`komc:border`,e.editor.isEditable&&(l?`komc:border-gray-700 komc:shadow`:`komc:border-gray-500`)),children:[(0,a.jsx)(`div`,{className:`komc:grid komc:grid-cols-2 komc:gap-2 komc:@3xl:grid-cols-4`,children:o.map((e,t)=>(0,a.jsx)(`button`,{type:`button`,onClick:()=>f(t),className:(0,i.default)(t===d&&`komc-active`,`komc:cursor-pointer komc:px-2 komc:py-1 komc:border komc:outline-0`,`komc:rounded-sm komc:transition-colors komc:duration-300`,t===d?`komc:border-brand-blue-01 komc:bg-brand-blue-01 komc:text-white`:`komc:border-blue-500 komc:text-black komc:bg-gray-100 komc:hover:bg-gray-500`),children:e},`tab-button-${t}`))}),(0,a.jsx)(n.NodeViewContent,{})]})})}function s(){return(0,a.jsx)(n.NodeViewWrapper,{className:`komc:hidden`,children:(0,a.jsx)(n.NodeViewContent,{})})}function c(e){let[,t]=(0,r.useState)({});(0,r.useEffect)(()=>{let n=()=>t({});return e.editor.on(`transaction`,n),()=>{e.editor.off(`transaction`,n)}},[e.editor]);let o=e.getPos();if(typeof o!=`number`)return(0,a.jsx)(n.NodeViewWrapper,{children:(0,a.jsx)(n.NodeViewContent,{})});let s=e.editor.state.doc.resolve(o),c=s.parent,l=c.attrs.id,u=(e.editor.extensionManager.extensions.find(e=>e.name===`tabs`)?.storage)?.activeTabIndices?.[l]??0,d=0;for(let e=0;e<s.index();e++)c.child(e).type.name===`tabContent`&&d++;return(0,a.jsx)(n.NodeViewWrapper,{className:(0,i.default)(d!==u&&`komc:hidden`),children:(0,a.jsx)(n.NodeViewContent,{})})}const l={name:`tabs`,tag:`tabs`},u={name:`tabTitle`,tag:`tab-title`},d={name:`tabContent`,tag:`tab-content`},f=t.Node.create({name:l.name,group:`block`,content:`tabTitle+ tabContent+`,isolating:!0,parseHTML(){return[{tag:l.tag}]},renderHTML({HTMLAttributes:e}){return[l.tag,(0,t.mergeAttributes)(e),0]},addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute(`data-id`),renderHTML:e=>({"data-id":e.id})}}},addStorage(){return{activeTabIndices:{}}},addNodeView(){return(0,n.ReactNodeViewRenderer)(o)}}),p=t.Node.create({name:u.name,isolating:!0,defining:!0,content:`inline*`,parseHTML(){return[{tag:u.tag}]},renderHTML({HTMLAttributes:e}){return[u.tag,(0,t.mergeAttributes)(e),0]},addNodeView(){return(0,n.ReactNodeViewRenderer)(s)}}),m=t.Node.create({name:d.name,isolating:!0,defining:!0,content:`block+`,parseHTML(){return[{tag:d.tag}]},renderHTML({HTMLAttributes:e}){return[d.tag,(0,t.mergeAttributes)(e),0]},addKeyboardShortcuts(){return{Enter:({editor:e})=>{let{$from:t,empty:n}=e.state.selection;if(!n||t.parent.content.size>0||t.node(-1)?.type.name!==d.name)return!1;let r=t.depth-2,i=t.node(r);if(i.type.name!==l.name)return!1;let a=t.before(r)+i.nodeSize;return e.commands.insertContentAt(a,{type:`paragraph`}),e.commands.setTextSelection(a+1),!0}}},addNodeView(){return(0,n.ReactNodeViewRenderer)(c)}});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/text-field-CTxoUkAg.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./label-jZuNIGyF.cjs`);let n=require(`class-variance-authority`),r=require(`react`),i=require(`clsx`);i=e.t(i);let a=require(`react/jsx-runtime`),o=require(`lodash-es`),s=require(`@fortawesome/react-fontawesome`);const c=(0,n.cva)((0,i.default)(`komc:w-full komc:h-full komc:py-0 komc:m-0 komc:outline-none`),{variants:{size:{xs:`komc:text-xs`,sm:`komc:text-sm`,md:`komc:text-base`,lg:`komc:text-lg`}},defaultVariants:{size:`md`}}),l=(0,n.cva)((0,i.default)(`komc:flex komc:flex-row komc:items-center komc:w-full`,`komc:focus-within:form-field komc-active`,`komc:border-[0.6px] komc:border-neutral-300 komc:overflow-hidden komc:relative`),{variants:{size:{xs:`komc:h-8.5 komc:rounded-sm komc:[&>input]:px-2.5`,sm:`komc:h-9 komc:rounded-sm komc:[&>input]:px-4`,md:`komc:h-9.5 komc:rounded-sm komc:[&>input]:px-4`,lg:`komc:h-11.5 komc:rounded-lg komc:[&>input]:px-4`},invalid:{true:`komc-error`,false:``},shadow:{true:`komc:shadow-field`,false:``},disabled:{true:`komc:bg-gray-50 komc:ring-0! komc:border-neutral-300!`,false:`komc:bg-white`}},defaultVariants:{size:`md`,invalid:!1,shadow:!0,disabled:!1}}),u=(0,n.cva)((0,i.default)(`komc:flex komc:items-center komc:absolute komc:right-0 komc:bg-white`,`komc:h-full komc:pl-2.5 komc:pr-4 komc:pointer-events-none`),{variants:{size:{xs:`komc:px-2.5`,sm:`komc:pl-2.5 komc:pr-4`,md:`komc:pl-2.5 komc:pr-4`,lg:`komc:pl-2.5 komc:pr-4`}},defaultVariants:{size:`md`}}),d=(0,n.cva)((0,i.default)(`komc:flex komc:items-center komc:h-full komc:px-4 komc:border-r-[0.6px]`,`komc:border-neutral-300 komc:cursor-pointer`),{variants:{color:{green:`komc:bg-green-50 komc:[&>div>svg]:text-green-500`,blue:`komc:bg-blue-50 komc:[&>div>svg]:text-blue-500`,red:`komc:bg-red-50 komc:[&>div>svg]:text-red-500`}},defaultVariants:{color:`green`}}),f=(0,n.cva)((0,i.default)(`komc:absolute komc:left-0 komc:w-80 komc:px-4 komc:text-brand-black-01!`,`komc:flex komc:items-center komc:py-1 komc:bg-transparent`),{variants:{size:{xs:`komc:h-8`,sm:`komc:h-8.5`,md:`komc:h-9`,lg:`komc:h-11`}},defaultVariants:{size:`md`}}),p=[`variant`,`path`,`color`,`prefix`,`suffix`,`searchIcon`,`fileIcon`,`clearIcon`,`inputlabel`,`onKeyDown`],m=(0,r.forwardRef)(({label:e,type:n=`text`,size:r,className:i,invalid:d,shadow:f,disabled:m,dateIcon:x,handleDateClear:S,...C},w)=>{let T=e?.id,E=(0,o.omit)(C,p);return(0,a.jsx)(t.t,{...e,children:(0,a.jsxs)(`div`,{"data-komc":!0,tabIndex:-1,className:l({size:r,invalid:d,className:i,shadow:f,disabled:m}),children:[C.variant===`file`&&(0,a.jsx)(g,{path:C.path,color:C.color,fileIcon:C.fileIcon}),C.variant===`prefix-text`&&(0,a.jsx)(_,{id:T,prefix:C.prefix}),C.variant===`search`&&(0,a.jsx)(b,{searchIcon:C.searchIcon}),(0,a.jsx)(h,{ref:w,id:T,type:n,disabled:m,className:c({size:r}),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),e.stopPropagation()),C.onKeyDown?.(e)},...E}),C.variant===`select-date`&&S&&(0,a.jsx)(y,{size:r,inputlabel:C.inputlabel,handleDateClear:S,clearIcon:C.clearIcon}),n===`date`&&x&&(0,a.jsx)(`div`,{className:u({size:r}),children:(0,a.jsx)(s.FontAwesomeIcon,{className:`komc:w-4! komc:h-4.5! komc:text-neutral-500`,icon:x})}),C.variant===`suffix-text`&&(0,a.jsx)(v,{id:T,suffix:C.suffix})]})})}),h=(0,r.forwardRef)((e,t)=>(0,a.jsx)(`input`,{ref:t,className:(0,i.default)(e.className),...e})),g=({path:e,color:t,fileIcon:n})=>(0,a.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,"aria-label":`Open file`,className:d({color:t}),children:(0,a.jsx)(`div`,{className:`komc:flex komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:aspect-square`,children:(0,a.jsx)(s.FontAwesomeIcon,{className:`komc:w-4 komc:h-4`,icon:n})})}),_=({prefix:e,id:t})=>(0,a.jsxs)(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-2.5 komc:h-full komc:pl-2.5`,children:[(0,a.jsx)(`span`,{id:t?`${t}-prefix`:void 0,className:`komc:text-neutral-600 komc:text-lg komc:leading-[1.2] komc:whitespace-nowrap`,children:e}),(0,a.jsx)(`span`,{className:`komc:w-px komc:h-4.5 komc:bg-gray-500`})]}),v=({suffix:e,id:t})=>(0,a.jsxs)(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-2.5 komc:h-full komc:pr-2.5`,children:[(0,a.jsx)(`span`,{className:`komc:w-px komc:h-4.5 komc:bg-gray-500`}),(0,a.jsx)(`span`,{id:t?`${t}-suffix`:void 0,className:`komc:text-neutral-500 komc:font-bold komc:text-lg komc:leading-[1.2] komc:whitespace-nowrap`,children:e})]}),y=({inputlabel:e,handleDateClear:t,size:n,clearIcon:r})=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:f({size:n}),children:e}),e&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`button`,{className:`komc:absolute komc:w-5 komc:h-5 komc:top-[calc(50%-10px)] komc:right-14 komc:cursor-pointer komc:flex komc:items-center komc:justify-center`,type:`button`,"aria-label":`Clear date`,onClick:t,children:(0,a.jsx)(s.FontAwesomeIcon,{icon:r,className:`komc:text-neutral-200 komc:text-base`})}),(0,a.jsx)(`div`,{className:`komc:w-0.5 komc:h-4.5 komc:rounded komc:bg-gray-500 komc:absolute komc:top-[calc(50%-9px)] komc:right-11`})]})]}),b=({searchIcon:e})=>(0,a.jsx)(`div`,{className:`komc:ml-4 komc:pr-1 komc:flex komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:aspect-square`,children:(0,a.jsx)(s.FontAwesomeIcon,{className:`komc:w-4 komc:h-4 komc:text-gray-800 komc:font-normal`,icon:e})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});

package/dist/text-field-D2x9nugT.mjs

@@ -0,0 +1 @@
+import{t as e}from"./label-DeEAgKAc.mjs";import{cva as t}from"class-variance-authority";import{forwardRef as n}from"react";import r from"clsx";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{omit as s}from"lodash-es";import{FontAwesomeIcon as c}from"@fortawesome/react-fontawesome";const l=t(r(`komc:w-full komc:h-full komc:py-0 komc:m-0 komc:outline-none`),{variants:{size:{xs:`komc:text-xs`,sm:`komc:text-sm`,md:`komc:text-base`,lg:`komc:text-lg`}},defaultVariants:{size:`md`}}),u=t(r(`komc:flex komc:flex-row komc:items-center komc:w-full`,`komc:focus-within:form-field komc-active`,`komc:border-[0.6px] komc:border-neutral-300 komc:overflow-hidden komc:relative`),{variants:{size:{xs:`komc:h-8.5 komc:rounded-sm komc:[&>input]:px-2.5`,sm:`komc:h-9 komc:rounded-sm komc:[&>input]:px-4`,md:`komc:h-9.5 komc:rounded-sm komc:[&>input]:px-4`,lg:`komc:h-11.5 komc:rounded-lg komc:[&>input]:px-4`},invalid:{true:`komc-error`,false:``},shadow:{true:`komc:shadow-field`,false:``},disabled:{true:`komc:bg-gray-50 komc:ring-0! komc:border-neutral-300!`,false:`komc:bg-white`}},defaultVariants:{size:`md`,invalid:!1,shadow:!0,disabled:!1}}),d=t(r(`komc:flex komc:items-center komc:absolute komc:right-0 komc:bg-white`,`komc:h-full komc:pl-2.5 komc:pr-4 komc:pointer-events-none`),{variants:{size:{xs:`komc:px-2.5`,sm:`komc:pl-2.5 komc:pr-4`,md:`komc:pl-2.5 komc:pr-4`,lg:`komc:pl-2.5 komc:pr-4`}},defaultVariants:{size:`md`}}),f=t(r(`komc:flex komc:items-center komc:h-full komc:px-4 komc:border-r-[0.6px]`,`komc:border-neutral-300 komc:cursor-pointer`),{variants:{color:{green:`komc:bg-green-50 komc:[&>div>svg]:text-green-500`,blue:`komc:bg-blue-50 komc:[&>div>svg]:text-blue-500`,red:`komc:bg-red-50 komc:[&>div>svg]:text-red-500`}},defaultVariants:{color:`green`}}),p=t(r(`komc:absolute komc:left-0 komc:w-80 komc:px-4 komc:text-brand-black-01!`,`komc:flex komc:items-center komc:py-1 komc:bg-transparent`),{variants:{size:{xs:`komc:h-8`,sm:`komc:h-8.5`,md:`komc:h-9`,lg:`komc:h-11`}},defaultVariants:{size:`md`}}),m=[`variant`,`path`,`color`,`prefix`,`suffix`,`searchIcon`,`fileIcon`,`clearIcon`,`inputlabel`,`onKeyDown`],h=n(({label:t,type:n=`text`,size:r,className:i,invalid:f,shadow:p,disabled:h,dateIcon:S,handleDateClear:C,...w},T)=>{let E=t?.id,D=s(w,m);return a(e,{...t,children:o(`div`,{"data-komc":!0,tabIndex:-1,className:u({size:r,invalid:f,className:i,shadow:p,disabled:h}),children:[w.variant===`file`&&a(_,{path:w.path,color:w.color,fileIcon:w.fileIcon}),w.variant===`prefix-text`&&a(v,{id:E,prefix:w.prefix}),w.variant===`search`&&a(x,{searchIcon:w.searchIcon}),a(g,{ref:T,id:E,type:n,disabled:h,className:l({size:r}),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),e.stopPropagation()),w.onKeyDown?.(e)},...D}),w.variant===`select-date`&&C&&a(b,{size:r,inputlabel:w.inputlabel,handleDateClear:C,clearIcon:w.clearIcon}),n===`date`&&S&&a(`div`,{className:d({size:r}),children:a(c,{className:`komc:w-4! komc:h-4.5! komc:text-neutral-500`,icon:S})}),w.variant===`suffix-text`&&a(y,{id:E,suffix:w.suffix})]})})}),g=n((e,t)=>a(`input`,{ref:t,className:r(e.className),...e})),_=({path:e,color:t,fileIcon:n})=>a(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,"aria-label":`Open file`,className:f({color:t}),children:a(`div`,{className:`komc:flex komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:aspect-square`,children:a(c,{className:`komc:w-4 komc:h-4`,icon:n})})}),v=({prefix:e,id:t})=>o(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-2.5 komc:h-full komc:pl-2.5`,children:[a(`span`,{id:t?`${t}-prefix`:void 0,className:`komc:text-neutral-600 komc:text-lg komc:leading-[1.2] komc:whitespace-nowrap`,children:e}),a(`span`,{className:`komc:w-px komc:h-4.5 komc:bg-gray-500`})]}),y=({suffix:e,id:t})=>o(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-2.5 komc:h-full komc:pr-2.5`,children:[a(`span`,{className:`komc:w-px komc:h-4.5 komc:bg-gray-500`}),a(`span`,{id:t?`${t}-suffix`:void 0,className:`komc:text-neutral-500 komc:font-bold komc:text-lg komc:leading-[1.2] komc:whitespace-nowrap`,children:e})]}),b=({inputlabel:e,handleDateClear:t,size:n,clearIcon:r})=>o(i,{children:[a(`div`,{className:p({size:n}),children:e}),e&&o(i,{children:[a(`button`,{className:`komc:absolute komc:w-5 komc:h-5 komc:top-[calc(50%-10px)] komc:right-14 komc:cursor-pointer komc:flex komc:items-center komc:justify-center`,type:`button`,"aria-label":`Clear date`,onClick:t,children:a(c,{icon:r,className:`komc:text-neutral-200 komc:text-base`})}),a(`div`,{className:`komc:w-0.5 komc:h-4.5 komc:rounded komc:bg-gray-500 komc:absolute komc:top-[calc(50%-9px)] komc:right-11`})]})]}),x=({searchIcon:e})=>a(`div`,{className:`komc:ml-4 komc:pr-1 komc:flex komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:aspect-square`,children:a(c,{className:`komc:w-4 komc:h-4 komc:text-gray-800 komc:font-normal`,icon:e})});export{h as t};

package/dist/ui/admin/async-select-field/index.cjs

@@ -0,0 +1 @@
+"use client";const e=require(`../../../chunk-Bmb41Sf3.cjs`),t=require(`../../../label-jZuNIGyF.cjs`),n=require(`../../../select-field-CoNJTWRb.cjs`);let r=require(`react`),i=require(`clsx`);i=e.t(i);let a=require(`react/jsx-runtime`),o=require(`react-select-async-paginate`);const s=({label:e,size:s=`md`,rounded:c=`lg`,isMulti:l,className:u,onChange:d,defaultValue:f,fetcher:p,...m})=>{let[h,g]=(0,r.useState)(),_=async(e,t,n={page:1,pageSize:10})=>{let{list:r,total:i}=await p({filter:{keyword:e},page:n.page,pageSize:n.pageSize});return{options:r,hasMore:i>n.page*n.pageSize,additional:{page:n.page+1,pageSize:n.pageSize}}},v=(e,t)=>{g(e),d?.(e,t)};return(0,r.useEffect)(()=>{f&&g(f)},[f]),(0,a.jsx)(t.t,{...e,children:(0,a.jsx)(`div`,{"data-komc":!0,children:(0,a.jsx)(o.AsyncPaginate,{isMulti:l,className:(0,i.default)(`komc:text-lg komc:leading-[1.2] komc:placeholder:leading-[1.2]`,u),classNames:n.n({size:s,rounded:c}),...m,onChange:v,value:h,loadOptions:_})})})};exports.AsyncSelectField=s;

package/dist/ui/admin/async-select-field/index.d.cts

@@ -0,0 +1,35 @@
+import { t as BaseInput } from "../../../index-Bpp6ufv-.cjs";
+import { t as Label } from "../../../index-DrUJZDtK.cjs";
+import { a as valueContainerClasses, i as controlClasses } from "../../../index-BlQhHmTa.cjs";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+import { ActionMeta, GroupBase, OnChangeValue, Props } from "react-select";
+
+//#region src/ui/admin/async-select-field/async-select-field.d.ts
+interface AdditionalType {
+  page: number;
+  pageSize: number;
+}
+interface AsyncSelectFieldProps<Option = unknown, IsMulti extends boolean = false, Input extends BaseInput = BaseInput> extends Props<Option, IsMulti, GroupBase<Option>>, VariantProps<typeof valueContainerClasses>, VariantProps<typeof controlClasses> {
+  label?: ComponentProps<typeof Label>;
+  fetcher: (input: Input) => Promise<{
+    list: Option[];
+    total: number;
+  }>;
+  defaultValue?: OnChangeValue<Option, IsMulti>;
+  onChange?: (newValue: OnChangeValue<Option, IsMulti>, actionMeta: ActionMeta<Option>) => void;
+}
+declare const AsyncSelectField: <Option = unknown, IsMulti extends boolean = false>({
+  label,
+  size,
+  rounded,
+  isMulti,
+  className,
+  onChange,
+  defaultValue,
+  fetcher,
+  ...props
+}: AsyncSelectFieldProps<Option, IsMulti>) => react_jsx_runtime30.JSX.Element;
+//#endregion
+export { AdditionalType, AsyncSelectField, AsyncSelectFieldProps };

package/dist/ui/admin/async-select-field/index.d.mts

@@ -0,0 +1,35 @@
+import { t as BaseInput } from "../../../index-C_5zGF-K.mjs";
+import { t as Label } from "../../../index-BKqI0jBF.mjs";
+import { a as valueContainerClasses, i as controlClasses } from "../../../index-DDG8MvPD.mjs";
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+import { ActionMeta, GroupBase, OnChangeValue, Props } from "react-select";
+
+//#region src/ui/admin/async-select-field/async-select-field.d.ts
+interface AdditionalType {
+  page: number;
+  pageSize: number;
+}
+interface AsyncSelectFieldProps<Option = unknown, IsMulti extends boolean = false, Input extends BaseInput = BaseInput> extends Props<Option, IsMulti, GroupBase<Option>>, VariantProps<typeof valueContainerClasses>, VariantProps<typeof controlClasses> {
+  label?: ComponentProps<typeof Label>;
+  fetcher: (input: Input) => Promise<{
+    list: Option[];
+    total: number;
+  }>;
+  defaultValue?: OnChangeValue<Option, IsMulti>;
+  onChange?: (newValue: OnChangeValue<Option, IsMulti>, actionMeta: ActionMeta<Option>) => void;
+}
+declare const AsyncSelectField: <Option = unknown, IsMulti extends boolean = false>({
+  label,
+  size,
+  rounded,
+  isMulti,
+  className,
+  onChange,
+  defaultValue,
+  fetcher,
+  ...props
+}: AsyncSelectFieldProps<Option, IsMulti>) => react_jsx_runtime37.JSX.Element;
+//#endregion
+export { AdditionalType, AsyncSelectField, AsyncSelectFieldProps };

package/dist/ui/admin/async-select-field/index.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../../../label-DeEAgKAc.mjs";import{n as t}from"../../../select-field-DeyQlWxq.mjs";import{useEffect as n,useState as r}from"react";import i from"clsx";import{jsx as a}from"react/jsx-runtime";import{AsyncPaginate as o}from"react-select-async-paginate";const s=({label:s,size:c=`md`,rounded:l=`lg`,isMulti:u,className:d,onChange:f,defaultValue:p,fetcher:m,...h})=>{let[g,_]=r(),v=async(e,t,n={page:1,pageSize:10})=>{let{list:r,total:i}=await m({filter:{keyword:e},page:n.page,pageSize:n.pageSize});return{options:r,hasMore:i>n.page*n.pageSize,additional:{page:n.page+1,pageSize:n.pageSize}}},y=(e,t)=>{_(e),f?.(e,t)};return n(()=>{p&&_(p)},[p]),a(e,{...s,children:a(`div`,{"data-komc":!0,children:a(o,{isMulti:u,className:i(`komc:text-lg komc:leading-[1.2] komc:placeholder:leading-[1.2]`,d),classNames:t({size:c,rounded:l}),...h,onChange:y,value:g,loadOptions:v})})})};export{s as AsyncSelectField};

package/dist/ui/admin/country-select/index.cjs

@@ -0,0 +1 @@
+"use client";const e=require(`../../../chunk-Bmb41Sf3.cjs`),t=require(`../../../country-flag-8HG6HZPi.cjs`);let n=require(`react`),r=require(`clsx`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`react-select-async-paginate`),o=require(`@fortawesome/react-fontawesome`),s=require(`react-select`);const c={id:212,alpha2Code:`KR`,callingCode:`82`,nameEn:`The Republic of Korea`,nameEnAlias1:`South Korea`,nameEnAlias2:`S.Korea`,nameKo:`대한민국`},l=(e,t)=>{let n=[e.nameEnAlias2,e.nameEnAlias1,e.nameEn];return t===`ko`&&n.unshift(e.nameKo),n.find(e=>e)||String(e.id)},u=(0,n.createContext)(null),d=()=>{let e=(0,n.useContext)(u);if(!e)throw Error(`CountrySelectUiContext not found`);return e},f={control:e=>(0,r.default)(e.className,`komc:gap-x-2 komc:w-40 komc:h-11.5 komc:border-[0.6px]! komc:rounded-lg! komc:px-3 komc:shadow-field`,`komc:form-field!`,e.isFocused&&`komc-active`,e.isDisabled&&`komc:bg-gray-50!`),valueContainer:e=>(0,r.default)(e.className,`komc:p-0!`),singleValue:e=>(0,r.default)(e.className,`komc:m-0!`),menu:e=>(0,r.default)(e.className,`komc:min-w-52.5`),input:e=>(0,r.default)(e.className,`komc:m-0! komc:p-0!`),indicatorsContainer:e=>(0,r.default)(e.className,`komc:gap-x-2`),indicatorSeparator:e=>(0,r.default)(e.className,`komc:h-4 komc:m-auto! komc:bg-neutral-100!`),clearIndicator:e=>(0,r.default)(e.className,`komc:p-0!`),dropdownIndicator:e=>(0,r.default)(e.className,`komc:p-0!`)},p=e=>{let{locale:t}=d();return(0,i.jsx)(s.components.Option,{...e,children:(0,i.jsxs)(`div`,{className:`komc:flex komc:gap-2 komc:text-xs`,children:[(0,i.jsx)(y,{...e.data}),(0,i.jsx)(`div`,{children:l(e.data,t)}),(0,i.jsxs)(`div`,{className:`komc:text-neutral-500`,children:[`+`,e.data.callingCode]})]})})},m=e=>{let{clearIcon:t}=d();return(0,i.jsx)(s.components.ClearIndicator,{...e,children:(0,i.jsx)(o.FontAwesomeIcon,{icon:t,className:`komc:w-3.5 komc:h-4`,"aria-hidden":!0})})},h=e=>{let{dropdownIcon:t}=d();return(0,i.jsx)(s.components.DropdownIndicator,{...e,children:(0,i.jsx)(o.FontAwesomeIcon,{icon:t,className:`komc:w-3.5 komc:h-4`,"aria-hidden":!0})})},g=e=>(0,i.jsx)(s.components.IndicatorSeparator,{...e,children:(0,i.jsx)(`div`,{className:`komc:border komc:border-neutral-100`})}),_=e=>(0,i.jsx)(s.components.SingleValue,{...e,children:(0,i.jsxs)(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-x-3`,children:[(0,i.jsx)(y,{...e.data}),(0,i.jsxs)(`div`,{className:`komc:text-xs komc:text-neutral-500 komc:truncate`,children:[`+`,e.data.callingCode]})]})}),v=e=>(0,i.jsx)(s.components.Placeholder,{...e,children:(0,i.jsx)(`span`,{className:`komc:text-xs`,children:e.children})}),y=e=>(0,i.jsx)(`div`,{className:`komc:shrink-0 komc:h-6`,children:(0,i.jsx)(t.t,{countryCode:e.alpha2Code||``})}),b={Option:p,SingleValue:_,Placeholder:v,ClearIndicator:m,DropdownIndicator:h,IndicatorSeparator:g},x=({isMulti:e=!1,placeholder:t=!1,additional:r={page:1,pageSize:10},components:o=b,classNames:s=f,locale:c=`en`,clearIcon:l,dropdownIcon:d,...p})=>{let m=(0,n.useMemo)(()=>({locale:c,clearIcon:l,dropdownIcon:d}),[c,l,d]);return(0,i.jsx)(u.Provider,{value:m,children:(0,i.jsx)(`div`,{"data-komc":!0,children:(0,i.jsx)(a.AsyncPaginate,{isClearable:!0,isSearchable:!0,isMulti:e,placeholder:t,additional:r,components:o,classNames:s,...p})})})};exports.COUNTRY_KR=c,exports.CountryClearIndicator=m,exports.CountryDropdownIndicator=h,exports.CountryFlagElement=y,exports.CountryIndicatorSeparator=g,exports.CountryOption=p,exports.CountryPlaceholder=v,exports.CountrySelect=x,exports.CountrySingleValue=_,exports.defaultCountrySelectClassNames=f;

package/dist/ui/admin/country-select/index.d.cts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { ClassNamesConfig, ClearIndicatorProps, DropdownIndicatorProps, GroupBase, IndicatorSeparatorProps, OptionProps, PlaceholderProps, SingleValueProps } from "react-select";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { AsyncPaginate } from "react-select-async-paginate";
+
+//#region src/ui/admin/country-select/country-select.d.ts
+interface Additional {
+  page: number;
+  pageSize: number;
+}
+interface CountrySelectOption {
+  id: number;
+  alpha2Code?: string | null;
+  callingCode?: string | null;
+  nameEn?: string | null;
+  nameEnAlias1?: string | null;
+  nameEnAlias2?: string | null;
+  nameKo?: string | null;
+}
+declare const COUNTRY_KR: CountrySelectOption;
+declare const defaultCountrySelectClassNames: ClassNamesConfig<CountrySelectOption, boolean, GroupBase<CountrySelectOption>>;
+declare const CountryOption: <Option extends CountrySelectOption>(props: OptionProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime31.JSX.Element;
+declare const CountryClearIndicator: <Option extends CountrySelectOption>(props: ClearIndicatorProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime31.JSX.Element;
+declare const CountryDropdownIndicator: <Option extends CountrySelectOption>(props: DropdownIndicatorProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime31.JSX.Element;
+declare const CountryIndicatorSeparator: <Option extends CountrySelectOption>(props: IndicatorSeparatorProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime31.JSX.Element;
+declare const CountrySingleValue: <Option extends CountrySelectOption>(props: SingleValueProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime31.JSX.Element;
+declare const CountryPlaceholder: <Option extends CountrySelectOption>(props: PlaceholderProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime31.JSX.Element;
+declare const CountryFlagElement: (props: CountrySelectOption) => react_jsx_runtime31.JSX.Element;
+interface CountrySelectProps<Option extends CountrySelectOption = CountrySelectOption, IsMulti extends boolean = false> extends ComponentProps<typeof AsyncPaginate<Option, GroupBase<Option>, Additional, IsMulti>> {
+  locale?: string;
+  clearIcon: IconProp;
+  dropdownIcon: IconProp;
+}
+declare const CountrySelect: <Option extends CountrySelectOption = CountrySelectOption, IsMulti extends boolean = false>({
+  isMulti,
+  placeholder,
+  additional,
+  components: selectComponents,
+  classNames,
+  locale,
+  clearIcon,
+  dropdownIcon,
+  ...props
+}: CountrySelectProps<Option, IsMulti>) => react_jsx_runtime31.JSX.Element;
+//#endregion
+export { Additional, COUNTRY_KR, CountryClearIndicator, CountryDropdownIndicator, CountryFlagElement, CountryIndicatorSeparator, CountryOption, CountryPlaceholder, CountrySelect, CountrySelectOption, CountrySelectProps, CountrySingleValue, defaultCountrySelectClassNames };

package/dist/ui/admin/country-select/index.d.mts

@@ -0,0 +1,47 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import { AsyncPaginate } from "react-select-async-paginate";
+import { ClassNamesConfig, ClearIndicatorProps, DropdownIndicatorProps, GroupBase, IndicatorSeparatorProps, OptionProps, PlaceholderProps, SingleValueProps } from "react-select";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
+//#region src/ui/admin/country-select/country-select.d.ts
+interface Additional {
+  page: number;
+  pageSize: number;
+}
+interface CountrySelectOption {
+  id: number;
+  alpha2Code?: string | null;
+  callingCode?: string | null;
+  nameEn?: string | null;
+  nameEnAlias1?: string | null;
+  nameEnAlias2?: string | null;
+  nameKo?: string | null;
+}
+declare const COUNTRY_KR: CountrySelectOption;
+declare const defaultCountrySelectClassNames: ClassNamesConfig<CountrySelectOption, boolean, GroupBase<CountrySelectOption>>;
+declare const CountryOption: <Option extends CountrySelectOption>(props: OptionProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime22.JSX.Element;
+declare const CountryClearIndicator: <Option extends CountrySelectOption>(props: ClearIndicatorProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime22.JSX.Element;
+declare const CountryDropdownIndicator: <Option extends CountrySelectOption>(props: DropdownIndicatorProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime22.JSX.Element;
+declare const CountryIndicatorSeparator: <Option extends CountrySelectOption>(props: IndicatorSeparatorProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime22.JSX.Element;
+declare const CountrySingleValue: <Option extends CountrySelectOption>(props: SingleValueProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime22.JSX.Element;
+declare const CountryPlaceholder: <Option extends CountrySelectOption>(props: PlaceholderProps<Option, boolean, GroupBase<Option>>) => react_jsx_runtime22.JSX.Element;
+declare const CountryFlagElement: (props: CountrySelectOption) => react_jsx_runtime22.JSX.Element;
+interface CountrySelectProps<Option extends CountrySelectOption = CountrySelectOption, IsMulti extends boolean = false> extends ComponentProps<typeof AsyncPaginate<Option, GroupBase<Option>, Additional, IsMulti>> {
+  locale?: string;
+  clearIcon: IconProp;
+  dropdownIcon: IconProp;
+}
+declare const CountrySelect: <Option extends CountrySelectOption = CountrySelectOption, IsMulti extends boolean = false>({
+  isMulti,
+  placeholder,
+  additional,
+  components: selectComponents,
+  classNames,
+  locale,
+  clearIcon,
+  dropdownIcon,
+  ...props
+}: CountrySelectProps<Option, IsMulti>) => react_jsx_runtime22.JSX.Element;
+//#endregion
+export { Additional, COUNTRY_KR, CountryClearIndicator, CountryDropdownIndicator, CountryFlagElement, CountryIndicatorSeparator, CountryOption, CountryPlaceholder, CountrySelect, CountrySelectOption, CountrySelectProps, CountrySingleValue, defaultCountrySelectClassNames };

package/dist/ui/admin/country-select/index.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../../../country-flag-Bypgu_rR.mjs";import{createContext as t,useContext as n,useMemo as r}from"react";import i from"clsx";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{AsyncPaginate as s}from"react-select-async-paginate";import{FontAwesomeIcon as c}from"@fortawesome/react-fontawesome";import{components as l}from"react-select";const u={id:212,alpha2Code:`KR`,callingCode:`82`,nameEn:`The Republic of Korea`,nameEnAlias1:`South Korea`,nameEnAlias2:`S.Korea`,nameKo:`대한민국`},d=(e,t)=>{let n=[e.nameEnAlias2,e.nameEnAlias1,e.nameEn];return t===`ko`&&n.unshift(e.nameKo),n.find(e=>e)||String(e.id)},f=t(null),p=()=>{let e=n(f);if(!e)throw Error(`CountrySelectUiContext not found`);return e},m={control:e=>i(e.className,`komc:gap-x-2 komc:w-40 komc:h-11.5 komc:border-[0.6px]! komc:rounded-lg! komc:px-3 komc:shadow-field`,`komc:form-field!`,e.isFocused&&`komc-active`,e.isDisabled&&`komc:bg-gray-50!`),valueContainer:e=>i(e.className,`komc:p-0!`),singleValue:e=>i(e.className,`komc:m-0!`),menu:e=>i(e.className,`komc:min-w-52.5`),input:e=>i(e.className,`komc:m-0! komc:p-0!`),indicatorsContainer:e=>i(e.className,`komc:gap-x-2`),indicatorSeparator:e=>i(e.className,`komc:h-4 komc:m-auto! komc:bg-neutral-100!`),clearIndicator:e=>i(e.className,`komc:p-0!`),dropdownIndicator:e=>i(e.className,`komc:p-0!`)},h=e=>{let{locale:t}=p();return a(l.Option,{...e,children:o(`div`,{className:`komc:flex komc:gap-2 komc:text-xs`,children:[a(x,{...e.data}),a(`div`,{children:d(e.data,t)}),o(`div`,{className:`komc:text-neutral-500`,children:[`+`,e.data.callingCode]})]})})},g=e=>{let{clearIcon:t}=p();return a(l.ClearIndicator,{...e,children:a(c,{icon:t,className:`komc:w-3.5 komc:h-4`,"aria-hidden":!0})})},_=e=>{let{dropdownIcon:t}=p();return a(l.DropdownIndicator,{...e,children:a(c,{icon:t,className:`komc:w-3.5 komc:h-4`,"aria-hidden":!0})})},v=e=>a(l.IndicatorSeparator,{...e,children:a(`div`,{className:`komc:border komc:border-neutral-100`})}),y=e=>a(l.SingleValue,{...e,children:o(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-x-3`,children:[a(x,{...e.data}),o(`div`,{className:`komc:text-xs komc:text-neutral-500 komc:truncate`,children:[`+`,e.data.callingCode]})]})}),b=e=>a(l.Placeholder,{...e,children:a(`span`,{className:`komc:text-xs`,children:e.children})}),x=t=>a(`div`,{className:`komc:shrink-0 komc:h-6`,children:a(e,{countryCode:t.alpha2Code||``})}),S={Option:h,SingleValue:y,Placeholder:b,ClearIndicator:g,DropdownIndicator:_,IndicatorSeparator:v},C=({isMulti:e=!1,placeholder:t=!1,additional:n={page:1,pageSize:10},components:i=S,classNames:o=m,locale:c=`en`,clearIcon:l,dropdownIcon:u,...d})=>{let p=r(()=>({locale:c,clearIcon:l,dropdownIcon:u}),[c,l,u]);return a(f.Provider,{value:p,children:a(`div`,{"data-komc":!0,children:a(s,{isClearable:!0,isSearchable:!0,isMulti:e,placeholder:t,additional:n,components:i,classNames:o,...d})})})};export{u as COUNTRY_KR,g as CountryClearIndicator,_ as CountryDropdownIndicator,x as CountryFlagElement,v as CountryIndicatorSeparator,h as CountryOption,b as CountryPlaceholder,C as CountrySelect,y as CountrySingleValue,m as defaultCountrySelectClassNames};

package/dist/ui/admin/dropzone-field/index.cjs

@@ -0,0 +1 @@
+"use client";const e=require(`../../../chunk-Bmb41Sf3.cjs`);require(`../../../src-Dz1mULYA.cjs`),require(`../../../file-DeZ1OKdy.cjs`),require(`../../../api-client-BXH8Rm-J.cjs`),require(`../../../use-subset-image-BUurDItP.cjs`),require(`../../../skeleton-7P1IZD3G.cjs`);const t=require(`../../../image-kIL2PjTS.cjs`),n=require(`../../../switch-BDdSF3lu.cjs`),r=require(`../../../label-jZuNIGyF.cjs`);let i=require(`class-variance-authority`),a=require(`react`),o=require(`clsx`);o=e.t(o);let s=require(`react/jsx-runtime`),c=require(`@fortawesome/react-fontawesome`),l=require(`react-dropzone`);const u=(0,i.cva)((0,o.default)(`komc:flex komc:justify-center komc:items-center komc:w-full komc:h-full`,`komc:relative komc:overflow-hidden komc:group-hover:opacity-20 komc:z-0`),{variants:{isDragActive:{true:`komc:opacity-20`,false:``},objectFit:{contain:`komc:[&_img]:object-contain`,cover:`komc:[&_img]:object-cover`,fill:`komc:[&_img]:object-fill`,none:`komc:[&_img]:object-none`,"scale-down":`komc:[&_img]:object-scale-down`},size:{logo:``,sm:``,md:``,lg:``,xl:``}},defaultVariants:{isDragActive:!1,objectFit:`contain`,size:`lg`}}),d=(0,i.cva)((0,o.default)(`komc:flex komc:justify-center komc:items-center`,`komc:border-[0.6px] komc:border-neutral-300 komc:rounded-lg`,`komc:cursor-pointer komc:relative komc:group komc:overflow-hidden`),{variants:{src:{true:`komc:border-none komc:bg-transparent`,false:`komc:border-dashed komc:bg-[#FBFBFD]`},size:{logo:`komc:w-30 komc:h-10`,sm:`komc:w-full komc:h-25`,md:`komc:w-full komc:h-30`,lg:`komc:w-full komc:h-40`,xl:`komc:w-full komc:h-50`}},defaultVariants:{src:!1},compoundVariants:[{size:`logo`,src:!0,className:`komc:border-solid`}]}),f=e=>{let{src:t=``,...n}=e;return t?(0,s.jsx)(p,{...n,src:t}):(0,s.jsx)(m,{...e})},p=({src:e=``,alt:n=``,objectFit:r=`contain`,size:i=`lg`,originalWidth:a,linkIcon:l,...f})=>(0,s.jsxs)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,"aria-label":n||`Open image`,className:(0,o.default)(d({src:!!e,size:i})),children:[(0,s.jsx)(`div`,{className:u({objectFit:r,size:i}),children:(0,s.jsx)(t.t,{...f,src:e,alt:n,originalWidth:a||600,className:`komc:w-full komc:h-full`})}),(0,s.jsx)(`div`,{className:`komc:flex komc:flex-col komc:items-center komc:justify-center komc:gap-1 komc:w-full komc:p-1 komc:absolute komc:group-hover:opacity-100 komc:opacity-0`,children:(0,s.jsx)(c.FontAwesomeIcon,{className:`komc:w-4 komc:h-4 komc:aspect-square komc:text-neutral-300`,icon:l})})]}),m=({src:e=``,size:t=`lg`,placeholder:n=`Select files`,subPlaceholder:r=`(or drop files here)`,fileIcon:i,...a})=>{let u=a.multiple??!0,{getRootProps:f,getInputProps:p}=(0,l.useDropzone)({onDrop:(e=[])=>{if(a.multiple===!1){let t=e[0];t&&a.onDrop(t)}else a.onDrop(e)}});return(0,s.jsxs)(`div`,{className:(0,o.default)(d({src:!!e,size:t})),...f(),children:[(0,s.jsx)(`input`,{...p({multiple:u})}),(0,s.jsxs)(`div`,{className:`komc:flex komc:flex-col komc:items-center komc:justify-center komc:gap-1 komc:w-full komc:p-1 komc:absolute`,children:[(0,s.jsx)(c.FontAwesomeIcon,{className:`komc:w-4 komc:h-4 komc:aspect-square komc:text-neutral-300`,icon:i}),t!==`logo`&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`p`,{className:`komc:w-full komc:text-center komc:text-[16px] komc:leading-[1.2] komc:font-medium komc:text-neutral-600 komc:truncate`,children:n}),(0,s.jsx)(`p`,{className:`komc:w-full komc:text-center komc:text-xs komc:leading-[1.2] komc:text-neutral-600 komc:truncate`,children:r})]})]})]})},h=({label:e,id:t,size:i=`logo`,valueLabel:c,valueLabelPlacement:l,viewLanguages:u=[`ko`,`en`],options:d=[],selectedLanguage:p,checked:m,onChecked:h,onUpdate:v,onDelete:y,onSelect:b,update:x,remove:S,...C})=>{let[w,T]=(0,a.useState)(p),E=e=>{T(e),b?.(e)},D=e=>{let t=e.target.files?.[0];t&&v?.(t)};return(0,s.jsx)(r.t,{...e,children:(0,s.jsxs)(`div`,{"data-komc":!0,className:(0,o.default)(`komc:flex komc:flex-row komc:items-center`,`komc:gap-x-2.5 komc:min-w-30 komc:w-full komc:h-auto`,`komc:p-4 komc:border-[0.6px] komc:border-neutral-300 komc:rounded-lg komc:shadow-field`),children:[(0,s.jsx)(f,{...C,size:i}),c&&(0,s.jsx)(`div`,{className:`komc:flex komc:items-center komc:ml-2.5`,children:(0,s.jsx)(n.t,{label:c,placement:l,checked:m,onChange:h})}),(v||y)&&(0,s.jsxs)(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-x-2.5 komc:ml-auto`,children:[b&&(0,s.jsx)(`div`,{className:`komc:flex komc:flex-row komc:gap-x-3 komc:p-1 komc:rounded-sm komc:bg-gray-400`,children:d.filter(e=>u?.includes(e.value)).map(e=>(0,s.jsx)(`button`,{type:`button`,className:(0,o.default)(`komc:flex komc:justify-center komc:items-center komc:w-20 komc:h-7.5`,`komc:rounded-sm komc:text-sm komc:font-medium komc:cursor-pointer`,(typeof w==`string`?w===e.value:w?.value===e.value)?`komc:bg-white komc:text-blue-700`:`komc:bg-transparent komc:text-neutral-500`),onClick:()=>E(e),children:(0,s.jsx)(`span`,{children:e.label})},e.value))}),(0,s.jsx)(`div`,{className:`komc:h-4 komc:border-r komc:border-neutral-100 komc:rounded-full`}),v&&t&&(0,s.jsx)(g,{id:t,onUpdate:D,children:x}),y&&(0,s.jsx)(_,{onDelete:y,children:S})]})]})})},g=({id:e,onUpdate:t,children:n})=>(0,s.jsxs)(`label`,{htmlFor:e,className:`komc:cursor-pointer`,children:[(0,s.jsx)(`input`,{id:e,type:`file`,className:`komc:hidden`,"aria-label":`Replace file`,onClick:e=>{e.target.value=``},onChange:t}),(0,s.jsx)(`div`,{className:`komc:flex komc:items-center komc:justify-center komc:w-5 komc:h-5 komc:aspect-square komc:cursor-pointer komc:[&_svg]:w-4 komc:[&_svg]:h-4 komc:[&_svg]:text-neutral-500`,children:n})]}),_=({onDelete:e,children:t})=>(0,s.jsx)(`button`,{type:`button`,className:`komc:flex komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:aspect-square komc:cursor-pointer komc:[&_svg]:w-3.5 komc:[&_svg]:h-3.5 komc:[&_svg]:text-neutral-500`,"aria-label":`Delete`,onClick:e,children:t}),v=({label:e,...t})=>(0,s.jsx)(r.t,{...e,children:(0,s.jsx)(`div`,{"data-komc":!0,className:(0,o.default)(`komc:flex komc:flex-row komc:items-center`,`komc:gap-x-2.5 komc:min-w-30 komc:w-full komc:h-auto`,`komc:p-4 komc:border-[0.6px] komc:border-neutral-300 komc:rounded-lg komc:shadow-field`),children:(0,s.jsx)(f,{...t})})});exports.DeleteButton=_,exports.Dropzone=v,exports.DropzoneField=f,exports.DropzoneLogo=h,exports.UpdateButton=g;

package/dist/ui/admin/dropzone-field/index.d.cts

@@ -0,0 +1,110 @@
+import "../../../index-DHyXKIBX.cjs";
+import { t as Label } from "../../../index-DrUJZDtK.cjs";
+import { t as BaseImage } from "../../../index-D_Hfb-z2.cjs";
+import { t as LabelPlacement } from "../../../index-90Zl6qBK.cjs";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { ChangeEvent, ComponentProps, ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
+//#region src/ui/admin/dropzone-field/dropzone-field.d.ts
+interface DropzoneLanguage {
+  value: string;
+  label: string;
+}
+declare const imageClasses: (props?: ({
+  isDragActive?: boolean | null | undefined;
+  objectFit?: "fill" | "none" | "contain" | "cover" | "scale-down" | null | undefined;
+  size?: "sm" | "lg" | "logo" | "md" | "xl" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
+interface BasePropsMultipleTrue extends VariantProps<typeof imageClasses>, Partial<Omit<ComponentProps<typeof BaseImage>, 'src' | 'alt' | 'onDrop' | 'onSelect'>> {
+  src?: string | null;
+  alt?: string;
+  multiple?: true;
+  placeholder?: string;
+  subPlaceholder?: string;
+  fileIcon: IconProp;
+  linkIcon: IconProp;
+  onDrop: (files: File[]) => void;
+}
+interface BasePropsMultipleFalse extends VariantProps<typeof imageClasses>, Partial<Omit<ComponentProps<typeof BaseImage>, 'src' | 'alt' | 'onDrop' | 'onSelect'>> {
+  src?: string | null;
+  alt?: string;
+  multiple: false;
+  placeholder?: string;
+  subPlaceholder?: string;
+  fileIcon: IconProp;
+  linkIcon: IconProp;
+  onDrop: (file: File) => void;
+}
+type DropzoneFieldProps = BasePropsMultipleTrue | BasePropsMultipleFalse;
+declare const DropzoneField: (props: DropzoneFieldProps) => react_jsx_runtime21.JSX.Element;
+type DropzoneLogoBaseProps = DropzoneFieldProps & {
+  label?: ComponentProps<typeof Label>;
+  size?: 'logo';
+  selectedLanguage?: DropzoneLanguage | string;
+  viewLanguages?: string[];
+  options?: DropzoneLanguage[];
+  valueLabel?: string;
+  valueLabelPlacement?: LabelPlacement;
+  checked?: boolean;
+  onSelect?: (language: DropzoneLanguage) => void;
+  onChecked?: (checked: boolean) => void;
+  onDelete?: () => void;
+  update?: ReactNode;
+  remove?: ReactNode;
+};
+type DropzoneLogoPropsWithUpdate = DropzoneLogoBaseProps & {
+  id: string;
+  onUpdate: (file: File) => void;
+};
+type DropzoneLogoPropsWithoutUpdate = DropzoneLogoBaseProps & {
+  id?: string;
+  onUpdate?: never;
+};
+type DropzoneLogoProps = DropzoneLogoPropsWithUpdate | DropzoneLogoPropsWithoutUpdate;
+declare const DropzoneLogo: ({
+  label,
+  id,
+  size,
+  valueLabel,
+  valueLabelPlacement,
+  viewLanguages,
+  options,
+  selectedLanguage,
+  checked,
+  onChecked,
+  onUpdate,
+  onDelete,
+  onSelect,
+  update,
+  remove,
+  ...field
+}: DropzoneLogoProps) => react_jsx_runtime21.JSX.Element;
+declare const UpdateButton: ({
+  id,
+  onUpdate,
+  children
+}: {
+  id: string;
+  onUpdate: (e: ChangeEvent<HTMLInputElement>) => void;
+  children: ReactNode;
+}) => react_jsx_runtime21.JSX.Element;
+declare const DeleteButton: ({
+  onDelete,
+  children
+}: {
+  onDelete: () => void;
+  children: ReactNode;
+}) => react_jsx_runtime21.JSX.Element;
+type DropzoneProps = DropzoneFieldProps & {
+  label?: ComponentProps<typeof Label>;
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+};
+declare const Dropzone: ({
+  label,
+  ...field
+}: DropzoneProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { DeleteButton, Dropzone, DropzoneField, DropzoneFieldProps, DropzoneLanguage, DropzoneLogo, DropzoneLogoProps, DropzoneProps, UpdateButton };

package/dist/ui/admin/dropzone-field/index.d.mts

@@ -0,0 +1,110 @@
+import "../../../index-DxW8JBva.mjs";
+import { t as Label } from "../../../index-BKqI0jBF.mjs";
+import { t as BaseImage } from "../../../index-DSVr-P8y.mjs";
+import { t as LabelPlacement } from "../../../index-CcpFy_mT.mjs";
+import { VariantProps } from "class-variance-authority";
+import { ChangeEvent, ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
+//#region src/ui/admin/dropzone-field/dropzone-field.d.ts
+interface DropzoneLanguage {
+  value: string;
+  label: string;
+}
+declare const imageClasses: (props?: ({
+  isDragActive?: boolean | null | undefined;
+  objectFit?: "fill" | "none" | "contain" | "cover" | "scale-down" | null | undefined;
+  size?: "sm" | "lg" | "logo" | "md" | "xl" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface BasePropsMultipleTrue extends VariantProps<typeof imageClasses>, Partial<Omit<ComponentProps<typeof BaseImage>, 'src' | 'alt' | 'onDrop' | 'onSelect'>> {
+  src?: string | null;
+  alt?: string;
+  multiple?: true;
+  placeholder?: string;
+  subPlaceholder?: string;
+  fileIcon: IconProp;
+  linkIcon: IconProp;
+  onDrop: (files: File[]) => void;
+}
+interface BasePropsMultipleFalse extends VariantProps<typeof imageClasses>, Partial<Omit<ComponentProps<typeof BaseImage>, 'src' | 'alt' | 'onDrop' | 'onSelect'>> {
+  src?: string | null;
+  alt?: string;
+  multiple: false;
+  placeholder?: string;
+  subPlaceholder?: string;
+  fileIcon: IconProp;
+  linkIcon: IconProp;
+  onDrop: (file: File) => void;
+}
+type DropzoneFieldProps = BasePropsMultipleTrue | BasePropsMultipleFalse;
+declare const DropzoneField: (props: DropzoneFieldProps) => react_jsx_runtime3.JSX.Element;
+type DropzoneLogoBaseProps = DropzoneFieldProps & {
+  label?: ComponentProps<typeof Label>;
+  size?: 'logo';
+  selectedLanguage?: DropzoneLanguage | string;
+  viewLanguages?: string[];
+  options?: DropzoneLanguage[];
+  valueLabel?: string;
+  valueLabelPlacement?: LabelPlacement;
+  checked?: boolean;
+  onSelect?: (language: DropzoneLanguage) => void;
+  onChecked?: (checked: boolean) => void;
+  onDelete?: () => void;
+  update?: ReactNode;
+  remove?: ReactNode;
+};
+type DropzoneLogoPropsWithUpdate = DropzoneLogoBaseProps & {
+  id: string;
+  onUpdate: (file: File) => void;
+};
+type DropzoneLogoPropsWithoutUpdate = DropzoneLogoBaseProps & {
+  id?: string;
+  onUpdate?: never;
+};
+type DropzoneLogoProps = DropzoneLogoPropsWithUpdate | DropzoneLogoPropsWithoutUpdate;
+declare const DropzoneLogo: ({
+  label,
+  id,
+  size,
+  valueLabel,
+  valueLabelPlacement,
+  viewLanguages,
+  options,
+  selectedLanguage,
+  checked,
+  onChecked,
+  onUpdate,
+  onDelete,
+  onSelect,
+  update,
+  remove,
+  ...field
+}: DropzoneLogoProps) => react_jsx_runtime3.JSX.Element;
+declare const UpdateButton: ({
+  id,
+  onUpdate,
+  children
+}: {
+  id: string;
+  onUpdate: (e: ChangeEvent<HTMLInputElement>) => void;
+  children: ReactNode;
+}) => react_jsx_runtime3.JSX.Element;
+declare const DeleteButton: ({
+  onDelete,
+  children
+}: {
+  onDelete: () => void;
+  children: ReactNode;
+}) => react_jsx_runtime3.JSX.Element;
+type DropzoneProps = DropzoneFieldProps & {
+  label?: ComponentProps<typeof Label>;
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+};
+declare const Dropzone: ({
+  label,
+  ...field
+}: DropzoneProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { DeleteButton, Dropzone, DropzoneField, DropzoneFieldProps, DropzoneLanguage, DropzoneLogo, DropzoneLogoProps, DropzoneProps, UpdateButton };

package/dist/ui/admin/dropzone-field/index.mjs

@@ -0,0 +1 @@
+"use client";import"../../../src-BB55dPBE.mjs";import"../../../file-CapBKYce.mjs";import"../../../api-client-xK3Ua3Gr.mjs";import"../../../use-subset-image-B9ZSiVjx.mjs";import"../../../skeleton-D4Q9wT-o.mjs";import{t as e}from"../../../image-CAEWHuaM.mjs";import{t}from"../../../switch-DTQt7BzY.mjs";import{t as n}from"../../../label-DeEAgKAc.mjs";import{cva as r}from"class-variance-authority";import{useState as i}from"react";import a from"clsx";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{FontAwesomeIcon as l}from"@fortawesome/react-fontawesome";import{useDropzone as u}from"react-dropzone";const d=r(a(`komc:flex komc:justify-center komc:items-center komc:w-full komc:h-full`,`komc:relative komc:overflow-hidden komc:group-hover:opacity-20 komc:z-0`),{variants:{isDragActive:{true:`komc:opacity-20`,false:``},objectFit:{contain:`komc:[&_img]:object-contain`,cover:`komc:[&_img]:object-cover`,fill:`komc:[&_img]:object-fill`,none:`komc:[&_img]:object-none`,"scale-down":`komc:[&_img]:object-scale-down`},size:{logo:``,sm:``,md:``,lg:``,xl:``}},defaultVariants:{isDragActive:!1,objectFit:`contain`,size:`lg`}}),f=r(a(`komc:flex komc:justify-center komc:items-center`,`komc:border-[0.6px] komc:border-neutral-300 komc:rounded-lg`,`komc:cursor-pointer komc:relative komc:group komc:overflow-hidden`),{variants:{src:{true:`komc:border-none komc:bg-transparent`,false:`komc:border-dashed komc:bg-[#FBFBFD]`},size:{logo:`komc:w-30 komc:h-10`,sm:`komc:w-full komc:h-25`,md:`komc:w-full komc:h-30`,lg:`komc:w-full komc:h-40`,xl:`komc:w-full komc:h-50`}},defaultVariants:{src:!1},compoundVariants:[{size:`logo`,src:!0,className:`komc:border-solid`}]}),p=e=>{let{src:t=``,...n}=e;return t?s(m,{...n,src:t}):s(h,{...e})},m=({src:t=``,alt:n=``,objectFit:r=`contain`,size:i=`lg`,originalWidth:o,linkIcon:u,...p})=>c(`a`,{href:t,target:`_blank`,rel:`noopener noreferrer`,"aria-label":n||`Open image`,className:a(f({src:!!t,size:i})),children:[s(`div`,{className:d({objectFit:r,size:i}),children:s(e,{...p,src:t,alt:n,originalWidth:o||600,className:`komc:w-full komc:h-full`})}),s(`div`,{className:`komc:flex komc:flex-col komc:items-center komc:justify-center komc:gap-1 komc:w-full komc:p-1 komc:absolute komc:group-hover:opacity-100 komc:opacity-0`,children:s(l,{className:`komc:w-4 komc:h-4 komc:aspect-square komc:text-neutral-300`,icon:u})})]}),h=({src:e=``,size:t=`lg`,placeholder:n=`Select files`,subPlaceholder:r=`(or drop files here)`,fileIcon:i,...d})=>{let p=d.multiple??!0,{getRootProps:m,getInputProps:h}=u({onDrop:(e=[])=>{if(d.multiple===!1){let t=e[0];t&&d.onDrop(t)}else d.onDrop(e)}});return c(`div`,{className:a(f({src:!!e,size:t})),...m(),children:[s(`input`,{...h({multiple:p})}),c(`div`,{className:`komc:flex komc:flex-col komc:items-center komc:justify-center komc:gap-1 komc:w-full komc:p-1 komc:absolute`,children:[s(l,{className:`komc:w-4 komc:h-4 komc:aspect-square komc:text-neutral-300`,icon:i}),t!==`logo`&&c(o,{children:[s(`p`,{className:`komc:w-full komc:text-center komc:text-[16px] komc:leading-[1.2] komc:font-medium komc:text-neutral-600 komc:truncate`,children:n}),s(`p`,{className:`komc:w-full komc:text-center komc:text-xs komc:leading-[1.2] komc:text-neutral-600 komc:truncate`,children:r})]})]})]})},g=({label:e,id:r,size:o=`logo`,valueLabel:l,valueLabelPlacement:u,viewLanguages:d=[`ko`,`en`],options:f=[],selectedLanguage:m,checked:h,onChecked:g,onUpdate:y,onDelete:b,onSelect:x,update:S,remove:C,...w})=>{let[T,E]=i(m),D=e=>{E(e),x?.(e)},O=e=>{let t=e.target.files?.[0];t&&y?.(t)};return s(n,{...e,children:c(`div`,{"data-komc":!0,className:a(`komc:flex komc:flex-row komc:items-center`,`komc:gap-x-2.5 komc:min-w-30 komc:w-full komc:h-auto`,`komc:p-4 komc:border-[0.6px] komc:border-neutral-300 komc:rounded-lg komc:shadow-field`),children:[s(p,{...w,size:o}),l&&s(`div`,{className:`komc:flex komc:items-center komc:ml-2.5`,children:s(t,{label:l,placement:u,checked:h,onChange:g})}),(y||b)&&c(`div`,{className:`komc:flex komc:flex-row komc:items-center komc:gap-x-2.5 komc:ml-auto`,children:[x&&s(`div`,{className:`komc:flex komc:flex-row komc:gap-x-3 komc:p-1 komc:rounded-sm komc:bg-gray-400`,children:f.filter(e=>d?.includes(e.value)).map(e=>s(`button`,{type:`button`,className:a(`komc:flex komc:justify-center komc:items-center komc:w-20 komc:h-7.5`,`komc:rounded-sm komc:text-sm komc:font-medium komc:cursor-pointer`,(typeof T==`string`?T===e.value:T?.value===e.value)?`komc:bg-white komc:text-blue-700`:`komc:bg-transparent komc:text-neutral-500`),onClick:()=>D(e),children:s(`span`,{children:e.label})},e.value))}),s(`div`,{className:`komc:h-4 komc:border-r komc:border-neutral-100 komc:rounded-full`}),y&&r&&s(_,{id:r,onUpdate:O,children:S}),b&&s(v,{onDelete:b,children:C})]})]})})},_=({id:e,onUpdate:t,children:n})=>c(`label`,{htmlFor:e,className:`komc:cursor-pointer`,children:[s(`input`,{id:e,type:`file`,className:`komc:hidden`,"aria-label":`Replace file`,onClick:e=>{e.target.value=``},onChange:t}),s(`div`,{className:`komc:flex komc:items-center komc:justify-center komc:w-5 komc:h-5 komc:aspect-square komc:cursor-pointer komc:[&_svg]:w-4 komc:[&_svg]:h-4 komc:[&_svg]:text-neutral-500`,children:n})]}),v=({onDelete:e,children:t})=>s(`button`,{type:`button`,className:`komc:flex komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:aspect-square komc:cursor-pointer komc:[&_svg]:w-3.5 komc:[&_svg]:h-3.5 komc:[&_svg]:text-neutral-500`,"aria-label":`Delete`,onClick:e,children:t}),y=({label:e,...t})=>s(n,{...e,children:s(`div`,{"data-komc":!0,className:a(`komc:flex komc:flex-row komc:items-center`,`komc:gap-x-2.5 komc:min-w-30 komc:w-full komc:h-auto`,`komc:p-4 komc:border-[0.6px] komc:border-neutral-300 komc:rounded-lg komc:shadow-field`),children:s(p,{...t})})});export{v as DeleteButton,y as Dropzone,p as DropzoneField,g as DropzoneLogo,_ as UpdateButton};

package/dist/ui/admin/email-field/index.cjs

@@ -0,0 +1 @@
+"use client";const e=require(`../../../chunk-Bmb41Sf3.cjs`);require(`../../../label-jZuNIGyF.cjs`);const t=require(`../../../text-field-CTxoUkAg.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,a=e=>{let t=String(e);return t===``||t===`undefined`||i.test(t)},o=(0,n.forwardRef)(({label:e={},size:i=`lg`,...o},s)=>{let c=(0,n.useRef)(null),{helpText:l=`Invalid Email`,helpTextColor:u=`error`,...d}=e,[f,p]=(0,n.useState)(!a(o.defaultValue||o.value)),m=e=>{let t=e.target.value;o.onChange?.(e),p(!a(t))},h=(0,n.useCallback)(e=>{c.current=e,typeof s==`function`&&s(e)},[s]);return(0,n.useEffect)(()=>{c.current?.value&&p(!a(c.current.value))},[]),(0,n.useEffect)(()=>{(o.defaultValue||o.value)&&p(!a(o.defaultValue||o.value))},[o.defaultValue,o.value]),(0,r.jsx)(t.t,{label:{helpTextColor:f?u:`default`,helpText:f?l:``,...d},placeholder:`example@exaple.com`,size:i,id:d.id,invalid:f,...o,type:`email`,onChange:m,ref:h})});exports.EmailField=o;

package/dist/ui/admin/email-field/index.d.cts

@@ -0,0 +1,9 @@
+import "../../../index-DrUJZDtK.cjs";
+import { r as TextFieldProps } from "../../../index-BJgz2hkX.cjs";
+import * as react31 from "react";
+
+//#region src/ui/admin/email-field/email-field.d.ts
+type EmailFieldProps = TextFieldProps;
+declare const EmailField: react31.ForwardRefExoticComponent<TextFieldProps & react31.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { EmailField, EmailFieldProps };

package/dist/ui/admin/email-field/index.d.mts

@@ -0,0 +1,9 @@
+import "../../../index-BKqI0jBF.mjs";
+import { r as TextFieldProps } from "../../../index-BoJg4HO3.mjs";
+import * as react21 from "react";
+
+//#region src/ui/admin/email-field/email-field.d.ts
+type EmailFieldProps = TextFieldProps;
+declare const EmailField: react21.ForwardRefExoticComponent<TextFieldProps & react21.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { EmailField, EmailFieldProps };

package/dist/ui/admin/email-field/index.mjs

@@ -0,0 +1 @@
+"use client";import"../../../label-DeEAgKAc.mjs";import{t as e}from"../../../text-field-D2x9nugT.mjs";import{forwardRef as t,useCallback as n,useEffect as r,useRef as i,useState as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,c=e=>{let t=String(e);return t===``||t===`undefined`||s.test(t)},l=t(({label:t={},size:s=`lg`,...l},u)=>{let d=i(null),{helpText:f=`Invalid Email`,helpTextColor:p=`error`,...m}=t,[h,g]=a(!c(l.defaultValue||l.value)),_=e=>{let t=e.target.value;l.onChange?.(e),g(!c(t))},v=n(e=>{d.current=e,typeof u==`function`&&u(e)},[u]);return r(()=>{d.current?.value&&g(!c(d.current.value))},[]),r(()=>{(l.defaultValue||l.value)&&g(!c(l.defaultValue||l.value))},[l.defaultValue,l.value]),o(e,{label:{helpTextColor:h?p:`default`,helpText:h?f:``,...m},placeholder:`example@exaple.com`,size:s,id:m.id,invalid:h,...l,type:`email`,onChange:_,ref:v})});export{l as EmailField};