@ertugrulozcan97/apexui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -0
- package/dist/apexui.es.js +2120 -0
- package/dist/apexui.umd.js +1 -0
- package/dist/favicon.ico +0 -0
- package/package.json +46 -0
- package/src/main.css +183 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@lucide/vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@lucide/vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ApexUI={},e.Vue,e.LucideVue))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r={key:0,class:`w-1.5 h-1.5 bg-current shrink-0`,"aria-hidden":`true`},i=(0,t.defineComponent)({__name:`UBadge`,props:{variant:{default:`neutral`},dot:{type:Boolean,default:!0}},setup(e){let n=e,i={success:`bg-success-50 text-success-500 border-success-500/20`,warning:`bg-warning-50 text-[#8C5A05] border-warning-500/30`,danger:`bg-danger-50 text-danger-500 border-danger-500/20`,info:`bg-info-50 text-info-500 border-info-500/20`,neutral:`bg-ink-100 text-ink-700 border-ink-200`},a=(0,t.computed)(()=>`inline-flex items-center gap-1.5 h-6 px-2.5 font-display font-semibold text-[11px] tracking-wide border ${i[n.variant]}`);return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)(a.value)},[e.dot?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,r)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`)],2))}}),a=[`type`,`disabled`],o=(0,t.defineComponent)({__name:`UButton`,props:{variant:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},type:{default:`button`}},emits:[`click`],setup(e){let n=e,r={primary:`bg-brand-500 text-white border-transparent hover:bg-brand-600 active:bg-brand-700`,secondary:`bg-white text-ink-900 border-ink-300 hover:bg-ink-50`,danger:`bg-white text-danger-500 border-danger-500 hover:bg-danger-50`,ghost:`bg-transparent text-ink-700 border-transparent hover:bg-ink-100 hover:text-ink-900`},i={md:`h-[38px] px-[18px] text-[13px]`,sm:`h-[30px] px-3 text-[12px]`},o=(0,t.computed)(()=>[`inline-flex items-center justify-center gap-2 font-display font-semibold border cursor-pointer whitespace-nowrap shrink-0 transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,r[n.variant],i[n.size],n.disabled?`opacity-45 pointer-events-none`:``].join(` `));return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(o.value),type:e.type,disabled:e.disabled,onClick:r[0]||=e=>n.$emit(`click`,e)},[(0,t.renderSlot)(n.$slots,`default`)],10,a))}}),s=[`checked`,`disabled`,`indeterminate`],c={key:0,width:`10`,height:`2`,viewBox:`0 0 10 2`,fill:`none`,"aria-hidden":`true`},l={key:1,width:`11`,height:`8`,viewBox:`0 0 11 8`,fill:`none`,"aria-hidden":`true`},u={key:0,class:`flex flex-col gap-0.5`},d={key:0,class:`font-body text-[14px] text-ink-900 leading-[18px]`},f={key:1,class:`font-body text-[12px] text-ink-500`},p=(0,t.defineComponent)({__name:`UCheckbox`,props:{modelValue:{type:[Boolean,Array],default:!1},value:{default:void 0},label:{default:``},hint:{default:``},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.computed)(()=>Array.isArray(r.modelValue)),o=(0,t.computed)(()=>a.value?r.modelValue.includes(r.value):!!r.modelValue);function p(){if(!r.disabled)if(a.value){let e=[...r.modelValue],t=e.indexOf(r.value);t===-1?e.push(r.value):e.splice(t,1),i(`update:modelValue`,e)}else i(`update:modelValue`,!r.modelValue)}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`inline-flex items-start gap-2.5 cursor-pointer select-none group`,e.disabled?`opacity-45 cursor-not-allowed`:``]),onClick:(0,t.withModifiers)(p,[`prevent`])},[(0,t.createElementVNode)(`input`,{type:`checkbox`,class:`sr-only`,checked:o.value,disabled:e.disabled,indeterminate:e.indeterminate,tabindex:`-1`,onChange:p},null,40,s),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`relative flex shrink-0 items-center justify-center w-[18px] h-[18px] border mt-px transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,[o.value||e.indeterminate?`bg-brand-500 border-brand-500`:`bg-white border-ink-300 group-hover:border-ink-500`,e.disabled?``:`group-focus-within:shadow-[0_0_0_3px_rgb(255_133_52/0.20)]`]])},[e.indeterminate&&!o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,c,[...r[0]||=[(0,t.createElementVNode)(`rect`,{width:`10`,height:`2`,fill:`white`},null,-1)]])):o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,l,[...r[1]||=[(0,t.createElementVNode)(`path`,{d:`M1 3.5L4 6.5L10 1`,stroke:`white`,"stroke-width":`1.75`,"stroke-linecap":`square`,"stroke-linejoin":`miter`},null,-1)]])):(0,t.createCommentVNode)(``,!0)],2),e.label||e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,u,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,d,(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,f,(0,t.toDisplayString)(e.hint),1)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),m={class:`p-6 flex flex-col gap-4`},h={class:`font-display font-semibold text-[17px] text-ink-900 mb-1 mt-0`},g={key:0,class:`font-body text-[14px] text-ink-600 leading-[1.5] m-0`},_={class:`flex justify-end gap-2.5 px-6 pb-6`},v=[`disabled`],y=(0,t.defineComponent)({__name:`UDialog`,props:{modelValue:{type:Boolean,default:!1},title:{default:``},message:{default:``},variant:{default:`default`},confirmLabel:{default:`Onayla`},cancelLabel:{default:`İptal`},hideCancelButton:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},width:{default:`420px`}},emits:[`update:modelValue`,`confirm`,`cancel`],setup(e,{emit:r}){let i=e,a=r,o={default:{bg:`bg-ink-100`,iconCls:`text-ink-700`,btnCls:`bg-brand-500 text-white hover:bg-brand-600`,icon:n.Info},danger:{bg:`bg-danger-50`,iconCls:`text-danger-500`,btnCls:`bg-danger-500 text-white hover:bg-danger-600`,icon:n.XCircle},warning:{bg:`bg-warning-50`,iconCls:`text-warning-500`,btnCls:`bg-brand-500 text-white hover:bg-brand-600`,icon:n.AlertTriangle},success:{bg:`bg-success-50`,iconCls:`text-success-500`,btnCls:`bg-success-500 text-white hover:bg-success-600`,icon:n.CheckCircle}},s=()=>{a(`confirm`),a(`update:modelValue`,!1)},c=()=>{a(`cancel`),a(`update:modelValue`,!1)},l=e=>{e.key===`Escape`&&i.modelValue&&c()};return(0,t.onMounted)(()=>document.addEventListener(`keydown`,l)),(0,t.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,l)),(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-opacity duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"leave-active-class":`transition-opacity duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"enter-from-class":`opacity-0`,"leave-to-class":`opacity-0`},{default:(0,t.withCtx)(()=>[e.modelValue?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`fixed inset-0 bg-ink-900/55 grid place-items-center z-[150] px-4`,onClick:(0,t.withModifiers)(c,[`self`])},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-[opacity,transform] duration-[150ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"leave-active-class":`transition-[opacity,transform] duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"enter-from-class":`opacity-0 scale-95`,"leave-to-class":`opacity-0 scale-95`,appear:``},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:`bg-white border border-ink-200 shadow-modal w-full`,style:(0,t.normalizeStyle)({maxWidth:e.width}),onClick:i[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`div`,m,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`w-10 h-10 flex items-center justify-center shrink-0`,o[e.variant]?.bg])},[(0,t.renderSlot)(r.$slots,`icon`,{},()=>[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(o[e.variant]?.icon),{size:20,"stroke-width":1.75,class:(0,t.normalizeClass)(o[e.variant]?.iconCls),"aria-hidden":`true`},null,8,[`class`]))])],2),(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`h3`,h,(0,t.toDisplayString)(e.title),1),(0,t.renderSlot)(r.$slots,`default`,{},()=>[e.message?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,g,(0,t.toDisplayString)(e.message),1)):(0,t.createCommentVNode)(``,!0)])])]),(0,t.createElementVNode)(`div`,_,[(0,t.renderSlot)(r.$slots,`footer`,{},()=>[e.hideCancelButton?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`h-[38px] px-[18px] font-display font-semibold text-[13px] bg-white text-ink-900 border border-ink-300 cursor-pointer hover:bg-ink-50 transition-colors duration-[120ms]`,onClick:c},(0,t.toDisplayString)(e.cancelLabel),1)),(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`h-[38px] px-[18px] font-display font-semibold text-[13px] border-0 cursor-pointer transition-colors duration-[120ms] disabled:opacity-45 disabled:cursor-not-allowed flex items-center gap-2`,o[e.variant]?.btnCls]),disabled:e.loading,onClick:s},[e.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Loader2),{key:0,size:14,"stroke-width":2,class:`animate-spin`,"aria-hidden":`true`})):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.confirmLabel),1)],10,v)])])],4)]),_:3})])):(0,t.createCommentVNode)(``,!0)]),_:3})]))}}),b={class:`flex items-center justify-between px-6 py-4.5 border-b border-ink-200 shrink-0`},x={class:`m-0 font-display text-[18px] font-semibold text-ink-900`},S={class:`flex flex-col gap-4 px-6 py-6 overflow-y-auto flex-1`},C={key:0,class:`flex justify-end gap-2.5 px-6 py-4 border-t border-ink-200 bg-ink-50 shrink-0`},w=(0,t.defineComponent)({__name:`UDrawer`,props:{modelValue:{type:Boolean,default:!1},title:{default:``},width:{default:`420px`},side:{default:`right`}},emits:[`update:modelValue`],setup(e,{emit:r}){let i=e,a=r,o=()=>a(`update:modelValue`,!1),s=e=>{e.key===`Escape`&&i.modelValue&&o()};return(0,t.onMounted)(()=>document.addEventListener(`keydown`,s)),(0,t.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,s)),(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-opacity duration-fast ease-ui`,"leave-active-class":`transition-opacity duration-fast ease-ui`,"enter-from-class":`opacity-0`,"leave-to-class":`opacity-0`},{default:(0,t.withCtx)(()=>[e.modelValue?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`fixed inset-0 bg-ink-900/55 z-110`,onClick:o})):(0,t.createCommentVNode)(``,!0)]),_:1}),(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-transform duration-[200ms] ease-ui`,"leave-active-class":`transition-transform duration-[160ms] ease-ui`,"enter-from-class":e.side===`right`?`translate-x-full`:`-translate-x-full`,"leave-to-class":e.side===`right`?`translate-x-full`:`-translate-x-full`},{default:(0,t.withCtx)(()=>[e.modelValue?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`fixed top-0 bottom-0 z-120 flex flex-col bg-white border-ink-200 shadow-modal`,e.side===`right`?`right-0 border-l`:`left-0 border-r`]),style:(0,t.normalizeStyle)({width:e.width,maxWidth:`calc(100vw - 48px)`}),role:`dialog`,"aria-modal":`true`},[(0,t.createElementVNode)(`div`,b,[(0,t.createElementVNode)(`h3`,x,(0,t.toDisplayString)(e.title),1),(0,t.createElementVNode)(`button`,{class:`w-9 h-9 inline-flex items-center justify-center bg-transparent text-ink-700 border border-ink-200 cursor-pointer shrink-0 transition-colors duration-fast hover:bg-ink-100 hover:text-ink-900 hover:border-ink-300 active:bg-ink-200 focus-visible:outline-none focus-visible:border-brand-500 focus-visible:shadow-[0_0_0_3px_rgb(255_133_52/0.20)]`,"aria-label":`Kapat`,onClick:o},[(0,t.createVNode)((0,t.unref)(n.X),{size:16,"stroke-width":2,"aria-hidden":`true`})])]),(0,t.createElementVNode)(`div`,S,[(0,t.renderSlot)(r.$slots,`default`)]),r.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,C,[(0,t.renderSlot)(r.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],6)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`enter-from-class`,`leave-to-class`])]))}}),T=(0,t.reactive)({open:!1,title:``,message:``,variant:`default`,confirmLabel:`Onayla`,cancelLabel:`İptal`,hideCancelButton:!1,loading:!1,_resolve:null});function E(){function e(e={}){return new Promise(t=>{Object.assign(T,{open:!0,title:e.title??``,message:e.message??``,variant:e.variant??`default`,confirmLabel:e.confirmLabel??`Onayla`,cancelLabel:e.cancelLabel??`İptal`,hideCancelButton:e.hideCancelButton??!1,loading:!1,_resolve:t})})}function t(t={}){return e({...t,hideCancelButton:!0,confirmLabel:t.confirmLabel??`Tamam`})}return{confirm:e,alert:t}}var ee={class:`p-6 flex flex-col gap-4`},te={class:`font-display font-semibold text-[17px] text-ink-900 mb-1 mt-0`},D={key:0,class:`font-body text-[14px] text-ink-600 leading-[1.5] m-0`},O={class:`flex justify-end gap-2.5 px-6 pb-6`},k=[`disabled`],A=(0,t.defineComponent)({__name:`UDialogProvider`,setup(e){let r={default:{bg:`bg-ink-100`,iconCls:`text-ink-700`,btnCls:`bg-brand-500 text-white hover:bg-brand-600`,icon:n.Info},danger:{bg:`bg-danger-50`,iconCls:`text-danger-500`,btnCls:`bg-danger-500 text-white hover:bg-danger-600`,icon:n.XCircle},warning:{bg:`bg-warning-50`,iconCls:`text-warning-500`,btnCls:`bg-brand-500 text-white hover:bg-brand-600`,icon:n.AlertTriangle},success:{bg:`bg-success-50`,iconCls:`text-success-500`,btnCls:`bg-success-500 text-white hover:bg-success-600`,icon:n.CheckCircle}},i=()=>{T._resolve?.(!0),T.open=!1},a=()=>{T._resolve?.(!1),T.open=!1},o=e=>{e.key===`Escape`&&T.open&&a()};return(0,t.onMounted)(()=>document.addEventListener(`keydown`,o)),(0,t.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,o)),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-opacity duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"leave-active-class":`transition-opacity duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"enter-from-class":`opacity-0`,"leave-to-class":`opacity-0`},{default:(0,t.withCtx)(()=>[(0,t.unref)(T).open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`fixed inset-0 bg-ink-900/55 grid place-items-center z-[150] px-4`,onClick:(0,t.withModifiers)(a,[`self`])},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-[opacity,transform] duration-[150ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"leave-active-class":`transition-[opacity,transform] duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"enter-from-class":`opacity-0 scale-95`,"leave-to-class":`opacity-0 scale-95`,appear:``},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:`bg-white border border-ink-200 shadow-modal w-full max-w-[420px]`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`div`,ee,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`w-10 h-10 flex items-center justify-center shrink-0`,r[(0,t.unref)(T).variant]?.bg])},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(r[(0,t.unref)(T).variant]?.icon),{size:20,"stroke-width":1.75,class:(0,t.normalizeClass)(r[(0,t.unref)(T).variant]?.iconCls),"aria-hidden":`true`},null,8,[`class`]))],2),(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`h3`,te,(0,t.toDisplayString)((0,t.unref)(T).title),1),(0,t.unref)(T).message?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,D,(0,t.toDisplayString)((0,t.unref)(T).message),1)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`div`,O,[(0,t.unref)(T).hideCancelButton?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`h-[38px] px-[18px] font-display font-semibold text-[13px] bg-white text-ink-900 border border-ink-300 cursor-pointer hover:bg-ink-50 transition-colors duration-[120ms]`,onClick:a},(0,t.toDisplayString)((0,t.unref)(T).cancelLabel),1)),(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`h-[38px] px-[18px] font-display font-semibold text-[13px] border-0 cursor-pointer transition-colors duration-[120ms] disabled:opacity-45 disabled:cursor-not-allowed flex items-center gap-2`,r[(0,t.unref)(T).variant]?.btnCls]),disabled:(0,t.unref)(T).loading,onClick:i},[(0,t.unref)(T).loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Loader2),{key:0,size:14,"stroke-width":2,class:`animate-spin`,"aria-hidden":`true`})):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)((0,t.unref)(T).confirmLabel),1)],10,k)])])]),_:1})])):(0,t.createCommentVNode)(``,!0)]),_:1})]))}}),ne=[`accept`],re={class:`font-display font-semibold text-[13px] text-ink-900`},j={class:`font-body text-[12px] text-ink-500`},M=(0,t.defineComponent)({__name:`UDropzone`,props:{label:{default:`Dosya sürükleyin veya tıklayın`},subtext:{default:`PDF, JPG veya PNG · max 10MB`},accept:{default:`.pdf,.jpg,.jpeg,.png`}},emits:[`change`],setup(e,{emit:r}){let i=r,a=(0,t.ref)(null),o=(0,t.ref)(!1),s=()=>a.value?.click(),c=e=>i(`change`,e.target.files),l=e=>{e.preventDefault(),o.value=!0},u=()=>{o.value=!1},d=e=>{e.preventDefault(),o.value=!1,i(`change`,e.dataTransfer?.files??null)};return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`flex flex-col items-center gap-2 border border-dashed border-ink-300 bg-ink-50 p-[22px] text-center cursor-pointer transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,o.value?`border-brand-500 bg-brand-50`:`hover:border-brand-500 hover:bg-brand-50`]),role:`button`,tabindex:`0`,onClick:s,onKeydown:(0,t.withKeys)(s,[`enter`]),onDragover:l,onDragleave:u,onDrop:d},[(0,t.createElementVNode)(`input`,{ref_key:`fileInput`,ref:a,type:`file`,accept:e.accept,multiple:``,class:`hidden`,onChange:c},null,40,ne),(0,t.createVNode)((0,t.unref)(n.Upload),{size:24,"stroke-width":1.5,class:(0,t.normalizeClass)([`transition-colors duration-[120ms]`,o.value?`text-brand-500`:`text-ink-500`]),"aria-hidden":`true`},null,8,[`class`]),(0,t.createElementVNode)(`div`,re,(0,t.toDisplayString)(e.label),1),(0,t.createElementVNode)(`div`,j,(0,t.toDisplayString)(e.subtext),1)],34))}}),N=(0,t.defineComponent)({__name:`UIcon`,props:{icon:{},iconColor:{default:`neutral`},size:{default:20},strokeWidth:{default:1.75}},setup(e){let n={neutral:`text-ink-500`,primary:`text-blue-500`,success:`text-green-500`,warning:`text-yellow-500`,error:`text-red-500`};return(r,i)=>e.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.icon),{key:0,size:e.size,"stroke-width":e.strokeWidth,"aria-hidden":`true`,class:(0,t.normalizeClass)(n[e.iconColor]||n.neutral)},null,8,[`size`,`stroke-width`,`class`])):(0,t.createCommentVNode)(``,!0)}}),P={class:`font-display font-medium text-[15px] text-ink-700 mt-3`},ie={key:0,class:`text-[13px] text-ink-500 mt-1`},F={key:1,class:`mt-4`},I=(0,t.defineComponent)({__name:`UEmptyState`,props:{icon:{default:()=>n.DatabaseSearch},iconColor:{default:`neutral`},title:{default:``},message:{default:``},noBorder:{type:Boolean,default:!1}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`flex flex-col items-center py-14 px-6 text-center bg-white`,!e.noBorder&&`border border-ink-200`])},[(0,t.createVNode)(N,{icon:e.icon,variant:e.iconColor,size:40,"stroke-width":1.5},null,8,[`icon`,`variant`]),(0,t.createElementVNode)(`div`,P,(0,t.toDisplayString)(e.title),1),e.message?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ie,(0,t.toDisplayString)(e.message),1)):(0,t.createCommentVNode)(``,!0),n.$slots.action?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,F,[(0,t.renderSlot)(n.$slots,`action`)])):(0,t.createCommentVNode)(``,!0)],2))}}),ae=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},L={},R={class:`grid grid-cols-2 gap-4`};function oe(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,R,[(0,t.renderSlot)(e.$slots,`default`)])}var z=ae(L,[[`render`,oe]]),B=[`aria-label`],V={key:0,class:`absolute top-1.5 right-1.5 w-1.5 h-1.5 bg-brand-500`,"aria-hidden":`true`},H=(0,t.defineComponent)({__name:`UIconButton`,props:{ariaLabel:{default:``},dot:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},filled:{type:Boolean,default:!1},size:{default:`md`}},emits:[`click`],setup(e){let n=e,r=(0,t.computed)(()=>[`relative inline-grid place-items-center cursor-pointer transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,n.size===`md`?`w-[38px] h-[38px] border`:`w-8 h-8 border`,n.filled?`bg-ink-900 border-ink-900 text-white hover:bg-ink-700 hover:border-ink-700`:n.danger?`bg-transparent border-ink-200 text-ink-700 hover:text-danger-500 hover:bg-danger-50`:`bg-transparent border-ink-200 text-ink-700 hover:bg-ink-50`].join(` `));return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(r.value),"aria-label":e.ariaLabel,type:`button`,onClick:i[0]||=e=>n.$emit(`click`,e)},[(0,t.renderSlot)(n.$slots,`default`),e.dot?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,V)):(0,t.createCommentVNode)(``,!0)],10,B))}}),U={class:`flex flex-col gap-1.5`},W={key:0,class:`font-body font-semibold text-[13px] text-ink-700`},se=[`value`,`disabled`],G=[`value`,`placeholder`,`disabled`,`rows`],ce=[`type`,`value`,`placeholder`,`disabled`],le={key:4,class:`font-body text-[12px] text-ink-500`},K=(0,t.defineComponent)({__name:`UInput`,props:{modelValue:{default:``},label:{default:``},hint:{default:``},type:{default:`text`},as:{default:`input`},placeholder:{default:``},disabled:{type:Boolean,default:!1},rows:{default:4}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=n,i=e=>r(`update:modelValue`,e.target.value),a=[`w-full bg-white border border-ink-300 font-body text-[14px] text-ink-900`,`placeholder:text-ink-400`,`transition-[border-color,box-shadow] duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,`focus:outline-none focus:border-brand-500 focus:shadow-[0_0_0_3px_rgb(255_133_52/0.12)]`,`disabled:opacity-55 disabled:cursor-not-allowed`].join(` `);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,U,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,W,(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),e.as===`select`?((0,t.openBlock)(),(0,t.createElementBlock)(`select`,{key:1,class:(0,t.normalizeClass)([(0,t.unref)(a),`h-input px-3 pr-8 select-arrow cursor-pointer`]),value:e.modelValue,disabled:e.disabled,onChange:i},[(0,t.renderSlot)(n.$slots,`options`)],42,se)):e.as===`textarea`?((0,t.openBlock)(),(0,t.createElementBlock)(`textarea`,{key:2,class:(0,t.normalizeClass)([(0,t.unref)(a),`px-3 py-2.5 min-h-[92px] resize-y`]),value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,rows:e.rows,onInput:i},null,42,G)):((0,t.openBlock)(),(0,t.createElementBlock)(`input`,{key:3,class:(0,t.normalizeClass)([(0,t.unref)(a),`h-[38px] px-3`]),type:e.type,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,onInput:i},null,42,ce)),e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,le,(0,t.toDisplayString)(e.hint),1)):(0,t.createCommentVNode)(``,!0)]))}}),q=(0,t.defineComponent)({__name:`UListCard`,props:{columns:{default:`1fr 32px`},header:{type:Boolean,default:!1}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`grid items-center gap-6 border-b border-ink-200 transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)] last:border-b-0`,e.header?`bg-ink-50 px-5 py-2.5`:`bg-white px-5 py-4 hover:bg-ink-50`]),style:(0,t.normalizeStyle)({gridTemplateColumns:e.columns})},[(0,t.renderSlot)(n.$slots,`default`)],6))}}),J={class:`col-label`},Y=(0,t.defineComponent)({__name:`UListCardCell`,props:{label:{default:``},value:{default:``},align:{default:`right`},color:{default:``}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(e.align===`right`?`text-right`:`text-left`)},[(0,t.createElementVNode)(`div`,J,(0,t.toDisplayString)(e.label),1),(0,t.createElementVNode)(`div`,{class:`font-display text-[14px] text-ink-900 tabular-nums`,style:(0,t.normalizeStyle)(e.color?{color:e.color}:{})},[(0,t.renderSlot)(n.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.value),1)])],4)],2))}}),ue=[`width`,`height`],de=(0,t.defineComponent)({__name:`ULogoMark`,props:{size:{default:36}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`bg-brand-500 grid place-items-center shrink-0`,style:(0,t.normalizeStyle)({width:e.size+`px`,height:e.size+`px`}),"aria-hidden":`true`},[((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{width:e.size*.61,height:e.size*.61,viewBox:`0 0 28 28`,fill:`none`},[...r[0]||=[(0,t.createElementVNode)(`path`,{d:`M6 8 L22 8 L22 11 L13 18 L22 18 L22 21 L6 21 L6 18 L15 11 L6 11 Z`,fill:`#0E1726`},null,-1)]],8,ue))],4))}}),fe={class:`flex items-center justify-between px-6 py-[18px] border-b border-ink-200 shrink-0`},pe={class:`m-0 font-display text-[18px] font-semibold text-ink-900`},me={class:`flex flex-col gap-3.5 px-6 py-[22px] overflow-auto flex-1`},he={key:0,class:`flex justify-end gap-2.5 px-6 py-4 border-t border-ink-200 bg-ink-50 shrink-0`},ge=(0,t.defineComponent)({__name:`UModal`,props:{modelValue:{type:Boolean,default:!1},title:{default:``},width:{default:`520px`}},emits:[`update:modelValue`],setup(e,{emit:r}){let i=e,a=r,o=()=>a(`update:modelValue`,!1),s=e=>{e.key===`Escape`&&i.modelValue&&o()};return(0,t.onMounted)(()=>document.addEventListener(`keydown`,s)),(0,t.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,s)),(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-opacity duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"leave-active-class":`transition-opacity duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"enter-from-class":`opacity-0`,"leave-to-class":`opacity-0`},{default:(0,t.withCtx)(()=>[e.modelValue?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`fixed inset-0 bg-ink-900/55 grid place-items-center z-[100]`,role:`dialog`,"aria-modal":`true`,onClick:(0,t.withModifiers)(o,[`self`])},[(0,t.createElementVNode)(`div`,{class:`flex flex-col bg-white border border-ink-200 shadow-modal max-h-[calc(100vh-64px)]`,style:(0,t.normalizeStyle)({width:e.width,maxWidth:`calc(100vw - 32px)`}),onClick:i[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`div`,fe,[(0,t.createElementVNode)(`h3`,pe,(0,t.toDisplayString)(e.title),1),(0,t.createElementVNode)(`button`,{class:`w-9 h-9 inline-flex items-center justify-center bg-transparent text-ink-700 border border-ink-200 cursor-pointer shrink-0 transition-colors duration-[120ms] hover:bg-ink-100 hover:text-ink-900 hover:border-ink-300 active:bg-ink-200 focus-visible:outline-none focus-visible:border-brand-500 focus-visible:shadow-[0_0_0_3px_rgb(255_133_52/0.20)]`,"aria-label":`Kapat`,onClick:o},[(0,t.createVNode)((0,t.unref)(n.X),{size:16,"stroke-width":2,"aria-hidden":`true`})])]),(0,t.createElementVNode)(`div`,me,[(0,t.renderSlot)(r.$slots,`default`)]),r.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,he,[(0,t.renderSlot)(r.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],4)])):(0,t.createCommentVNode)(``,!0)]),_:3})]))}}),_e={class:`flex flex-col bg-ink-900 text-white sticky top-0 h-screen w-[240px] shrink-0`},ve={class:`flex items-center gap-3 px-5 pt-5.5 pb-4.5 border-b border-white/6 shrink-0`},ye={class:`flex-1 py-4 overflow-y-auto`},be={key:0,class:`px-5 pb-2 pt-4 first:pt-0 font-display text-[10px] font-semibold tracking-[0.12em] text-white/35 uppercase`},xe=[`onClick`],Se={class:`flex-1`},Ce={class:`flex flex-col pb-1`},we=[`onClick`],Te={key:0,class:`absolute left-0 top-0 bottom-0 w-[3px] bg-brand-500`},Ee=[`onClick`],De={key:0,class:`absolute left-0 top-0 bottom-0 w-[3px] bg-brand-500`},Oe=[`onClick`],ke={class:`flex-1`},Ae={class:`flex flex-col pb-1`},je=[`onClick`],Me={key:0,class:`absolute left-0 top-0 bottom-0 w-[3px] bg-brand-500`},Ne=[`onClick`],Pe={key:0,class:`absolute left-0 top-0 bottom-0 w-[3px] bg-brand-500`},Fe={class:`m-4 mb-5 p-4 bg-white/4 border border-white/8 shrink-0`},X=(0,t.defineComponent)({__name:`USidebar`,props:{active:{default:``},items:{default:()=>[]}},emits:[`navigate`,`cta-click`],setup(e){let r=e,i=(0,t.ref)({});function a(e){i.value={...i.value,[e]:!i.value[e]}}function o(e){return!!i.value[e]}function s(e){return e?.some(e=>e.key===r.active)??!1}return(0,t.watch)(()=>r.active,()=>{let e={};for(let t of r.items){let n=t.items??(t.key?[t]:[]);for(let t of n)t.children?.some(e=>e.key===r.active)&&(e[t.key]=!0)}Object.keys(e).length&&(i.value={...i.value,...e})},{immediate:!0}),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`aside`,_e,[(0,t.createElementVNode)(`div`,ve,[(0,t.renderSlot)(r.$slots,`logo`)]),(0,t.createElementVNode)(`nav`,ye,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,i=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:i.group??i.key},[i.group?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,be,(0,t.toDisplayString)(i.group),1)):(0,t.createCommentVNode)(``,!0),i.items?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(i.items,i=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:i.key},[i.children?.length?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`relative flex items-center gap-3 w-full px-5 py-2.75 text-left font-display font-medium text-[14px] border-0 cursor-pointer transition-colors duration-120 ease-ui`,s(i.children)?`bg-transparent text-white`:`bg-transparent text-white/72 hover:bg-white/6 hover:text-white`]),type:`button`,onClick:e=>a(i.key)},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(i.icon),{size:20,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0 transition-colors duration-120`,s(i.children)?`text-brand-500`:``]),"aria-hidden":`true`},null,8,[`class`])),(0,t.createElementVNode)(`span`,Se,(0,t.toDisplayString)(i.label),1),(0,t.createVNode)((0,t.unref)(n.ChevronDown),{size:14,"stroke-width":2,class:(0,t.normalizeClass)([`shrink-0 transition-transform duration-160 ease-ui mr-0.5`,o(i.key)?`rotate-180`:``]),"aria-hidden":`true`},null,8,[`class`])],10,xe),(0,t.withDirectives)((0,t.createElementVNode)(`div`,Ce,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i.children,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:n.key,class:(0,t.normalizeClass)([`relative flex items-center gap-2.5 w-full pl-[52px] pr-5 py-2 text-left font-display font-medium text-[13px] border-0 cursor-pointer transition-colors duration-120 ease-ui`,e.active===n.key?`bg-brand-500/10 text-white`:`bg-transparent text-white/55 hover:bg-white/6 hover:text-white`]),type:`button`,onClick:e=>r.$emit(`navigate`,n.key)},[e.active===n.key?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Te)):(0,t.createCommentVNode)(``,!0),n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:1,size:15,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0`,e.active===n.key?`text-brand-500`:``]),"aria-hidden":`true`},null,8,[`class`])):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(n.label),1)],10,we))),128))],512),[[t.vShow,o(i.key)]])],64)):((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:(0,t.normalizeClass)([`relative flex items-center gap-3 w-full px-5 py-2.75 text-left font-display font-medium text-[14px] border-0 cursor-pointer transition-colors duration-120 ease-ui`,e.active===i.key?`bg-brand-500/10 text-white`:`bg-transparent text-white/72 hover:bg-white/6 hover:text-white`]),type:`button`,onClick:e=>r.$emit(`navigate`,i.key)},[e.active===i.key?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,De)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(i.icon),{size:20,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0 transition-colors duration-120`,e.active===i.key?`text-brand-500`:``]),"aria-hidden":`true`},null,8,[`class`])),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(i.label),1)],10,Ee))],64))),128)):i.key?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[i.children?.length?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`relative flex items-center gap-3 w-full px-5 py-2.75 text-left font-display font-medium text-[14px] border-0 cursor-pointer transition-colors duration-120 ease-ui`,s(i.children)?`bg-transparent text-white`:`bg-transparent text-white/72 hover:bg-white/6 hover:text-white`]),type:`button`,onClick:e=>a(i.key)},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(i.icon),{size:20,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0 transition-colors duration-120`,s(i.children)?`text-brand-500`:``]),"aria-hidden":`true`},null,8,[`class`])),(0,t.createElementVNode)(`span`,ke,(0,t.toDisplayString)(i.label),1),(0,t.createVNode)((0,t.unref)(n.ChevronDown),{size:14,"stroke-width":2,class:(0,t.normalizeClass)([`shrink-0 transition-transform duration-160 ease-ui mr-0.5`,o(i.key)?`rotate-180`:``]),"aria-hidden":`true`},null,8,[`class`])],10,Oe),(0,t.withDirectives)((0,t.createElementVNode)(`div`,Ae,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i.children,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:n.key,class:(0,t.normalizeClass)([`relative flex items-center gap-2.5 w-full pl-[52px] pr-5 py-2 text-left font-display font-medium text-[13px] border-0 cursor-pointer transition-colors duration-120 ease-ui`,e.active===n.key?`bg-brand-500/10 text-white`:`bg-transparent text-white/55 hover:bg-white/6 hover:text-white`]),type:`button`,onClick:e=>r.$emit(`navigate`,n.key)},[e.active===n.key?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Me)):(0,t.createCommentVNode)(``,!0),n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:1,size:15,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0`,e.active===n.key?`text-brand-500`:``]),"aria-hidden":`true`},null,8,[`class`])):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(n.label),1)],10,je))),128))],512),[[t.vShow,o(i.key)]])],64)):((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:(0,t.normalizeClass)([`relative flex items-center gap-3 w-full px-5 py-2.75 text-left font-display font-medium text-[14px] border-0 cursor-pointer transition-colors duration-120 ease-ui`,e.active===i.key?`bg-brand-500/10 text-white`:`bg-transparent text-white/72 hover:bg-white/6 hover:text-white`]),type:`button`,onClick:e=>r.$emit(`navigate`,i.key)},[e.active===i.key?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Pe)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(i.icon),{size:20,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0 transition-colors duration-120`,e.active===i.key?`text-brand-500`:``]),"aria-hidden":`true`},null,8,[`class`])),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(i.label),1)],10,Ne))],64)):(0,t.createCommentVNode)(``,!0)],64))),128))]),(0,t.renderSlot)(r.$slots,`cta`,{},()=>[(0,t.createElementVNode)(`div`,Fe,[i[2]||=(0,t.createElementVNode)(`div`,{class:`font-display font-semibold text-[13px] text-white`},` Mobil uygulamalar `,-1),i[3]||=(0,t.createElementVNode)(`div`,{class:`font-body text-[11px] text-white/62 mt-1 leading-[1.4]`},` Şoförleriniz için iOS ve Android uygulamasını indirin. `,-1),(0,t.createElementVNode)(`button`,{class:`mt-3 w-full h-9 flex items-center justify-center gap-2 bg-brand-500 text-white border-0 font-display font-semibold text-[13px] cursor-pointer hover:bg-brand-600 transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,type:`button`,onClick:i[0]||=e=>r.$emit(`cta-click`)},[(0,t.createVNode)((0,t.unref)(n.Smartphone),{size:16,"stroke-width":1.5,"aria-hidden":`true`}),i[1]||=(0,t.createTextVNode)(` İndir `,-1)])])])]))}}),Ie={class:`h-[64px] flex items-center justify-between gap-3 px-4 sm:px-8 bg-white border-b border-ink-200 sticky top-0 z-5 shrink-0`},Le={class:`flex items-center gap-3 min-w-0`},Re={class:`min-w-0`},ze={class:`font-display font-semibold text-[18px] sm:text-[20px] text-ink-900 truncate`},Be={key:0,class:`font-body text-[13px] text-ink-500 hidden sm:block`},Ve={class:`flex items-center gap-2 sm:gap-3 shrink-0`},He={class:`relative hidden md:block`},Ue=[`placeholder`,`value`],We={key:0,class:`absolute top-1.5 right-1.5 w-1.5 h-1.5 bg-brand-500`,"aria-hidden":`true`},Ge={class:`w-7 h-7 bg-brand-500 text-white grid place-items-center font-display font-semibold text-[12px] shrink-0`},Ke={class:`font-display font-semibold text-[13px] text-ink-900 hidden sm:inline`},Z=(0,t.defineComponent)({__name:`UTopBar`,props:{title:{default:``},subtitle:{default:``},userName:{default:`Mehmet Kaya`},userInitials:{default:`MK`},notification:{type:Boolean,default:!1},searchPlaceholder:{default:`Ara: araç, şoför, evrak…`}},emits:[`search`,`notification-click`,`user-click`,`menu-click`],setup(e,{emit:r}){let i=r,a=(0,t.ref)(``),o=e=>{a.value=e.target.value,i(`search`,a.value)};return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`header`,Ie,[(0,t.createElementVNode)(`div`,Le,[(0,t.createElementVNode)(`button`,{class:`lg:hidden w-9 h-9 grid place-items-center text-ink-700 hover:bg-ink-50 transition-colors duration-120 shrink-0`,type:`button`,"aria-label":`Menüyü aç`,onClick:i[0]||=e=>r.$emit(`menu-click`)},[(0,t.createVNode)((0,t.unref)(n.Menu),{size:20,"stroke-width":1.75,"aria-hidden":`true`})]),(0,t.createElementVNode)(`div`,Re,[(0,t.createElementVNode)(`div`,ze,(0,t.toDisplayString)(e.title),1),e.subtitle?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Be,(0,t.toDisplayString)(e.subtitle),1)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`div`,Ve,[(0,t.createElementVNode)(`div`,He,[(0,t.createVNode)((0,t.unref)(n.Search),{size:16,"stroke-width":1.5,class:`absolute left-3 top-1/2 -translate-y-1/2 text-ink-500 pointer-events-none`,"aria-hidden":`true`}),(0,t.createElementVNode)(`input`,{class:`w-50 lg:w-70 h-9 pl-9 pr-3 bg-ink-50 border border-transparent font-body text-[13px] text-ink-900 placeholder:text-ink-400 transition-colors duration-120 ease-ui focus:outline-none focus:bg-white focus:border-ink-300`,type:`search`,placeholder:e.searchPlaceholder,value:a.value,onInput:o},null,40,Ue)]),(0,t.createElementVNode)(`button`,{class:`relative w-9 h-9 grid place-items-center bg-transparent text-ink-700 border border-ink-200 cursor-pointer hover:bg-ink-50 transition-colors duration-120 ease-ui`,type:`button`,"aria-label":`Bildirimler`,onClick:i[1]||=e=>r.$emit(`notification-click`)},[(0,t.createVNode)((0,t.unref)(n.Bell),{size:16,"stroke-width":1.5,"aria-hidden":`true`}),e.notification?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,We)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,{class:`flex items-center gap-2.5 pl-1 pr-2 sm:pr-3 py-1 bg-ink-50 border border-ink-200 cursor-pointer hover:bg-ink-100 transition-colors duration-120 ease-ui`,role:`button`,tabindex:`0`,onClick:i[2]||=e=>r.$emit(`user-click`),onKeydown:i[3]||=(0,t.withKeys)(e=>r.$emit(`user-click`),[`enter`])},[(0,t.createElementVNode)(`div`,Ge,(0,t.toDisplayString)(e.userInitials),1),(0,t.createElementVNode)(`span`,Ke,(0,t.toDisplayString)(e.userName),1)],32)])]))}}),qe={class:`grid min-h-screen bg-ink-50`,style:{"grid-template-columns":`240px 1fr`}},Je={class:`flex flex-col min-h-screen overflow-x-hidden`},Ye={class:`px-8 py-7 pb-16 w-full max-w-7xl`},Xe=(0,t.defineComponent)({__name:`UPageLayout`,props:{active:{default:``},pageTitle:{default:``},pageSubtitle:{default:``},userName:{default:`Mehmet Kaya`},userInitials:{default:`MK`},notification:{type:Boolean,default:!1}},emits:[`navigate`,`search`,`notification-click`,`user-click`],setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,qe,[(0,t.createVNode)(X,{active:e.active,onNavigate:r[0]||=e=>n.$emit(`navigate`,e)},null,8,[`active`]),(0,t.createElementVNode)(`div`,Je,[(0,t.createVNode)(Z,{title:e.pageTitle,subtitle:e.pageSubtitle,"user-name":e.userName,"user-initials":e.userInitials,notification:e.notification,onSearch:r[1]||=e=>n.$emit(`search`,e),onNotificationClick:r[2]||=e=>n.$emit(`notification-click`),onUserClick:r[3]||=e=>n.$emit(`user-click`)},null,8,[`title`,`subtitle`,`user-name`,`user-initials`,`notification`]),(0,t.createElementVNode)(`main`,Ye,[(0,t.renderSlot)(n.$slots,`default`)])])]))}}),Ze=[`checked`,`disabled`],Qe={key:0,class:`w-[8px] h-[8px] bg-brand-500 transition-transform duration-[120ms]`,style:{"border-radius":`50% !important`}},$e={key:0,class:`flex flex-col gap-0.5`},et={key:0,class:`font-body text-[14px] text-ink-900 leading-[18px]`},tt={key:1,class:`font-body text-[12px] text-ink-500`},nt=(0,t.defineComponent)({__name:`URadio`,props:{modelValue:{default:void 0},value:{default:void 0},label:{default:``},hint:{default:``},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.computed)(()=>r.modelValue===r.value),o=()=>{r.disabled||i(`update:modelValue`,r.value)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`inline-flex items-start gap-2.5 cursor-pointer select-none group`,e.disabled?`opacity-45 cursor-not-allowed`:``]),onClick:(0,t.withModifiers)(o,[`prevent`])},[(0,t.createElementVNode)(`input`,{type:`radio`,class:`sr-only`,checked:a.value,disabled:e.disabled,tabindex:`-1`,onChange:o},null,40,Ze),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`relative flex shrink-0 items-center justify-center w-[18px] h-[18px] border-2 mt-px transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,[a.value?`border-brand-500`:`border-ink-300 group-hover:border-ink-500`,e.disabled?``:`group-focus-within:shadow-[0_0_0_3px_rgb(255_133_52/0.20)]`]]),style:{"border-radius":`50% !important`}},[a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Qe)):(0,t.createCommentVNode)(``,!0)],2),e.label||e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,$e,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,et,(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,tt,(0,t.toDisplayString)(e.hint),1)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),rt={class:`flex flex-col gap-1.5`},it={key:0,class:`font-body font-semibold text-[13px] text-ink-700`},at=[`disabled`,`aria-expanded`],ot={class:`flex-1 truncate`},st={key:0,class:`text-ink-900`},ct={key:1,class:`text-ink-400`},lt={class:`flex items-center gap-1 shrink-0`},ut={key:0,class:`absolute left-0 right-0 top-[calc(100%+4px)] z-50 bg-white border border-ink-200 shadow-(--shadow-menu) flex flex-col`},dt={key:0,class:`p-2 border-b border-ink-200`},ft={class:`relative`},pt=[`placeholder`,`value`],mt={key:0,class:`px-3 py-2.5 font-body text-[13px] text-ink-400 text-center`},ht=[`aria-selected`,`onMouseenter`,`onClick`],gt={class:`flex-1 min-w-0`},_t={key:1,class:`font-body text-[12px] text-ink-500`},vt=(0,t.defineComponent)({__name:`USelect`,props:{modelValue:{default:void 0},options:{default:()=>[]},labelKey:{default:null},valueKey:{default:null},searchable:{type:Boolean,default:!0},placeholder:{default:`Seçin…`},searchPlaceholder:{default:`Ara…`},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},label:{default:``},hint:{default:``},noResultsText:{default:`Sonuç bulunamadı`}},emits:[`update:modelValue`,`search`,`open`,`close`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=(0,t.ref)(null),c=(0,t.ref)(null),l=(0,t.ref)(!1),u=(0,t.ref)(``),d=(0,t.ref)(-1);function f(e){return e==null?``:i.labelKey&&typeof e==`object`?String(e[i.labelKey]??``):typeof e==`object`?JSON.stringify(e):String(e)}function p(e){return e==null?null:i.valueKey&&typeof e==`object`?e[i.valueKey]:e}let m=(0,t.computed)(()=>i.modelValue!==null&&i.modelValue!==void 0&&i.modelValue!==``);(0,t.computed)(()=>typeof i.modelValue!=`object`);let h=(0,t.computed)(()=>f(i.modelValue)),g=(0,t.computed)(()=>{if(!u.value.trim())return i.options;let e=u.value.toLowerCase();return i.options.filter(t=>f(t).toLowerCase().includes(e))});function _(e){return i.valueKey&&typeof e==`object`&&e?p(e)===p(i.modelValue):typeof e==`object`&&e?JSON.stringify(e)===JSON.stringify(i.modelValue):e===i.modelValue}function v(){i.disabled||(l.value=!0,u.value=``,d.value=-1,a(`open`),(0,t.nextTick)(()=>s.value?.focus()))}function y(){l.value=!1,u.value=``,d.value=-1,a(`close`)}function b(){l.value?y():v()}function x(e){a(`update:modelValue`,e),y()}function S(e){e.stopPropagation(),a(`update:modelValue`,null)}function C(e){u.value=e.target.value,d.value=-1,a(`search`,u.value)}function w(){(c.value?.children[d.value])?.scrollIntoView({block:`nearest`})}function T(e){if(!l.value){[`Enter`,` `,`ArrowDown`].includes(e.key)&&(e.preventDefault(),v());return}if(e.key===`Escape`){y();return}e.key===`ArrowDown`&&(e.preventDefault(),d.value=Math.min(d.value+1,g.value.length-1),(0,t.nextTick)(w)),e.key===`ArrowUp`&&(e.preventDefault(),d.value=Math.max(d.value-1,0),(0,t.nextTick)(w)),e.key===`Enter`&&d.value>=0&&(e.preventDefault(),x(g.value[d.value]))}function E(e){o.value?.contains(e.target)||y()}return(0,t.onMounted)(()=>document.addEventListener(`mousedown`,E)),(0,t.onBeforeUnmount)(()=>document.removeEventListener(`mousedown`,E)),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,rt,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,it,(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{ref_key:`root`,ref:o,class:`relative`,onKeydown:T},[(0,t.createElementVNode)(`button`,{type:`button`,class:(0,t.normalizeClass)([`w-full h-input flex items-center justify-between gap-2 px-3 bg-white border font-body text-[14px] text-left cursor-pointer transition-colors duration-fast ease-ui`,[e.disabled?`opacity-45 cursor-not-allowed border-ink-300`:`border-ink-300 hover:border-ink-500`,l.value?`border-brand-500! shadow-[0_0_0_3px_rgb(255_133_52/0.12)]`:``]]),disabled:e.disabled,"aria-expanded":l.value,"aria-haspopup":`listbox`,onClick:b},[(0,t.createElementVNode)(`span`,ot,[(0,t.renderSlot)(r.$slots,`trigger`,{selected:e.modelValue,placeholder:e.placeholder},()=>[m.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,st,(0,t.toDisplayString)(h.value),1)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,ct,(0,t.toDisplayString)(e.placeholder),1))])]),(0,t.createElementVNode)(`span`,lt,[e.clearable&&m.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,class:`w-5 h-5 inline-flex items-center justify-center text-ink-400 hover:text-ink-700 transition-colors`,"aria-label":`Temizle`,onClick:(0,t.withModifiers)(S,[`stop`])},[(0,t.createVNode)((0,t.unref)(n.X),{size:12,"stroke-width":2,"aria-hidden":`true`})])):(0,t.createCommentVNode)(``,!0),(0,t.createVNode)((0,t.unref)(n.ChevronDown),{size:16,"stroke-width":1.75,class:(0,t.normalizeClass)([`text-ink-500 transition-transform duration-fast`,l.value?`rotate-180`:``]),"aria-hidden":`true`},null,8,[`class`])])],10,at),(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-[opacity,transform] duration-fast ease-ui`,"leave-active-class":`transition-[opacity,transform] duration-fast ease-ui`,"enter-from-class":`opacity-0 -translate-y-1`,"leave-to-class":`opacity-0 -translate-y-1`},{default:(0,t.withCtx)(()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ut,[e.searchable?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,dt,[(0,t.createElementVNode)(`div`,ft,[(0,t.createVNode)((0,t.unref)(n.Search),{size:14,"stroke-width":1.5,class:`absolute left-2.5 top-1/2 -translate-y-1/2 text-ink-400 pointer-events-none`,"aria-hidden":`true`}),(0,t.createElementVNode)(`input`,{ref_key:`searchInput`,ref:s,type:`text`,class:`w-full h-8 pl-8 pr-2.5 bg-ink-50 border border-ink-200 font-body text-[13px] text-ink-900 placeholder:text-ink-400 focus:outline-none focus:border-brand-500 transition-colors duration-fast`,placeholder:e.searchPlaceholder,value:u.value,onInput:C},null,40,pt)])])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`ul`,{ref_key:`optionList`,ref:c,class:`overflow-y-auto max-h-60 py-1`,role:`listbox`},[g.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`li`,mt,[(0,t.renderSlot)(r.$slots,`no-results`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.noResultsText),1)])])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(g.value,(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:i,class:(0,t.normalizeClass)([`flex items-center gap-2 px-3 py-2.5 cursor-pointer font-body text-[14px] transition-colors duration-80`,[d.value===i?`bg-ink-100`:``,_(e)?`bg-brand-50 text-brand-600`:`text-ink-900 hover:bg-ink-50`]]),role:`option`,"aria-selected":_(e),onMouseenter:e=>d.value=i,onClick:t=>x(e)},[(0,t.createElementVNode)(`span`,gt,[(0,t.renderSlot)(r.$slots,`option`,{option:e,active:d.value===i,selected:_(e)},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(f(e)),1)])]),_(e)?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Check),{key:0,size:14,"stroke-width":2.5,class:`shrink-0 text-brand-500`,"aria-hidden":`true`})):(0,t.createCommentVNode)(``,!0)],42,ht))),128))],512)])):(0,t.createCommentVNode)(``,!0)]),_:3})],544),e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,_t,(0,t.toDisplayString)(e.hint),1)):(0,t.createCommentVNode)(``,!0)]))}}),yt={class:`bg-white border border-ink-200 p-[22px]`},bt={class:`eyebrow mb-3.5`},xt={class:`metric-lg`},St=(0,t.defineComponent)({__name:`UStatCard`,props:{eyebrow:{default:``},metric:{default:``},delta:{default:``},deltaDown:{type:Boolean,default:!1}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,yt,[(0,t.createElementVNode)(`div`,bt,(0,t.toDisplayString)(e.eyebrow),1),(0,t.createElementVNode)(`div`,xt,[(0,t.renderSlot)(n.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.metric),1)])]),e.delta?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`font-mono text-[12px] mt-3`,e.deltaDown?`text-danger-500`:`text-success-500`])},(0,t.toDisplayString)(e.delta),3)):(0,t.createCommentVNode)(``,!0)]))}}),Ct=[`aria-checked`,`onKeydown`],wt={key:0,class:`flex flex-col gap-0.5`},Tt={key:0,class:`font-body text-[14px] text-ink-900`},Et={key:1,class:`font-body text-[12px] text-ink-500`},Dt=(0,t.defineComponent)({__name:`USwitch`,props:{modelValue:{type:Boolean,default:!1},label:{default:``},hint:{default:``},disabled:{type:Boolean,default:!1},size:{default:`md`}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=n,a=()=>{r.disabled||i(`update:modelValue`,!r.modelValue)},o={md:{track:`w-[44px] h-[24px]`,thumb:`w-[18px] h-[18px]`,on:`translate-x-[22px]`,off:`translate-x-[3px]`},sm:{track:`w-[34px] h-[18px]`,thumb:`w-[13px] h-[13px]`,on:`translate-x-[17px]`,off:`translate-x-[2.5px]`}},s=(0,t.computed)(()=>o[r.size]);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`inline-flex items-center gap-3 cursor-pointer select-none group`,e.disabled?`opacity-45 cursor-not-allowed`:``]),onClick:(0,t.withModifiers)(a,[`prevent`])},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`relative flex items-center shrink-0 transition-colors duration-[160ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,[s.value.track,e.modelValue?`bg-brand-500`:`bg-ink-300`,e.disabled?``:`group-focus-within:shadow-[0_0_0_3px_rgb(255_133_52/0.20)]`]]),role:`switch`,"aria-checked":e.modelValue,tabindex:`0`,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(a,[`prevent`]),[`space`]),(0,t.withKeys)((0,t.withModifiers)(a,[`prevent`]),[`enter`])]},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`absolute bg-white shadow-sm transition-transform duration-[160ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,[s.value.thumb,e.modelValue?s.value.on:s.value.off]])},null,2)],42,Ct),e.label||e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,wt,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Tt,(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),e.hint?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Et,(0,t.toDisplayString)(e.hint),1)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),Ot={class:`flex border-b border-ink-200 gap-1`,role:`tablist`},kt=[`aria-selected`,`onClick`],At=(0,t.defineComponent)({__name:`UTabs`,props:{modelValue:{default:``},tabs:{}},emits:[`update:modelValue`],setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ot,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.tabs,r=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:r.key,class:(0,t.normalizeClass)([`px-4 py-2.5 font-display font-semibold text-[13px] border-0 bg-transparent cursor-pointer border-b-2 -mb-px transition-colors duration-[120ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,e.modelValue===r.key?`text-ink-900 border-b-brand-500`:`text-ink-500 border-b-transparent hover:text-ink-900`]),role:`tab`,"aria-selected":e.modelValue===r.key,onClick:e=>n.$emit(`update:modelValue`,r.key)},(0,t.toDisplayString)(r.label),11,kt))),128))]))}}),jt={class:`flex items-center justify-between px-5 py-3 bg-white gap-4 flex-wrap`},Mt={class:`font-body text-[13px] text-ink-500 shrink-0`},Nt={class:`flex items-center gap-1`},Pt=[`disabled`],Ft={key:0,class:`w-8 h-8 flex items-center justify-center font-body text-[13px] text-ink-400 select-none`},It=[`onClick`],Lt=[`disabled`],Rt={class:`flex items-center gap-2 shrink-0`},zt=[`value`],Bt=[`value`],Q=(0,t.defineComponent)({__name:`UTablePager`,props:{page:{default:1},pageSize:{default:25},total:{default:0},pageSizeOptions:{default:()=>[10,25,50]}},emits:[`update:page`,`update:pageSize`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.computed)(()=>Math.max(1,Math.ceil(i.total/i.pageSize))),s=(0,t.computed)(()=>i.total===0?0:(i.page-1)*i.pageSize+1),c=(0,t.computed)(()=>Math.min(i.page*i.pageSize,i.total)),l=(0,t.computed)(()=>{let e=o.value,t=i.page;if(e<=7)return Array.from({length:e},(e,t)=>t+1);let n=Math.max(2,t-1),r=Math.min(e-1,t+1),a=[1];n>2&&a.push(`...`);for(let e=n;e<=r;e++)a.push(e);return r<e-1&&a.push(`...`),a.push(e),a});function u(e){typeof e!=`number`||e<1||e>o.value||e===i.page||a(`update:page`,e)}function d(e){a(`update:pageSize`,Number(e.target.value)),a(`update:page`,1)}return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,jt,[(0,t.createElementVNode)(`span`,Mt,[e.total>0?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(s.value)+`–`+(0,t.toDisplayString)(c.value)+` / `+(0,t.toDisplayString)(e.total)+` kayıt`,1)],64)):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createTextVNode)(`Kayıt yok`)],64))]),(0,t.createElementVNode)(`div`,Nt,[(0,t.createElementVNode)(`button`,{class:`w-8 h-8 flex items-center justify-center border border-ink-200 bg-white text-ink-700 hover:bg-ink-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors duration-fast`,disabled:e.page<=1,type:`button`,onClick:i[0]||=t=>u(e.page-1)},[(0,t.createVNode)((0,t.unref)(n.ChevronLeft),{size:13,"stroke-width":2})],8,Pt),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(l.value,n=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:`${n}`},[n===`...`?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Ft,` … `)):((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:(0,t.normalizeClass)([`w-8 h-8 flex items-center justify-center border font-display font-semibold text-[13px] transition-colors duration-fast`,n===e.page?`bg-ink-900 text-white border-ink-900`:`bg-white text-ink-700 border-ink-200 hover:bg-ink-50`]),type:`button`,onClick:e=>u(n)},(0,t.toDisplayString)(n),11,It))],64))),128)),(0,t.createElementVNode)(`button`,{class:`w-8 h-8 flex items-center justify-center border border-ink-200 bg-white text-ink-700 hover:bg-ink-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors duration-fast`,disabled:e.page>=o.value,type:`button`,onClick:i[1]||=t=>u(e.page+1)},[(0,t.createVNode)((0,t.unref)(n.ChevronRight),{size:13,"stroke-width":2})],8,Lt)]),(0,t.createElementVNode)(`div`,Rt,[i[2]||=(0,t.createElementVNode)(`span`,{class:`font-body text-[13px] text-ink-500`},`Sayfa başına`,-1),(0,t.createElementVNode)(`select`,{class:`h-8 px-2 pr-7 border border-ink-200 bg-white font-body text-[13px] text-ink-900 select-arrow cursor-pointer focus:outline-none focus:border-brand-500 transition-colors duration-fast`,value:e.pageSize,onChange:d},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.pageSizeOptions,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`option`,{key:e,value:e},(0,t.toDisplayString)(e),9,Bt))),128))],40,zt)])]))}}),Vt={class:`relative min-w-0 border border-ink-200`},Ht={key:0,class:`flex items-center justify-end px-3 py-2 border-b border-ink-200 bg-ink-50`},Ut={key:0,class:`absolute right-0 top-full mt-1 z-50 bg-white border border-ink-200 shadow-lg min-w-50 flex flex-col`},Wt={class:`flex flex-col gap-0 py-1 max-h-72 overflow-y-auto`},Gt={class:`font-body text-[13px] text-ink-800`},Kt={key:1,class:`absolute inset-0 z-10 bg-white/70 flex items-center justify-center`},qt={class:`w-full overflow-x-auto`},Jt={style:{"table-layout":`fixed`,width:`max-content`,"min-width":`100%`,"border-collapse":`separate`,"border-spacing":`0`}},Yt={key:2,style:{width:`auto`}},Xt={class:`bg-ink-50`},Zt={class:`flex`},Qt=[`onClick`],$t={key:1},en={key:2,class:`border-b border-ink-200 px-4 py-3`},tn=[`onClick`],nn={class:`flex items-center justify-center px-1`},rn={class:`flex`},an={class:`flex items-center justify-end gap-2`},on={key:2,class:`border-b border-ink-200 px-4 py-3`},sn={key:0},cn=[`colspan`],ln={key:0},un=[`colspan`],dn=36,fn=44,pn=(0,t.defineComponent)({__name:`UTable`,props:{columns:{},columnToggle:{type:Boolean,default:!1},hiddenColumns:{default:null},items:{default:()=>[]},rowKey:{default:`id`},modelValue:{default:()=>[]},selectable:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},remote:{type:Boolean,default:!1},fetch:{type:[Function,null],default:null},total:{default:null},pager:{type:Boolean,default:!1},pageSize:{default:25},pageSizeOptions:{default:()=>[10,25,50]},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},search:{default:``},emptyIcon:{default:()=>n.Database},emptyTitle:{default:`Gösterilecek veri bulunamadı`},emptyMessage:{default:``}},emits:[`update:modelValue`,`row-click`,`sort`,`fetch`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.useSlots)();(0,t.useAttrs)();let s=(0,t.getCurrentInstance)(),c=(0,t.computed)(()=>!!s?.vnode?.props?.onRowClick),l=(0,t.computed)(()=>!!o[`row-actions`]),u=(0,t.computed)(()=>!!o.expand),d=(0,t.reactive)({key:null,dir:`asc`});function f(e){e.sortable&&(d.key===e.key?d.dir=d.dir===`asc`?`desc`:`asc`:(d.key=e.key,d.dir=`asc`),a(`sort`,{key:d.key,dir:d.dir}))}let m=(0,t.ref)(1),h=(0,t.ref)(i.pageSize);function g(e){m.value=e}function _(e){h.value=e,m.value=1}let v=(0,t.ref)(``),y,b=(0,t.computed)(()=>{if(i.remote||!d.key)return i.items;let e=d.key,t=d.dir,n=i.columns.find(t=>t.key===e);return[...i.items].sort((r,i)=>{let a=n?.sortFn?n.sortFn(r,i):(()=>{let t=r[e],n=i[e];return typeof t==`number`&&typeof n==`number`?t-n:String(t??``).localeCompare(String(n??``),`tr`,{numeric:!0})})();return t===`asc`?a:-a})}),x=(0,t.computed)(()=>{if(i.remote||!i.search)return b.value;let e=i.search.toLowerCase();return b.value.filter(t=>i.columns.some(n=>{let r=t[n.key];return r!=null&&String(r).toLowerCase().includes(e)}))}),S=(0,t.computed)(()=>{if(i.remote)return i.fetch?T.value:i.items;if(!i.pager)return x.value;let e=(m.value-1)*h.value;return x.value.slice(e,e+h.value)}),C=(0,t.computed)(()=>i.remote?i.total??E.value:x.value.length),w=(0,t.ref)(!1),T=(0,t.ref)([]),E=(0,t.ref)(0),ee=(0,t.computed)(()=>i.loading||w.value);async function te(){if(!i.remote)return;let e={page:m.value,pageSize:h.value,sort:d.key?{key:d.key,dir:d.dir}:null,...v.value?{search:v.value}:{}};if(a(`fetch`,e),i.fetch){w.value=!0;try{let t=await i.fetch(e);T.value=t?.items??[],E.value=t?.total??0}finally{w.value=!1}}}(0,t.watch)([m,h,()=>d.key,()=>d.dir,v],te,{immediate:!0}),(0,t.watch)(()=>i.items,()=>{i.selectable&&a(`update:modelValue`,[])}),(0,t.watch)(()=>i.search,e=>{m.value=1,i.selectable&&a(`update:modelValue`,[]),i.remote&&(clearTimeout(y),y=setTimeout(()=>{v.value=e},300))});let D=(0,t.computed)({get:()=>i.modelValue,set:e=>a(`update:modelValue`,e)}),O=(0,t.computed)(()=>S.value.map(e=>e[i.rowKey])),k=(0,t.computed)(()=>O.value.length>0&&O.value.every(e=>D.value.includes(e))),A=(0,t.computed)(()=>O.value.some(e=>D.value.includes(e))&&!k.value);function ne(){k.value?D.value=D.value.filter(e=>!O.value.includes(e)):D.value=[...new Set([...D.value,...O.value])]}function re(e){D.value=D.value.includes(e)?D.value.filter(t=>t!==e):[...D.value,e]}function j(e){return D.value.includes(e)}let M=(0,t.ref)(new Set);function N(e){let t=new Set(M.value);t.has(e)?t.delete(e):t.add(e),M.value=t}function P(e){return M.value.has(e)}function ie(e){return!e||e===`1fr`||e===`auto`?0:parseFloat(e)||0}let F=(0,t.computed)(()=>{let e=i.columns.length;return i.expandable&&e++,i.selectable&&e++,l.value&&e++,e}),ae=(0,t.computed)(()=>{let e={},t=i.columns.filter(e=>e.fixed===`left`),n=i.columns.filter(e=>e.fixed===`right`),r=t.at(-1)?.key,a=n[0]?.key,o=(i.expandable?dn:0)+(i.selectable?fn:0);for(let t of i.columns)t.fixed===`left`&&(e[t.key]={position:`sticky`,left:o+`px`,zIndex:2,background:`inherit`,...t.key===r&&{boxShadow:`inset -1px 0 0 0 var(--color-ink-200)`}},o+=ie(t.width));let s=0;for(let t=i.columns.length-1;t>=0;t--){let n=i.columns[t];n.fixed===`right`&&(e[n.key]={position:`sticky`,right:s+`px`,zIndex:2,background:`inherit`,...n.key===a&&{boxShadow:`inset 1px 0 0 0 var(--color-ink-200)`}},s+=ie(n.width))}return e}),L=(0,t.computed)(()=>({position:`sticky`,left:`0`,zIndex:3,background:`inherit`})),R=(0,t.computed)(()=>({position:`sticky`,left:(i.expandable?dn:0)+`px`,zIndex:3,background:`inherit`})),oe={position:`sticky`,right:`0`,zIndex:2,background:`inherit`};function z(e){return ae.value[e.key]??{}}function B(e){let t=e.align??`left`;return t===`right`?`text-right`:t===`center`?`text-center`:`text-left`}let V=(0,t.ref)(!1),U=(0,t.ref)(new Set),W=(0,t.ref)(new Set);function se(){W.value=new Set(U.value),V.value=!0}function G(){V.value=!1}function ce(e){let t=new Set(W.value);t.has(e)?t.delete(e):t.add(e),W.value=t}function le(){U.value=new Set(W.value),V.value=!1}function K(){U.value=new Set,W.value=new Set,V.value=!1}let q=(0,t.computed)(()=>{let e=i.hiddenColumns===null?U.value:new Set(i.hiddenColumns);return i.columns.filter(t=>!e.has(t.key))}),J=(0,t.ref)(null);function Y(e){J.value&&!J.value.contains(e.target)&&G()}return(0,t.onMounted)(()=>document.addEventListener(`click`,Y)),(0,t.onUnmounted)(()=>document.removeEventListener(`click`,Y)),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Vt,[e.columnToggle?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ht,[(0,t.createElementVNode)(`div`,{class:`relative`,ref_key:`colToggleRef`,ref:J},[(0,t.createVNode)(H,{"aria-label":`Sütunları düzenle`,filled:V.value,onClick:i[0]||=e=>V.value?G():se()},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.SlidersHorizontal),{size:15,"stroke-width":2})]),_:1},8,[`filled`]),V.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ut,[(0,t.createElementVNode)(`div`,Wt,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.columns,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:e.key,class:`flex items-center gap-2.5 px-3 py-2 cursor-pointer hover:bg-ink-50 select-none`},[(0,t.createVNode)(p,{"model-value":!W.value.has(e.key),"onUpdate:modelValue":t=>ce(e.key)},null,8,[`model-value`,`onUpdate:modelValue`]),(0,t.createElementVNode)(`span`,Gt,(0,t.toDisplayString)(e.label),1)]))),128))]),(0,t.createElementVNode)(`div`,{class:`flex items-center justify-between gap-2 px-3 py-2 border-t border-ink-200`},[(0,t.createElementVNode)(`button`,{type:`button`,class:`font-body text-[12px] text-ink-500 hover:text-ink-800 bg-transparent border-0 p-0 cursor-pointer transition-colors duration-fast`,onClick:K},` Sıfırla `),(0,t.createElementVNode)(`button`,{type:`button`,class:`font-body text-[12px] font-medium text-white bg-ink-900 hover:bg-ink-700 border-0 px-3 py-1.5 cursor-pointer transition-colors duration-fast`,onClick:le},` Uygula `)])])):(0,t.createCommentVNode)(``,!0)],512)])):(0,t.createCommentVNode)(``,!0),ee.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Kt,[(0,t.createVNode)((0,t.unref)(n.Loader2),{size:24,class:`text-brand-500 animate-spin`})])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,qt,[(0,t.createElementVNode)(`table`,Jt,[(0,t.createElementVNode)(`colgroup`,null,[e.expandable?((0,t.openBlock)(),(0,t.createElementBlock)(`col`,{key:0,style:(0,t.normalizeStyle)({width:dn+`px`})},null,4)):(0,t.createCommentVNode)(``,!0),e.selectable?((0,t.openBlock)(),(0,t.createElementBlock)(`col`,{key:1,style:(0,t.normalizeStyle)({width:fn+`px`})},null,4)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(q.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`col`,{key:e.key,style:(0,t.normalizeStyle)({width:e.width??`auto`})},null,4))),128)),l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`col`,Yt)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,Xt,[e.expandable?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{key:0,class:`border-b border-ink-200`,style:(0,t.normalizeStyle)(L.value)},null,4)):(0,t.createCommentVNode)(``,!0),e.selectable?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{key:1,class:`border-b border-ink-200 px-3 py-3`,style:(0,t.normalizeStyle)(R.value)},[(0,t.createElementVNode)(`div`,Zt,[(0,t.createVNode)(p,{"model-value":k.value,indeterminate:A.value,"onUpdate:modelValue":ne},null,8,[`model-value`,`indeterminate`])])],4)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(q.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{key:e.key,class:(0,t.normalizeClass)([`border-b border-ink-200 px-4 py-3 font-display font-semibold text-[11px] tracking-wide text-ink-500 uppercase text-left whitespace-nowrap`,B(e)]),style:(0,t.normalizeStyle)(z(e))},[e.sortable?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:(0,t.normalizeClass)([`inline-flex items-center gap-1.5 bg-transparent border-0 p-0 cursor-pointer font-display font-semibold text-[11px] tracking-wide uppercase transition-colors duration-fast`,d.key===e.key?`text-ink-900`:`text-ink-500 hover:text-ink-900`]),type:`button`,onClick:t=>f(e)},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label)+` `,1),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(d.key===e.key?d.dir===`asc`?(0,t.unref)(n.ChevronUp):(0,t.unref)(n.ChevronDown):(0,t.unref)(n.ChevronsUpDown)),{size:11,"stroke-width":2.5}))],10,Qt)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,$t,(0,t.toDisplayString)(e.label),1))],6))),128)),l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,en)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`tbody`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(S.value,(o,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:o[e.rowKey]},[(0,t.createElementVNode)(`tr`,{class:(0,t.normalizeClass)([`transition-colors duration-fast ease-ui`,[c.value?`cursor-pointer`:`cursor-default`,j(o[e.rowKey])?`bg-brand-50 hover:bg-brand-100`:e.striped&&s%2==1?`bg-ink-50 hover:bg-ink-100`:`bg-white hover:bg-ink-50`]]),onClick:e=>c.value&&a(`row-click`,o)},[e.expandable?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:0,class:`border-b border-ink-200`,style:(0,t.normalizeStyle)(L.value),onClick:i[1]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`div`,nn,[(0,t.createVNode)(H,{filled:``,size:`sm`,"aria-label":P(o[e.rowKey])?`Kapat`:`Genişlet`,onClick:t=>N(o[e.rowKey])},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronRight),{size:14,"stroke-width":2,class:(0,t.normalizeClass)([`transition-transform duration-fast ease-ui text-white`,P(o[e.rowKey])?`rotate-90`:``])},null,8,[`class`])]),_:2},1032,[`aria-label`,`onClick`])])],4)):(0,t.createCommentVNode)(``,!0),e.selectable?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:1,class:`border-b border-ink-200 px-3 py-4`,style:(0,t.normalizeStyle)(R.value),onClick:i[2]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`div`,rn,[(0,t.createVNode)(p,{"model-value":j(o[e.rowKey]),"onUpdate:modelValue":t=>re(o[e.rowKey])},null,8,[`model-value`,`onUpdate:modelValue`])])],4)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(q.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:e.key,class:(0,t.normalizeClass)([`border-b border-ink-200 px-4 py-4 font-body text-[14px] text-ink-900`,B(e)]),style:(0,t.normalizeStyle)(z(e))},[(0,t.renderSlot)(r.$slots,`cell-${e.key}`,{value:o[e.key],row:o,index:s},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o[e.key]),1)])],6))),128)),l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:2,class:`border-b border-ink-200 px-4 py-3`,style:oe,onClick:i[3]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`div`,an,[(0,t.renderSlot)(r.$slots,`row-actions`,{row:o,index:s})])])):(0,t.createCommentVNode)(``,!0)],10,tn),e.expandable&&P(o[e.rowKey])?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(o.children??[],(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:n[e.rowKey]??a,class:`bg-ink-50`},[e.expandable?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:0,class:`border-b border-ink-200`,style:(0,t.normalizeStyle)(L.value)},[...i[4]||=[(0,t.createElementVNode)(`div`,{class:`flex justify-end pr-3`},[(0,t.createElementVNode)(`div`,{class:`w-px h-5 bg-ink-200`})],-1)]],4)):(0,t.createCommentVNode)(``,!0),e.selectable?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:1,class:`border-b border-ink-200 px-3 py-3`,style:(0,t.normalizeStyle)(R.value)},null,4)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(q.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:e.key,class:(0,t.normalizeClass)([`border-b border-ink-200 px-4 py-3 font-body text-[13px] text-ink-700`,B(e)]),style:(0,t.normalizeStyle)(z(e))},[(0,t.renderSlot)(r.$slots,`cell-${e.key}`,{value:n[e.key],row:n,index:a},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n[e.key]),1)])],6))),128)),l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,on)):(0,t.createCommentVNode)(``,!0)]))),128)),u.value?((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,sn,[(0,t.createElementVNode)(`td`,{colspan:F.value,class:`border-b border-ink-200 bg-ink-50 px-6 py-5`},[(0,t.renderSlot)(r.$slots,`expand`,{row:o,index:s,collapse:()=>N(o[e.rowKey])})],8,cn)])):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0)],64))),128)),!ee.value&&S.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,ln,[(0,t.createElementVNode)(`td`,{colspan:F.value,class:`border-b border-ink-200`},[(0,t.renderSlot)(r.$slots,`empty`,{},()=>[(0,t.createVNode)(I,{icon:e.emptyIcon,title:e.emptyTitle,message:e.emptyMessage,"no-border":``},null,8,[`icon`,`title`,`message`])])],8,un)])):(0,t.createCommentVNode)(``,!0)])])]),e.pager?((0,t.openBlock)(),(0,t.createBlock)(Q,{key:2,page:m.value,"page-size":h.value,total:C.value,"page-size-options":e.pageSizeOptions,"onUpdate:page":g,"onUpdate:pageSize":_},null,8,[`page`,`page-size`,`total`,`page-size-options`])):(0,t.createCommentVNode)(``,!0)]))}}),mn={key:0,class:`absolute right-0 top-full mt-1 z-50 bg-white border border-ink-200 shadow-lg min-w-50 flex flex-col`},hn={class:`flex flex-col py-1 max-h-72 overflow-y-auto`},gn={class:`font-body text-[13px] text-ink-800`},_n=(0,t.defineComponent)({__name:`UTableColumnToggle`,props:{columns:{},modelValue:{default:()=>[]}},emits:[`update:modelValue`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(!1),s=(0,t.ref)([]),c=(0,t.ref)(null);function l(){s.value=[...i.modelValue],o.value=!0}function u(){o.value=!1}function d(e){s.value=s.value.includes(e)?s.value.filter(t=>t!==e):[...s.value,e]}function f(){a(`update:modelValue`,[...s.value]),o.value=!1}function m(){a(`update:modelValue`,[]),s.value=[],o.value=!1}let h=(0,t.computed)(()=>i.modelValue.length>0);function g(e){c.value&&!c.value.contains(e.target)&&u()}return(0,t.onMounted)(()=>document.addEventListener(`click`,g)),(0,t.onUnmounted)(()=>document.removeEventListener(`click`,g)),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`containerRef`,ref:c,class:`relative inline-block`},[(0,t.createVNode)(H,{size:`md`,"aria-label":`Sütunları düzenle`,filled:o.value||h.value,onClick:i[0]||=e=>o.value?u():l()},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.SlidersHorizontal),{size:15,"stroke-width":2})]),_:1},8,[`filled`]),o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,mn,[(0,t.createElementVNode)(`div`,hn,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.columns,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:e.key,class:`flex items-center gap-2.5 px-3 py-2 cursor-pointer hover:bg-ink-50 select-none`},[(0,t.createVNode)(p,{"model-value":!s.value.includes(e.key),"onUpdate:modelValue":t=>d(e.key)},null,8,[`model-value`,`onUpdate:modelValue`]),(0,t.createElementVNode)(`span`,gn,(0,t.toDisplayString)(e.label),1)]))),128))]),(0,t.createElementVNode)(`div`,{class:`flex items-center justify-between gap-2 px-3 py-2 border-t border-ink-200`},[(0,t.createElementVNode)(`button`,{type:`button`,class:`font-body text-[12px] text-ink-500 hover:text-ink-800 bg-transparent border-0 p-0 cursor-pointer transition-colors duration-fast`,onClick:m},` Sıfırla `),(0,t.createElementVNode)(`button`,{type:`button`,class:`font-body text-[12px] font-medium text-white bg-ink-900 hover:bg-ink-700 border-0 px-3 py-1.5 cursor-pointer transition-colors duration-fast`,onClick:f},` Uygula `)])])):(0,t.createCommentVNode)(``,!0)],512))}}),vn=(0,t.defineComponent)({__name:`UTableRow`,props:{gridTemplate:{},selected:{type:Boolean,default:!1},header:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1}},emits:[`click`],setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`grid items-center border-b border-ink-200 last:border-b-0 transition-colors duration-fast ease-ui`,[e.header?`bg-ink-50`:e.selected?`bg-brand-50`:`bg-white`,!e.header&&e.clickable&&!e.selected?`hover:bg-ink-50 cursor-pointer`:``,!e.header&&e.clickable&&e.selected?`hover:bg-brand-100 cursor-pointer`:``]]),style:(0,t.normalizeStyle)({gridTemplateColumns:e.gridTemplate}),onClick:r[0]||=t=>!e.header&&n.$emit(`click`)},[(0,t.renderSlot)(n.$slots,`default`)],6))}}),$=(0,t.reactive)([]),yn=0;function bn(){function e(e,n={}){typeof e==`object`&&(n=e,e=n.message??``);let r=++yn,i=n.variant??`default`,a=n.duration??4e3,o={id:r,message:e,variant:i,title:n.title??null,action:n.action??null};return $.push(o),a>0&&(o._timeout=setTimeout(()=>t(r),a),o._remaining=a,o._start=Date.now()),r}function t(e){let t=$.findIndex(t=>t.id===e);t!==-1&&(clearTimeout($[t]._timeout),$.splice(t,1))}function n(e){let t=$.find(t=>t.id===e);!t||t._remaining==null||(clearTimeout(t._timeout),t._remaining-=Date.now()-(t._start??0))}function r(e){let n=$.find(t=>t.id===e);!n||n._remaining==null||n._remaining<=0||(n._start=Date.now(),n._timeout=setTimeout(()=>t(e),n._remaining))}return{toasts:$,show:e,dismiss:t,pause:n,resume:r,success:(t,n={})=>e(t,{...n,variant:`success`}),error:(t,n={})=>e(t,{...n,variant:`error`}),warning:(t,n={})=>e(t,{...n,variant:`warning`}),info:(t,n={})=>e(t,{...n,variant:`info`})}}var xn=[`onMouseenter`,`onMouseleave`],Sn={class:`flex items-start gap-3 flex-1 px-4 py-3.5`},Cn={class:`flex-1 min-w-0`},wn={key:0,class:`font-display font-semibold text-[14px] text-ink-900 mb-0.5`},Tn={class:`font-body text-[14px] text-ink-700 leading-[1.4]`},En=[`onClick`],Dn=[`onClick`],On=(0,t.defineComponent)({__name:`UToastProvider`,props:{position:{default:`top`}},setup(e){let r=e,{toasts:i,dismiss:a,pause:o,resume:s}=bn(),c={success:{bar:`bg-success-500`,icon:n.CheckCircle,iconCls:`text-success-500`},error:{bar:`bg-danger-500`,icon:n.XCircle,iconCls:`text-danger-500`},warning:{bar:`bg-warning-500`,icon:n.AlertTriangle,iconCls:`text-warning-500`},info:{bar:`bg-info-500`,icon:n.Info,iconCls:`text-info-500`},default:{bar:`bg-ink-400`,icon:n.Info,iconCls:`text-ink-500`}},l=(0,t.computed)(()=>r.position.startsWith(`top`));(0,t.computed)(()=>r.position.startsWith(`bottom`));let u=(0,t.computed)(()=>r.position.endsWith(`left`)),d=(0,t.computed)(()=>r.position.endsWith(`right`)),f=(0,t.computed)(()=>r.position===`top`||r.position===`bottom`),p=(0,t.computed)(()=>[`fixed z-[200] flex flex-col gap-2.5 pointer-events-none`,l.value?`top-5`:`bottom-5`,u.value?`left-5`:d.value?`right-5`:`left-1/2 -translate-x-1/2`,f.value?`items-center`:u.value?`items-start`:`items-end`]),m=(0,t.computed)(()=>[`flex flex-col gap-2.5`,f.value?`items-center`:u.value?`items-start`:`items-end`]),h=(0,t.computed)(()=>l.value?`opacity-0 -translate-y-2`:`opacity-0 translate-y-2`),g=(0,t.computed)(()=>l.value?`opacity-0 -translate-y-2`:`opacity-0 translate-y-2`);return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(p.value),"aria-live":`polite`,"aria-atomic":`false`},[(0,t.createVNode)(t.TransitionGroup,{"enter-active-class":`transition-all duration-[200ms] ease-[cubic-bezier(0.2,0,0.2,1)]`,"leave-active-class":`transition-all duration-[160ms] ease-[cubic-bezier(0.2,0,0.2,1)] absolute`,"enter-from-class":h.value,"leave-to-class":g.value,"move-class":`transition-transform duration-[200ms]`,tag:`div`,class:(0,t.normalizeClass)(m.value)},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(i),e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,class:`pointer-events-auto flex items-stretch bg-white shadow-modal min-w-[340px] max-w-[460px] overflow-hidden`,role:`alert`,onMouseenter:n=>(0,t.unref)(o)(e.id),onMouseleave:n=>(0,t.unref)(s)(e.id)},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`w-1 shrink-0`,(c[e.variant]??c.default).bar])},null,2),(0,t.createElementVNode)(`div`,Sn,[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((c[e.variant]??c.default).icon),{size:18,"stroke-width":1.75,class:(0,t.normalizeClass)([`shrink-0 mt-px`,(c[e.variant]??c.default).iconCls]),"aria-hidden":`true`},null,8,[`class`])),(0,t.createElementVNode)(`div`,Cn,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,wn,(0,t.toDisplayString)(e.title),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,Tn,(0,t.toDisplayString)(e.message),1),e.action?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`mt-2 font-display font-semibold text-[13px] text-brand-500 hover:text-brand-600 border-0 bg-transparent p-0 cursor-pointer transition-colors duration-[120ms]`,onClick:()=>{e.action?.onClick(),(0,t.unref)(a)(e.id)}},(0,t.toDisplayString)(e.action.label),9,En)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`button`,{class:`shrink-0 w-6 h-6 inline-flex items-center justify-center text-ink-400 hover:text-ink-700 border-0 bg-transparent cursor-pointer transition-colors duration-[120ms]`,"aria-label":`Kapat`,onClick:n=>(0,t.unref)(a)(e.id)},[(0,t.createVNode)((0,t.unref)(n.X),{size:12,"stroke-width":2,"aria-hidden":`true`})],8,Dn)])],40,xn))),128))]),_:1},8,[`enter-from-class`,`leave-to-class`,`class`])],2)]))}});e.UBadge=i,e.UButton=o,e.UCheckbox=p,e.UDialog=y,e.UDialogProvider=A,e.UDrawer=w,e.UDropzone=M,e.UEmptyState=I,e.UFormRow=z,e.UIcon=N,e.UIconButton=H,e.UInput=K,e.UListCard=q,e.UListCardCell=Y,e.ULogoMark=de,e.UModal=ge,e.UPageLayout=Xe,e.URadio=nt,e.USelect=vt,e.USidebar=X,e.UStatCard=St,e.USwitch=Dt,e.UTable=pn,e.UTableColumnToggle=_n,e.UTablePager=Q,e.UTableRow=vn,e.UTabs=At,e.UToastProvider=On,e.UTopBar=Z,e.default={install(e){e.component(`UBadge`,i),e.component(`UButton`,o),e.component(`UCheckbox`,p),e.component(`UDialog`,y),e.component(`UDrawer`,w),e.component(`UDialogProvider`,A),e.component(`UDropzone`,M),e.component(`UEmptyState`,I),e.component(`UFormRow`,z),e.component(`UIcon`,N),e.component(`UIconButton`,H),e.component(`UInput`,K),e.component(`UListCard`,q),e.component(`UListCardCell`,Y),e.component(`ULogoMark`,de),e.component(`UModal`,ge),e.component(`UPageLayout`,Xe),e.component(`URadio`,nt),e.component(`USelect`,vt),e.component(`USidebar`,X),e.component(`UStatCard`,St),e.component(`USwitch`,Dt),e.component(`UTabs`,At),e.component(`UTable`,pn),e.component(`UTableRow`,vn),e.component(`UTablePager`,Q),e.component(`UToastProvider`,On),e.component(`UTopBar`,Z)}},e.useDialog=E,e.useToast=bn});
|
package/dist/favicon.ico
ADDED
|
Binary file
|
package/package.json
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@ertugrulozcan97/apexui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"type": "module",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist",
|
|
8
|
+
"src/main.css"
|
|
9
|
+
],
|
|
10
|
+
"main": "./dist/apexui.umd.js",
|
|
11
|
+
"module": "./dist/apexui.es.js",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": "./dist/apexui.es.js",
|
|
15
|
+
"require": "./dist/apexui.umd.js"
|
|
16
|
+
},
|
|
17
|
+
"./style": "./src/main.css"
|
|
18
|
+
},
|
|
19
|
+
"scripts": {
|
|
20
|
+
"dev": "vite",
|
|
21
|
+
"build": "vite build",
|
|
22
|
+
"preview": "vite preview"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"@lucide/vue": ">=1.0.0",
|
|
26
|
+
"@tailwindcss/vite": ">=4.0.0",
|
|
27
|
+
"tailwindcss": ">=4.0.0",
|
|
28
|
+
"vue": ">=3.4.0"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@lucide/vue": "^1.14.0",
|
|
33
|
+
"@tailwindcss/vite": "^4.3.0",
|
|
34
|
+
"@vitejs/plugin-vue": "^6.0.6",
|
|
35
|
+
"@vue/language-server": "^3.2.8",
|
|
36
|
+
"tailwindcss": "^4.3.0",
|
|
37
|
+
"typescript": "^6.0.3",
|
|
38
|
+
"vite": "^8.0.8",
|
|
39
|
+
"vite-plugin-vue-devtools": "^8.1.1",
|
|
40
|
+
"vue": "^3.5.32",
|
|
41
|
+
"vue-tsc": "^3.2.8"
|
|
42
|
+
},
|
|
43
|
+
"engines": {
|
|
44
|
+
"node": "^20.19.0 || >=22.12.0"
|
|
45
|
+
}
|
|
46
|
+
}
|
package/src/main.css
ADDED
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
|
|
2
|
+
@import "tailwindcss";
|
|
3
|
+
|
|
4
|
+
/* ============================================================
|
|
5
|
+
Zack Taxi — Design Tokens (Tailwind v4 CSS theme)
|
|
6
|
+
============================================================ */
|
|
7
|
+
@theme {
|
|
8
|
+
/* Brand colors */
|
|
9
|
+
--color-brand-50: #fff6ee;
|
|
10
|
+
--color-brand-100: #ffe4cc;
|
|
11
|
+
--color-brand-200: #ffc79a;
|
|
12
|
+
--color-brand-300: #ffa862;
|
|
13
|
+
--color-brand-500: #ff8534;
|
|
14
|
+
--color-brand-600: #ed6e1b;
|
|
15
|
+
--color-brand-700: #c45a12;
|
|
16
|
+
|
|
17
|
+
/* Ink palette */
|
|
18
|
+
--color-ink-900: #0e1726;
|
|
19
|
+
--color-ink-800: #1b2434;
|
|
20
|
+
--color-ink-700: #2a3445;
|
|
21
|
+
--color-ink-600: #4a556a;
|
|
22
|
+
--color-ink-500: #6b7689;
|
|
23
|
+
--color-ink-400: #98a2b3;
|
|
24
|
+
--color-ink-300: #cbd2da;
|
|
25
|
+
--color-ink-200: #e4e7ec;
|
|
26
|
+
--color-ink-100: #eff1f4;
|
|
27
|
+
--color-ink-50: #f5f6f8;
|
|
28
|
+
|
|
29
|
+
/* Semantic colors */
|
|
30
|
+
--color-success-500: #1b7f4d;
|
|
31
|
+
--color-success-50: #e8f4ee;
|
|
32
|
+
--color-warning-500: #e89b0c;
|
|
33
|
+
--color-warning-50: #fcf1da;
|
|
34
|
+
--color-danger-500: #d7263d;
|
|
35
|
+
--color-danger-600: #b41a2e;
|
|
36
|
+
--color-danger-50: #fbe5e8;
|
|
37
|
+
--color-info-500: #2563d9;
|
|
38
|
+
--color-info-50: #e5eefb;
|
|
39
|
+
|
|
40
|
+
/* Typography */
|
|
41
|
+
--font-display: "Geist", system-ui, sans-serif;
|
|
42
|
+
--font-body: "Inter", system-ui, sans-serif;
|
|
43
|
+
--font-mono: "JetBrains Mono", ui-monospace, monospace;
|
|
44
|
+
|
|
45
|
+
/* Layout */
|
|
46
|
+
--width-sidebar: 240px;
|
|
47
|
+
--height-topbar: 64px;
|
|
48
|
+
--height-input: 38px;
|
|
49
|
+
--width-content: 1280px;
|
|
50
|
+
|
|
51
|
+
/* Motion */
|
|
52
|
+
--duration-fast: 120ms;
|
|
53
|
+
--duration-base: 160ms;
|
|
54
|
+
--ease-ui: cubic-bezier(0.2, 0, 0.2, 1);
|
|
55
|
+
|
|
56
|
+
/* Shadows */
|
|
57
|
+
--shadow-modal: 0 12px 32px rgb(14 23 38 / 0.18);
|
|
58
|
+
--shadow-menu: 0 6px 16px rgb(14 23 38 / 0.1);
|
|
59
|
+
|
|
60
|
+
/* Border radius — always 0 (sharp corners is a global rule) */
|
|
61
|
+
--radius-none: 0px;
|
|
62
|
+
--radius-sm: 0px;
|
|
63
|
+
--radius: 0px;
|
|
64
|
+
--radius-md: 0px;
|
|
65
|
+
--radius-lg: 0px;
|
|
66
|
+
--radius-xl: 0px;
|
|
67
|
+
--radius-2xl: 0px;
|
|
68
|
+
--radius-full: 0px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* ============================================================
|
|
72
|
+
Global base
|
|
73
|
+
============================================================ */
|
|
74
|
+
@layer base {
|
|
75
|
+
*,
|
|
76
|
+
*::before,
|
|
77
|
+
*::after {
|
|
78
|
+
border-radius: 0 !important; /* Sharp corners — global rule, no exceptions */
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
html {
|
|
82
|
+
font-family: var(--font-body);
|
|
83
|
+
font-size: 14px;
|
|
84
|
+
color: var(--color-ink-900);
|
|
85
|
+
background-color: var(--color-ink-50);
|
|
86
|
+
-webkit-font-smoothing: antialiased;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
body {
|
|
90
|
+
margin: 0;
|
|
91
|
+
padding: 0;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/* ============================================================
|
|
96
|
+
Utility classes that Tailwind can't express cleanly
|
|
97
|
+
============================================================ */
|
|
98
|
+
@layer utilities {
|
|
99
|
+
.font-display {
|
|
100
|
+
font-family: var(--font-display);
|
|
101
|
+
}
|
|
102
|
+
.font-body {
|
|
103
|
+
font-family: var(--font-body);
|
|
104
|
+
}
|
|
105
|
+
.font-mono {
|
|
106
|
+
font-family: var(--font-mono);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.tabular-nums {
|
|
110
|
+
font-variant-numeric: tabular-nums;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.shadow-modal {
|
|
114
|
+
box-shadow: var(--shadow-modal);
|
|
115
|
+
}
|
|
116
|
+
.shadow-menu {
|
|
117
|
+
box-shadow: var(--shadow-menu);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.ease-ui {
|
|
121
|
+
transition-timing-function: var(--ease-ui);
|
|
122
|
+
}
|
|
123
|
+
.duration-fast {
|
|
124
|
+
transition-duration: var(--duration-fast);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.h-input {
|
|
128
|
+
height: var(--height-input);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
/* Focus ring in brand color */
|
|
132
|
+
.focus-brand:focus-visible {
|
|
133
|
+
outline: none;
|
|
134
|
+
border-color: var(--color-brand-500) !important;
|
|
135
|
+
box-shadow: 0 0 0 3px rgb(255 133 52 / 0.2);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* Custom select arrow */
|
|
139
|
+
.select-arrow {
|
|
140
|
+
appearance: none;
|
|
141
|
+
background-image:
|
|
142
|
+
linear-gradient(45deg, transparent 50%, var(--color-ink-700) 50%),
|
|
143
|
+
linear-gradient(135deg, var(--color-ink-700) 50%, transparent 50%);
|
|
144
|
+
background-position:
|
|
145
|
+
calc(100% - 18px) 17px,
|
|
146
|
+
calc(100% - 13px) 17px;
|
|
147
|
+
background-size:
|
|
148
|
+
5px 5px,
|
|
149
|
+
5px 5px;
|
|
150
|
+
background-repeat: no-repeat;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
/* Eyebrow label */
|
|
154
|
+
.eyebrow {
|
|
155
|
+
font-family: var(--font-display);
|
|
156
|
+
font-size: 10px;
|
|
157
|
+
font-weight: 600;
|
|
158
|
+
letter-spacing: 0.08em;
|
|
159
|
+
text-transform: uppercase;
|
|
160
|
+
color: var(--color-ink-500);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
/* Col-label inside list cards */
|
|
164
|
+
.col-label {
|
|
165
|
+
font-family: var(--font-mono);
|
|
166
|
+
font-size: 10px;
|
|
167
|
+
color: var(--color-ink-500);
|
|
168
|
+
text-transform: uppercase;
|
|
169
|
+
letter-spacing: 0.06em;
|
|
170
|
+
margin-bottom: 3px;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/* Metric sizes */
|
|
174
|
+
.metric-lg {
|
|
175
|
+
font-family: var(--font-display);
|
|
176
|
+
font-size: 40px;
|
|
177
|
+
font-weight: 700;
|
|
178
|
+
line-height: 1.05;
|
|
179
|
+
letter-spacing: -0.015em;
|
|
180
|
+
color: var(--color-ink-900);
|
|
181
|
+
font-variant-numeric: tabular-nums;
|
|
182
|
+
}
|
|
183
|
+
}
|