@kreavoks/kreaui 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/kreaui.css +1 -1
- package/lib/kreaui.es.js +4 -4
- package/lib/kreaui.umd.js +1 -1
- package/package.json +1 -1
package/lib/kreaui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.fade-enter-active[data-v-
|
|
1
|
+
.fade-enter-active[data-v-4b55fce4],.fade-leave-active[data-v-4b55fce4]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-4b55fce4],.fade-leave-to[data-v-4b55fce4]{opacity:0;transform:scale(.98)}.krea-dropdown-wrapper[data-v-948716a5]{display:inline-block;position:relative}.krea-dropdown-popover[data-v-948716a5]{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;min-width:14rem;padding:4px;animation:.12s cubic-bezier(.16,1,.3,1) krea-dropdown-in-948716a5;display:flex;position:absolute;top:calc(100% + 8px)}@keyframes krea-dropdown-in-948716a5{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-popover[data-v-948716a5]{background:#18181b;border-color:#27272a}.krea-dropdown-divider[data-v-948716a5]{background:#f1f5f9;height:1px;margin:4px 0}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-divider[data-v-948716a5]{background:#27272a}.krea-dropdown-item[data-v-948716a5]{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.krea-dropdown-item[data-v-948716a5]:hover{background:#f1f5f9}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-item[data-v-948716a5]{color:#e2e8f0}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-item[data-v-948716a5]:hover{background:#27272a}.krea-dropdown-item[data-v-948716a5]:disabled{pointer-events:none;opacity:.4}.krea-dropdown-item--active[data-v-948716a5]{color:#4082e6;background:#eff6ff;font-weight:600}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-item--active[data-v-948716a5]{color:#4082e6;background:#4082e626}.krea-dropdown-item--active[data-v-948716a5]:hover{background:#dbeafe}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-item--active[data-v-948716a5]:hover{background:#4082e640}.krea-dropdown-item--danger[data-v-948716a5]{color:#f43f5e}.krea-dropdown-item--danger[data-v-948716a5]:hover{background:#fff1f2}:where([data-theme=dark],[data-theme=dark] *) .krea-dropdown-item--danger[data-v-948716a5]:hover{background:#f43f5e26}
|
|
2
2
|
/*$vite$:1*/
|
package/lib/kreaui.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, vShow as x, withCtx as S, withDirectives as C } from "vue";
|
|
2
2
|
import { AlertCircle as w, AlertTriangle as T, CheckCircle2 as E, ChevronDown as D, Info as O, Loader2 as k, X as A } from "lucide-vue-next";
|
|
3
3
|
//#region src/shared/ui/alert/Alert.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
-
var j = { class: "flex-1 text-sm leading-relaxed" }, M = { class: "opacity-90" }, N = /*@__PURE__*/ l({
|
|
4
|
+
var j = { class: "flex-1 text-sm leading-relaxed" }, M = { class: "opacity-90 [&_p]:m-0 [&_p]:leading-relaxed" }, N = /*@__PURE__*/ l({
|
|
5
5
|
__name: "Alert",
|
|
6
6
|
props: {
|
|
7
7
|
variant: { default: "info" },
|
|
@@ -46,7 +46,7 @@ var j = { class: "flex-1 text-sm leading-relaxed" }, M = { class: "opacity-90" }
|
|
|
46
46
|
default: S(() => [g.value ? (m(), a("div", {
|
|
47
47
|
key: 0,
|
|
48
48
|
class: u([
|
|
49
|
-
"flex items-start gap-3 p-4 border rounded-2xl transition-all duration-200",
|
|
49
|
+
"flex items-start gap-3 p-4 border rounded-2xl transition-all duration-200 not-content",
|
|
50
50
|
k[l.variant],
|
|
51
51
|
f.class
|
|
52
52
|
]),
|
|
@@ -58,7 +58,7 @@ var j = { class: "flex-1 text-sm leading-relaxed" }, M = { class: "opacity-90" }
|
|
|
58
58
|
})) : i("", !0),
|
|
59
59
|
o("div", j, [l.title ? (m(), a("h5", {
|
|
60
60
|
key: 0,
|
|
61
|
-
class: u(["font-bold mb-1", N[l.variant]])
|
|
61
|
+
class: u(["font-bold mb-1 m-0 p-0 text-sm leading-snug", N[l.variant]])
|
|
62
62
|
}, y(l.title), 3)) : i("", !0), o("div", M, [l.message ? (m(), a(e, { key: 0 }, [s(y(l.message), 1)], 64)) : _(n.$slots, "default", { key: 1 }, void 0, !0)])]),
|
|
63
63
|
l.dismissible ? (m(), a("button", {
|
|
64
64
|
key: 1,
|
|
@@ -75,7 +75,7 @@ var j = { class: "flex-1 text-sm leading-relaxed" }, M = { class: "opacity-90" }
|
|
|
75
75
|
let n = e.__vccOpts || e;
|
|
76
76
|
for (let [e, r] of t) n[e] = r;
|
|
77
77
|
return n;
|
|
78
|
-
}, F = /*#__PURE__*/ P(N, [["__scopeId", "data-v-
|
|
78
|
+
}, F = /*#__PURE__*/ P(N, [["__scopeId", "data-v-4b55fce4"]]), I = /* @__PURE__ */ l({
|
|
79
79
|
__name: "Badge",
|
|
80
80
|
props: {
|
|
81
81
|
type: { default: "label" },
|
package/lib/kreaui.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("lucide-vue-next")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`lucide-vue-next`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.KreaUI={},e.Vue,e.LucideVueNext))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={class:`flex-1 text-sm leading-relaxed`},i={class:`opacity-90`},a=(0,t.defineComponent)({__name:`Alert`,props:{variant:{default:`info`},title:{default:``},message:{default:``},dismissible:{type:Boolean,default:!1},showIcon:{type:Boolean,default:!0},class:{default:``}},emits:[`close`],setup(e,{emit:a}){let o=e,s=a,c=(0,t.ref)(!0),l=()=>{c.value=!1,s(`close`)},u={info:n.Info,success:n.CheckCircle2,warning:n.AlertTriangle,danger:n.AlertCircle},d=(0,t.computed)(()=>u[o.variant]),f={info:`bg-blue-50 border-blue-200 text-blue-800 dark:bg-blue-950/20 dark:border-blue-900/50 dark:text-blue-300`,success:`bg-emerald-50 border-emerald-200 text-emerald-800 dark:bg-emerald-950/20 dark:border-emerald-900/50 dark:text-emerald-300`,warning:`bg-amber-50 border-amber-200 text-amber-800 dark:bg-amber-950/20 dark:border-amber-900/50 dark:text-amber-300`,danger:`bg-rose-50 border-rose-200 text-rose-800 dark:bg-rose-950/20 dark:border-rose-900/50 dark:text-rose-300`},p={info:`text-blue-900 dark:text-blue-200`,success:`text-emerald-900 dark:text-emerald-200`,warning:`text-amber-900 dark:text-amber-200`,danger:`text-rose-900 dark:text-rose-200`},m={info:`text-blue-500 hover:bg-blue-100 hover:text-blue-800 dark:text-blue-400 dark:hover:bg-blue-900/40 dark:hover:text-blue-200`,success:`text-emerald-500 hover:bg-emerald-100 hover:text-emerald-800 dark:text-emerald-400 dark:hover:bg-emerald-900/40 dark:hover:text-emerald-200`,warning:`text-amber-500 hover:bg-amber-100 hover:text-amber-800 dark:text-amber-400 dark:hover:bg-amber-900/40 dark:hover:text-amber-200`,danger:`text-rose-500 hover:bg-rose-100 hover:text-rose-800 dark:text-rose-400 dark:hover:bg-rose-900/40 dark:hover:text-rose-200`};return(a,s)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`flex items-start gap-3 p-4 border rounded-2xl transition-all duration-200`,f[e.variant],o.class]),role:`alert`},[e.showIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(d.value),{key:0,class:`w-5 h-5 shrink-0 mt-0.5`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,r,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`h5`,{key:0,class:(0,t.normalizeClass)([`font-bold mb-1`,p[e.variant]])},(0,t.toDisplayString)(e.title),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,i,[e.message?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(e.message),1)],64)):(0,t.renderSlot)(a.$slots,`default`,{key:1},void 0,!0)])]),e.dismissible?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,onClick:l,class:(0,t.normalizeClass)([`p-1 -mr-1 rounded-lg transition-colors cursor-pointer`,m[e.variant]]),"aria-label":`Close alert`},[(0,t.createVNode)((0,t.unref)(n.X),{class:`w-4 h-4`})],2)):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-7a29c82f`]]),c=(0,t.defineComponent)({__name:`Badge`,props:{type:{default:`label`},variant:{default:`primary`},appearance:{},size:{default:`md`},rounded:{default:`lg`},iconOnly:{type:Boolean,default:!1},class:{default:``}},setup(e){let n=e,r=(0,t.computed)(()=>n.appearance?n.appearance:n.type===`label`?`soft`:`solid`),i={primary:`bg-blue-50 text-primary border-blue-200/70 dark:bg-blue-950/40 dark:text-blue-400 dark:border-blue-800/50`,secondary:`bg-slate-100 text-slate-600 border-slate-200 dark:bg-slate-800/80 dark:text-slate-300 dark:border-slate-700`,success:`bg-emerald-50 text-emerald-600 border-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20`,error:`bg-rose-50 text-rose-600 border-rose-200 dark:bg-rose-500/10 dark:text-rose-400 dark:border-rose-500/20`,warning:`bg-amber-50 text-amber-600 border-amber-200 dark:bg-amber-500/10 dark:text-amber-400 dark:border-amber-500/20`,info:`bg-sky-50 text-sky-600 border-sky-200 dark:bg-sky-500/10 dark:text-sky-400 dark:border-sky-500/20`,outline:`bg-transparent text-slate-600 border-slate-200 dark:text-slate-400 dark:border-slate-700`},a={primary:`bg-[#4082E6] text-white border-transparent`,secondary:`bg-slate-500 text-white border-transparent`,success:`bg-emerald-500 text-white border-transparent`,error:`bg-rose-500 text-white border-transparent`,warning:`bg-amber-500 text-white border-transparent`,info:`bg-sky-500 text-white border-transparent`,outline:`bg-transparent text-slate-600 border-slate-200`},o={sm:`text-[12px] px-2 py-0.5 tracking-wide font-medium`,md:`text-[14px] px-2.5 py-0.5 tracking-wide font-medium`,lg:`text-[16px] px-3 py-1 tracking-wide font-medium`},s={sm:`text-[12px] h-4 min-w-[16px] px-1 font-bold`,md:`text-[12px] h-5 min-w-[20px] px-1.5 font-bold`,lg:`text-[14px] h-6 min-w-[24px] px-2 font-bold`},c={sm:`h-4 w-4`,md:`h-5 w-5`,lg:`h-6 w-6`},l={sm:`h-5 w-5`,md:`h-6 w-6`,lg:`h-7 w-7`},u={sm:`h-2 w-2`,md:`h-3 w-3`,lg:`h-4 w-4`},d={sm:`rounded-sm`,md:`rounded-md`,lg:`rounded-lg`,full:`rounded-full`},f=(0,t.computed)(()=>{let e=`inline-flex items-center justify-center transition-all duration-200 select-none whitespace-nowrap box-border`,t=r.value===`soft`?i[n.variant]:a[n.variant];return n.type===`notification`?[e,`rounded-full border`,t,n.iconOnly?c[n.size]:s[n.size],n.class].filter(Boolean).join(` `):n.type===`hint`?[e,`rounded-full border`,t,u[n.size],n.class].filter(Boolean).join(` `):[e,`border`,t,n.iconOnly?l[n.size]:o[n.size],d[n.rounded],n.class].filter(Boolean).join(` `)});return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)(f.value)},[e.type===`hint`?(0,t.createCommentVNode)(``,!0):(0,t.renderSlot)(n.$slots,`default`,{key:0})],2))}}),l=[`disabled`],u=(0,t.defineComponent)({__name:`Button`,props:{variant:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},label:{default:``},iconLeft:{},iconRight:{},class:{default:``}},emits:[`click`],setup(e,{emit:r}){let i=e,a={primary:`bg-[#4082E6] text-white hover:bg-[#2d6ed4] focus-visible:ring-[#4082E6]`,outline:`border border-slate-200 bg-transparent text-slate-600 hover:bg-slate-50 hover:text-slate-900 focus-visible:ring-slate-400 dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-slate-100`,ghost:`bg-transparent text-slate-600 hover:bg-slate-100 hover:text-slate-900 focus-visible:ring-slate-400 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-slate-100`,danger:`bg-rose-500 text-white hover:bg-rose-600 focus-visible:ring-rose-500`},o={sm:`h-9 px-4 text-sm gap-1.5 [&_svg]:w-4 [&_svg]:h-4`,md:`h-11 px-6 text-base gap-2 [&_svg]:w-5 [&_svg]:h-5`,lg:`h-14 px-10 text-2xl gap-2.5 [&_svg]:w-6 [&_svg]:h-6`},s={sm:`h-9 w-9 text-lg [&_svg]:w-6 [&_svg]:h-6`,md:`h-11 w-11 text-xl [&_svg]:w-8 [&_svg]:h-8`,lg:`h-14 w-14 text-2xl [&_svg]:w-10 [&_svg]:h-10`},c=r,u=e=>{!i.disabled&&!i.loading&&c(`click`,e)},d=(0,t.computed)(()=>[`inline-flex items-center justify-center whitespace-nowrap rounded-2xl transition-colors duration-200`,i.icon?`font-medium`:`font-bold`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2`,`disabled:pointer-events-none disabled:opacity-50`,a[i.variant],i.icon?s[i.size]:o[i.size],i.class].filter(Boolean).join(` `));return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(d.value),disabled:e.disabled||e.loading,onClick:u},[e.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Loader2),{key:0,class:`animate-spin shrink-0`})):e.iconLeft?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.iconLeft),{key:1})):(0,t.createCommentVNode)(``,!0),e.label?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)],64)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`default`),e.iconRight&&!e.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.iconRight),{key:3})):(0,t.createCommentVNode)(``,!0)],10,l))}}),d={class:`p-6`},f={key:0,class:`text-base font-semibold text-[#131313] dark:text-white`},p={key:1,class:`mt-1 text-sm text-slate-500 dark:text-slate-400`},m={key:0,class:`flex items-center justify-end gap-3 border-t border-slate-100 dark:border-slate-800 px-6 py-4 bg-slate-50/50 dark:bg-slate-950/50`},h=(0,t.defineComponent)({__name:`Card`,props:{title:{default:``},description:{default:``},class:{default:``}},setup(e){let n=e;return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`rounded-3xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 overflow-hidden`,n.class])},[(0,t.createElementVNode)(`div`,d,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`h3`,f,(0,t.toDisplayString)(e.title),1)):(0,t.createCommentVNode)(``,!0),e.description?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,p,(0,t.toDisplayString)(e.description),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([e.title||e.description?`mt-4`:``])},[(0,t.renderSlot)(r.$slots,`default`)],2)]),r.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,m,[(0,t.renderSlot)(r.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],2))}}),g=[`disabled`],_={class:`flex items-center gap-2`},v={key:0,class:`krea-dropdown-divider`},y=[`disabled`,`onClick`],b={class:`flex items-center gap-3`},x=o((0,t.defineComponent)({__name:`DropdownMenu`,props:{triggerText:{default:`Pilih Opsi`},align:{default:`left`},disabled:{type:Boolean,default:!1},items:{default:()=>[]},modelValue:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`select`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(!1),s=(0,t.ref)(null),c=(0,t.computed)(()=>i.items.find(e=>e.id===i.modelValue)),l=(0,t.computed)(()=>c.value?.label??i.triggerText),u=(0,t.computed)(()=>c.value?.icon),d=(0,t.computed)(()=>[`inline-flex items-center justify-between whitespace-nowrap`,`font-semibold transition-all duration-150`,`focus:outline-none focus:ring-2 focus:ring-[#4082E6]`,`disabled:pointer-events-none disabled:opacity-50 cursor-pointer`,{default:`border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-200 hover:bg-slate-50 dark:hover:bg-slate-800`,ghost:`bg-transparent text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800`,outline:`border border-slate-300 dark:border-slate-700 bg-transparent text-slate-700 dark:text-slate-200 hover:border-[#4082E6] hover:text-[#4082E6]`}[i.variant],{sm:`h-8 px-3 text-xs rounded-xl gap-2`,md:`h-10 px-4 text-sm rounded-2xl gap-2.5`,lg:`h-12 px-5 text-base rounded-2xl gap-3`}[i.size]].join(` `)),f=(0,t.computed)(()=>({sm:`w-3 h-3`,md:`w-4 h-4`,lg:`w-4 h-4`})[i.size]),p=(0,t.computed)(()=>i.align===`right`?`right-0`:`left-0`),m=()=>{i.disabled||(o.value=!o.value)},h=e=>{e.disabled||(a(`update:modelValue`,e.id),a(`select`,e),o.value=!1)},x=e=>{o.value&&(s.value?.contains(e.target)||(o.value=!1))};return(0,t.onMounted)(()=>{document.addEventListener(`mousedown`,x)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`mousedown`,x)}),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`wrapperEl`,ref:s,class:`krea-dropdown-wrapper`},[(0,t.createElementVNode)(`button`,{type:`button`,onClick:m,disabled:e.disabled,class:(0,t.normalizeClass)(d.value)},[(0,t.createElementVNode)(`div`,_,[u.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(u.value),{key:0,class:`w-4 h-4 shrink-0 text-slate-500 dark:text-slate-400`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(l.value),1)]),(0,t.createVNode)((0,t.unref)(n.ChevronDown),{class:(0,t.normalizeClass)([f.value,`text-slate-400 shrink-0 transition-transform duration-200`]),style:(0,t.normalizeStyle)({transform:o.value?`rotate(180deg)`:``})},null,8,[`class`,`style`])],10,g),(0,t.withDirectives)((0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`krea-dropdown-popover`,p.value])},[(0,t.renderSlot)(r.$slots,`default`,{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:n.id??r},[n.divider?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,v)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{type:`button`,disabled:n.disabled,onClick:e=>h(n),class:(0,t.normalizeClass)([`krea-dropdown-item`,n.variant===`danger`?`krea-dropdown-item--danger`:e.modelValue===n.id?`krea-dropdown-item--active`:``])},[(0,t.createElementVNode)(`div`,b,[n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:`w-4 h-4 shrink-0 text-slate-400`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(n.label),1)])],10,y)],64))),128))],!0)],2),[[t.vShow,o.value]])],512))}}),[[`__scopeId`,`data-v-948716a5`]]),S=[`disabled`,`onClick`],C=(0,t.defineComponent)({__name:`Tabs`,props:{modelValue:{default:``},items:{},variant:{default:`pills`},size:{default:`md`},class:{default:``}},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.computed)({get:()=>r.modelValue||r.items[0]?.id||``,set:e=>{i(`update:modelValue`,e),i(`change`,e)}}),o=(0,t.computed)(()=>r.variant===`pills`?`inline-flex items-center p-1.5 gap-1 bg-slate-100 dark:bg-slate-900 border border-slate-200/60 dark:border-slate-800 rounded-2xl`:r.variant===`separated`?`inline-flex items-center gap-2 flex-wrap`:`flex items-center gap-6 border-b border-slate-200 dark:border-slate-800 w-full`),s={sm:`px-3 py-1.5 text-sm gap-1.5 [&_svg]:w-4 [&_svg]:h-4`,md:`px-5 py-2 text-sm gap-2 [&_svg]:w-4 [&_svg]:h-4`,lg:`px-7 py-3 text-base gap-2.5 [&_svg]:w-5 [&_svg]:h-5`};function c(e){let t=a.value===e.id;return r.variant===`pills`||r.variant===`separated`?[`inline-flex items-center rounded-xl font-medium transition-all duration-200 focus:outline-none disabled:pointer-events-none disabled:opacity-50`,s[r.size],t?`bg-[#4082E6] text-white font-semibold`:`text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-slate-200/50 dark:hover:bg-slate-800`].join(` `):[`inline-flex items-center font-medium border-b-2 -mb-px pb-3 transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50`,s[r.size],t?`border-[#4082E6] text-[#4082E6] font-semibold`:`border-transparent text-slate-500 hover:text-slate-800 dark:hover:text-slate-200`].join(` `)}return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([o.value,r.class])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.id,type:`button`,disabled:e.disabled,class:(0,t.normalizeClass)(c(e)),onClick:t=>a.value=e.id},[e.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.icon),{key:0})):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.label),1)],10,S))),128))],2))}});function w(e,t){return{handler:e,config:t}}w.withOptions=function(e,t=()=>({})){function n(n){return{handler:e(n),config:t(n)}}return n.__isOptionsFunction=!0,n};var T=w(function({addBase:e,addComponents:t,theme:n}){e({":root":{"--kv-color-primary":`#4082E6`,"--kv-color-primary-hover":`#2d6ed4`,"--kv-color-primary-light":`#dbeafe`,"--kv-color-secondary":`#FEF747`,"--kv-color-soft-black":`#121212`,"--kv-color-soft-white":`#fafafa`,"--kv-color-surface":`#ffffff`,"--kv-color-border":`#e2e8f0`,"--kv-color-muted":`#64748b`,"--kv-color-muted-light":`#f1f5f9`,"--kv-color-danger":`#f43f5e`,"--kv-radius-sm":`0.75rem`,"--kv-radius-md":`1rem`,"--kv-radius-default":`1.5rem`,"--kv-shadow-none":`none`},'[data-theme="dark"]':{"--kv-color-soft-black":`#fafafa`,"--kv-color-soft-white":`#09090b`,"--kv-color-surface":`#0f0f12`,"--kv-color-border":`#27272a`,"--kv-color-muted":`#a1a1aa`,"--kv-color-muted-light":`#18181b`}})},{theme:{extend:{colors:{kv:{primary:{DEFAULT:`var(--kv-color-primary)`,hover:`var(--kv-color-primary-hover)`,light:`var(--kv-color-primary-light)`},secondary:`var(--kv-color-secondary)`,surface:`var(--kv-color-surface)`,border:`var(--kv-color-border)`,muted:`var(--kv-color-muted)`}},borderRadius:{"kv-sm":`var(--kv-radius-sm)`,"kv-md":`var(--kv-radius-md)`,"kv-default":`var(--kv-radius-default)`}}}});e.Alert=s,e.Badge=c,e.Button=u,e.Card=h,e.DropdownMenu=x,e.Tabs=C,e.kreauiPlugin=T});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("lucide-vue-next")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`lucide-vue-next`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.KreaUI={},e.Vue,e.LucideVueNext))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={class:`flex-1 text-sm leading-relaxed`},i={class:`opacity-90 [&_p]:m-0 [&_p]:leading-relaxed`},a=(0,t.defineComponent)({__name:`Alert`,props:{variant:{default:`info`},title:{default:``},message:{default:``},dismissible:{type:Boolean,default:!1},showIcon:{type:Boolean,default:!0},class:{default:``}},emits:[`close`],setup(e,{emit:a}){let o=e,s=a,c=(0,t.ref)(!0),l=()=>{c.value=!1,s(`close`)},u={info:n.Info,success:n.CheckCircle2,warning:n.AlertTriangle,danger:n.AlertCircle},d=(0,t.computed)(()=>u[o.variant]),f={info:`bg-blue-50 border-blue-200 text-blue-800 dark:bg-blue-950/20 dark:border-blue-900/50 dark:text-blue-300`,success:`bg-emerald-50 border-emerald-200 text-emerald-800 dark:bg-emerald-950/20 dark:border-emerald-900/50 dark:text-emerald-300`,warning:`bg-amber-50 border-amber-200 text-amber-800 dark:bg-amber-950/20 dark:border-amber-900/50 dark:text-amber-300`,danger:`bg-rose-50 border-rose-200 text-rose-800 dark:bg-rose-950/20 dark:border-rose-900/50 dark:text-rose-300`},p={info:`text-blue-900 dark:text-blue-200`,success:`text-emerald-900 dark:text-emerald-200`,warning:`text-amber-900 dark:text-amber-200`,danger:`text-rose-900 dark:text-rose-200`},m={info:`text-blue-500 hover:bg-blue-100 hover:text-blue-800 dark:text-blue-400 dark:hover:bg-blue-900/40 dark:hover:text-blue-200`,success:`text-emerald-500 hover:bg-emerald-100 hover:text-emerald-800 dark:text-emerald-400 dark:hover:bg-emerald-900/40 dark:hover:text-emerald-200`,warning:`text-amber-500 hover:bg-amber-100 hover:text-amber-800 dark:text-amber-400 dark:hover:bg-amber-900/40 dark:hover:text-amber-200`,danger:`text-rose-500 hover:bg-rose-100 hover:text-rose-800 dark:text-rose-400 dark:hover:bg-rose-900/40 dark:hover:text-rose-200`};return(a,s)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`flex items-start gap-3 p-4 border rounded-2xl transition-all duration-200 not-content`,f[e.variant],o.class]),role:`alert`},[e.showIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(d.value),{key:0,class:`w-5 h-5 shrink-0 mt-0.5`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,r,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`h5`,{key:0,class:(0,t.normalizeClass)([`font-bold mb-1 m-0 p-0 text-sm leading-snug`,p[e.variant]])},(0,t.toDisplayString)(e.title),3)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,i,[e.message?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(e.message),1)],64)):(0,t.renderSlot)(a.$slots,`default`,{key:1},void 0,!0)])]),e.dismissible?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,onClick:l,class:(0,t.normalizeClass)([`p-1 -mr-1 rounded-lg transition-colors cursor-pointer`,m[e.variant]]),"aria-label":`Close alert`},[(0,t.createVNode)((0,t.unref)(n.X),{class:`w-4 h-4`})],2)):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-4b55fce4`]]),c=(0,t.defineComponent)({__name:`Badge`,props:{type:{default:`label`},variant:{default:`primary`},appearance:{},size:{default:`md`},rounded:{default:`lg`},iconOnly:{type:Boolean,default:!1},class:{default:``}},setup(e){let n=e,r=(0,t.computed)(()=>n.appearance?n.appearance:n.type===`label`?`soft`:`solid`),i={primary:`bg-blue-50 text-primary border-blue-200/70 dark:bg-blue-950/40 dark:text-blue-400 dark:border-blue-800/50`,secondary:`bg-slate-100 text-slate-600 border-slate-200 dark:bg-slate-800/80 dark:text-slate-300 dark:border-slate-700`,success:`bg-emerald-50 text-emerald-600 border-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20`,error:`bg-rose-50 text-rose-600 border-rose-200 dark:bg-rose-500/10 dark:text-rose-400 dark:border-rose-500/20`,warning:`bg-amber-50 text-amber-600 border-amber-200 dark:bg-amber-500/10 dark:text-amber-400 dark:border-amber-500/20`,info:`bg-sky-50 text-sky-600 border-sky-200 dark:bg-sky-500/10 dark:text-sky-400 dark:border-sky-500/20`,outline:`bg-transparent text-slate-600 border-slate-200 dark:text-slate-400 dark:border-slate-700`},a={primary:`bg-[#4082E6] text-white border-transparent`,secondary:`bg-slate-500 text-white border-transparent`,success:`bg-emerald-500 text-white border-transparent`,error:`bg-rose-500 text-white border-transparent`,warning:`bg-amber-500 text-white border-transparent`,info:`bg-sky-500 text-white border-transparent`,outline:`bg-transparent text-slate-600 border-slate-200`},o={sm:`text-[12px] px-2 py-0.5 tracking-wide font-medium`,md:`text-[14px] px-2.5 py-0.5 tracking-wide font-medium`,lg:`text-[16px] px-3 py-1 tracking-wide font-medium`},s={sm:`text-[12px] h-4 min-w-[16px] px-1 font-bold`,md:`text-[12px] h-5 min-w-[20px] px-1.5 font-bold`,lg:`text-[14px] h-6 min-w-[24px] px-2 font-bold`},c={sm:`h-4 w-4`,md:`h-5 w-5`,lg:`h-6 w-6`},l={sm:`h-5 w-5`,md:`h-6 w-6`,lg:`h-7 w-7`},u={sm:`h-2 w-2`,md:`h-3 w-3`,lg:`h-4 w-4`},d={sm:`rounded-sm`,md:`rounded-md`,lg:`rounded-lg`,full:`rounded-full`},f=(0,t.computed)(()=>{let e=`inline-flex items-center justify-center transition-all duration-200 select-none whitespace-nowrap box-border`,t=r.value===`soft`?i[n.variant]:a[n.variant];return n.type===`notification`?[e,`rounded-full border`,t,n.iconOnly?c[n.size]:s[n.size],n.class].filter(Boolean).join(` `):n.type===`hint`?[e,`rounded-full border`,t,u[n.size],n.class].filter(Boolean).join(` `):[e,`border`,t,n.iconOnly?l[n.size]:o[n.size],d[n.rounded],n.class].filter(Boolean).join(` `)});return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)(f.value)},[e.type===`hint`?(0,t.createCommentVNode)(``,!0):(0,t.renderSlot)(n.$slots,`default`,{key:0})],2))}}),l=[`disabled`],u=(0,t.defineComponent)({__name:`Button`,props:{variant:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},label:{default:``},iconLeft:{},iconRight:{},class:{default:``}},emits:[`click`],setup(e,{emit:r}){let i=e,a={primary:`bg-[#4082E6] text-white hover:bg-[#2d6ed4] focus-visible:ring-[#4082E6]`,outline:`border border-slate-200 bg-transparent text-slate-600 hover:bg-slate-50 hover:text-slate-900 focus-visible:ring-slate-400 dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-slate-100`,ghost:`bg-transparent text-slate-600 hover:bg-slate-100 hover:text-slate-900 focus-visible:ring-slate-400 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-slate-100`,danger:`bg-rose-500 text-white hover:bg-rose-600 focus-visible:ring-rose-500`},o={sm:`h-9 px-4 text-sm gap-1.5 [&_svg]:w-4 [&_svg]:h-4`,md:`h-11 px-6 text-base gap-2 [&_svg]:w-5 [&_svg]:h-5`,lg:`h-14 px-10 text-2xl gap-2.5 [&_svg]:w-6 [&_svg]:h-6`},s={sm:`h-9 w-9 text-lg [&_svg]:w-6 [&_svg]:h-6`,md:`h-11 w-11 text-xl [&_svg]:w-8 [&_svg]:h-8`,lg:`h-14 w-14 text-2xl [&_svg]:w-10 [&_svg]:h-10`},c=r,u=e=>{!i.disabled&&!i.loading&&c(`click`,e)},d=(0,t.computed)(()=>[`inline-flex items-center justify-center whitespace-nowrap rounded-2xl transition-colors duration-200`,i.icon?`font-medium`:`font-bold`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2`,`disabled:pointer-events-none disabled:opacity-50`,a[i.variant],i.icon?s[i.size]:o[i.size],i.class].filter(Boolean).join(` `));return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(d.value),disabled:e.disabled||e.loading,onClick:u},[e.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Loader2),{key:0,class:`animate-spin shrink-0`})):e.iconLeft?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.iconLeft),{key:1})):(0,t.createCommentVNode)(``,!0),e.label?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)],64)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`default`),e.iconRight&&!e.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.iconRight),{key:3})):(0,t.createCommentVNode)(``,!0)],10,l))}}),d={class:`p-6`},f={key:0,class:`text-base font-semibold text-[#131313] dark:text-white`},p={key:1,class:`mt-1 text-sm text-slate-500 dark:text-slate-400`},m={key:0,class:`flex items-center justify-end gap-3 border-t border-slate-100 dark:border-slate-800 px-6 py-4 bg-slate-50/50 dark:bg-slate-950/50`},h=(0,t.defineComponent)({__name:`Card`,props:{title:{default:``},description:{default:``},class:{default:``}},setup(e){let n=e;return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`rounded-3xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 overflow-hidden`,n.class])},[(0,t.createElementVNode)(`div`,d,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`h3`,f,(0,t.toDisplayString)(e.title),1)):(0,t.createCommentVNode)(``,!0),e.description?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,p,(0,t.toDisplayString)(e.description),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([e.title||e.description?`mt-4`:``])},[(0,t.renderSlot)(r.$slots,`default`)],2)]),r.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,m,[(0,t.renderSlot)(r.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],2))}}),g=[`disabled`],_={class:`flex items-center gap-2`},v={key:0,class:`krea-dropdown-divider`},y=[`disabled`,`onClick`],b={class:`flex items-center gap-3`},x=o((0,t.defineComponent)({__name:`DropdownMenu`,props:{triggerText:{default:`Pilih Opsi`},align:{default:`left`},disabled:{type:Boolean,default:!1},items:{default:()=>[]},modelValue:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`select`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(!1),s=(0,t.ref)(null),c=(0,t.computed)(()=>i.items.find(e=>e.id===i.modelValue)),l=(0,t.computed)(()=>c.value?.label??i.triggerText),u=(0,t.computed)(()=>c.value?.icon),d=(0,t.computed)(()=>[`inline-flex items-center justify-between whitespace-nowrap`,`font-semibold transition-all duration-150`,`focus:outline-none focus:ring-2 focus:ring-[#4082E6]`,`disabled:pointer-events-none disabled:opacity-50 cursor-pointer`,{default:`border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-200 hover:bg-slate-50 dark:hover:bg-slate-800`,ghost:`bg-transparent text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800`,outline:`border border-slate-300 dark:border-slate-700 bg-transparent text-slate-700 dark:text-slate-200 hover:border-[#4082E6] hover:text-[#4082E6]`}[i.variant],{sm:`h-8 px-3 text-xs rounded-xl gap-2`,md:`h-10 px-4 text-sm rounded-2xl gap-2.5`,lg:`h-12 px-5 text-base rounded-2xl gap-3`}[i.size]].join(` `)),f=(0,t.computed)(()=>({sm:`w-3 h-3`,md:`w-4 h-4`,lg:`w-4 h-4`})[i.size]),p=(0,t.computed)(()=>i.align===`right`?`right-0`:`left-0`),m=()=>{i.disabled||(o.value=!o.value)},h=e=>{e.disabled||(a(`update:modelValue`,e.id),a(`select`,e),o.value=!1)},x=e=>{o.value&&(s.value?.contains(e.target)||(o.value=!1))};return(0,t.onMounted)(()=>{document.addEventListener(`mousedown`,x)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`mousedown`,x)}),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`wrapperEl`,ref:s,class:`krea-dropdown-wrapper`},[(0,t.createElementVNode)(`button`,{type:`button`,onClick:m,disabled:e.disabled,class:(0,t.normalizeClass)(d.value)},[(0,t.createElementVNode)(`div`,_,[u.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(u.value),{key:0,class:`w-4 h-4 shrink-0 text-slate-500 dark:text-slate-400`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(l.value),1)]),(0,t.createVNode)((0,t.unref)(n.ChevronDown),{class:(0,t.normalizeClass)([f.value,`text-slate-400 shrink-0 transition-transform duration-200`]),style:(0,t.normalizeStyle)({transform:o.value?`rotate(180deg)`:``})},null,8,[`class`,`style`])],10,g),(0,t.withDirectives)((0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`krea-dropdown-popover`,p.value])},[(0,t.renderSlot)(r.$slots,`default`,{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:n.id??r},[n.divider?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,v)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{type:`button`,disabled:n.disabled,onClick:e=>h(n),class:(0,t.normalizeClass)([`krea-dropdown-item`,n.variant===`danger`?`krea-dropdown-item--danger`:e.modelValue===n.id?`krea-dropdown-item--active`:``])},[(0,t.createElementVNode)(`div`,b,[n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.icon),{key:0,class:`w-4 h-4 shrink-0 text-slate-400`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(n.label),1)])],10,y)],64))),128))],!0)],2),[[t.vShow,o.value]])],512))}}),[[`__scopeId`,`data-v-948716a5`]]),S=[`disabled`,`onClick`],C=(0,t.defineComponent)({__name:`Tabs`,props:{modelValue:{default:``},items:{},variant:{default:`pills`},size:{default:`md`},class:{default:``}},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.computed)({get:()=>r.modelValue||r.items[0]?.id||``,set:e=>{i(`update:modelValue`,e),i(`change`,e)}}),o=(0,t.computed)(()=>r.variant===`pills`?`inline-flex items-center p-1.5 gap-1 bg-slate-100 dark:bg-slate-900 border border-slate-200/60 dark:border-slate-800 rounded-2xl`:r.variant===`separated`?`inline-flex items-center gap-2 flex-wrap`:`flex items-center gap-6 border-b border-slate-200 dark:border-slate-800 w-full`),s={sm:`px-3 py-1.5 text-sm gap-1.5 [&_svg]:w-4 [&_svg]:h-4`,md:`px-5 py-2 text-sm gap-2 [&_svg]:w-4 [&_svg]:h-4`,lg:`px-7 py-3 text-base gap-2.5 [&_svg]:w-5 [&_svg]:h-5`};function c(e){let t=a.value===e.id;return r.variant===`pills`||r.variant===`separated`?[`inline-flex items-center rounded-xl font-medium transition-all duration-200 focus:outline-none disabled:pointer-events-none disabled:opacity-50`,s[r.size],t?`bg-[#4082E6] text-white font-semibold`:`text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-slate-200/50 dark:hover:bg-slate-800`].join(` `):[`inline-flex items-center font-medium border-b-2 -mb-px pb-3 transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50`,s[r.size],t?`border-[#4082E6] text-[#4082E6] font-semibold`:`border-transparent text-slate-500 hover:text-slate-800 dark:hover:text-slate-200`].join(` `)}return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([o.value,r.class])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.id,type:`button`,disabled:e.disabled,class:(0,t.normalizeClass)(c(e)),onClick:t=>a.value=e.id},[e.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.icon),{key:0})):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.label),1)],10,S))),128))],2))}});function w(e,t){return{handler:e,config:t}}w.withOptions=function(e,t=()=>({})){function n(n){return{handler:e(n),config:t(n)}}return n.__isOptionsFunction=!0,n};var T=w(function({addBase:e,addComponents:t,theme:n}){e({":root":{"--kv-color-primary":`#4082E6`,"--kv-color-primary-hover":`#2d6ed4`,"--kv-color-primary-light":`#dbeafe`,"--kv-color-secondary":`#FEF747`,"--kv-color-soft-black":`#121212`,"--kv-color-soft-white":`#fafafa`,"--kv-color-surface":`#ffffff`,"--kv-color-border":`#e2e8f0`,"--kv-color-muted":`#64748b`,"--kv-color-muted-light":`#f1f5f9`,"--kv-color-danger":`#f43f5e`,"--kv-radius-sm":`0.75rem`,"--kv-radius-md":`1rem`,"--kv-radius-default":`1.5rem`,"--kv-shadow-none":`none`},'[data-theme="dark"]':{"--kv-color-soft-black":`#fafafa`,"--kv-color-soft-white":`#09090b`,"--kv-color-surface":`#0f0f12`,"--kv-color-border":`#27272a`,"--kv-color-muted":`#a1a1aa`,"--kv-color-muted-light":`#18181b`}})},{theme:{extend:{colors:{kv:{primary:{DEFAULT:`var(--kv-color-primary)`,hover:`var(--kv-color-primary-hover)`,light:`var(--kv-color-primary-light)`},secondary:`var(--kv-color-secondary)`,surface:`var(--kv-color-surface)`,border:`var(--kv-color-border)`,muted:`var(--kv-color-muted)`}},borderRadius:{"kv-sm":`var(--kv-radius-sm)`,"kv-md":`var(--kv-radius-md)`,"kv-default":`var(--kv-radius-default)`}}}});e.Alert=s,e.Badge=c,e.Button=u,e.Card=h,e.DropdownMenu=x,e.Tabs=C,e.kreauiPlugin=T});
|