@kreavoks/kreaui 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/kreaui.css +1 -1
  2. package/lib/kreaui.es.js +169 -100
  3. package/lib/kreaui.umd.js +1 -1
  4. package/package.json +1 -1
package/lib/kreaui.css CHANGED
@@ -1,2 +1,2 @@
1
- .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}
1
+ .fade-enter-active[data-v-7a29c82f],.fade-leave-active[data-v-7a29c82f]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-7a29c82f],.fade-leave-to[data-v-7a29c82f]{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,8 +1,81 @@
1
- import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, vShow as b, withDirectives as x } from "vue";
2
- import { ChevronDown as S, Loader2 as C } from "lucide-vue-next";
3
- //#endregion
4
- //#region src/shared/ui/badge/Badge.vue
5
- var w = /* @__PURE__ */ c({
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
+ 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
+ //#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({
5
+ __name: "Alert",
6
+ props: {
7
+ variant: { default: "info" },
8
+ title: { default: "" },
9
+ message: { default: "" },
10
+ dismissible: {
11
+ type: Boolean,
12
+ default: !1
13
+ },
14
+ showIcon: {
15
+ type: Boolean,
16
+ default: !0
17
+ },
18
+ class: { default: "" }
19
+ },
20
+ emits: ["close"],
21
+ setup(l, { emit: d }) {
22
+ let f = l, p = d, g = h(!0), x = () => {
23
+ g.value = !1, p("close");
24
+ }, C = {
25
+ info: O,
26
+ success: E,
27
+ warning: T,
28
+ danger: w
29
+ }, D = n(() => C[f.variant]), k = {
30
+ info: "bg-blue-50 border-blue-200 text-blue-800 dark:bg-blue-950/20 dark:border-blue-900/50 dark:text-blue-300",
31
+ success: "bg-emerald-50 border-emerald-200 text-emerald-800 dark:bg-emerald-950/20 dark:border-emerald-900/50 dark:text-emerald-300",
32
+ warning: "bg-amber-50 border-amber-200 text-amber-800 dark:bg-amber-950/20 dark:border-amber-900/50 dark:text-amber-300",
33
+ danger: "bg-rose-50 border-rose-200 text-rose-800 dark:bg-rose-950/20 dark:border-rose-900/50 dark:text-rose-300"
34
+ }, N = {
35
+ info: "text-blue-900 dark:text-blue-200",
36
+ success: "text-emerald-900 dark:text-emerald-200",
37
+ warning: "text-amber-900 dark:text-amber-200",
38
+ danger: "text-rose-900 dark:text-rose-200"
39
+ }, P = {
40
+ 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",
41
+ 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",
42
+ 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",
43
+ 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"
44
+ };
45
+ return (n, d) => (m(), r(t, { name: "fade" }, {
46
+ default: S(() => [g.value ? (m(), a("div", {
47
+ key: 0,
48
+ class: u([
49
+ "flex items-start gap-3 p-4 border rounded-2xl transition-all duration-200",
50
+ k[l.variant],
51
+ f.class
52
+ ]),
53
+ role: "alert"
54
+ }, [
55
+ l.showIcon ? (m(), r(v(D.value), {
56
+ key: 0,
57
+ class: "w-5 h-5 shrink-0 mt-0.5"
58
+ })) : i("", !0),
59
+ o("div", j, [l.title ? (m(), a("h5", {
60
+ key: 0,
61
+ class: u(["font-bold mb-1", N[l.variant]])
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
+ l.dismissible ? (m(), a("button", {
64
+ key: 1,
65
+ type: "button",
66
+ onClick: x,
67
+ class: u(["p-1 -mr-1 rounded-lg transition-colors cursor-pointer", P[l.variant]]),
68
+ "aria-label": "Close alert"
69
+ }, [c(b(A), { class: "w-4 h-4" })], 2)) : i("", !0)
70
+ ], 2)) : i("", !0)]),
71
+ _: 3
72
+ }));
73
+ }
74
+ }), P = (e, t) => {
75
+ let n = e.__vccOpts || e;
76
+ for (let [e, r] of t) n[e] = r;
77
+ return n;
78
+ }, F = /*#__PURE__*/ P(N, [["__scopeId", "data-v-7a29c82f"]]), I = /* @__PURE__ */ l({
6
79
  __name: "Badge",
7
80
  props: {
8
81
  type: { default: "label" },
@@ -17,7 +90,7 @@ var w = /* @__PURE__ */ c({
17
90
  class: { default: "" }
18
91
  },
19
92
  setup(e) {
20
- let n = e, a = t(() => n.appearance ? n.appearance : n.type === "label" ? "soft" : "solid"), o = {
93
+ let t = e, r = n(() => t.appearance ? t.appearance : t.type === "label" ? "soft" : "solid"), o = {
21
94
  primary: "bg-blue-50 text-primary border-blue-200/70 dark:bg-blue-950/40 dark:text-blue-400 dark:border-blue-800/50",
22
95
  secondary: "bg-slate-100 text-slate-600 border-slate-200 dark:bg-slate-800/80 dark:text-slate-300 dark:border-slate-700",
23
96
  success: "bg-emerald-50 text-emerald-600 border-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20",
@@ -37,7 +110,7 @@ var w = /* @__PURE__ */ c({
37
110
  sm: "text-[12px] px-2 py-0.5 tracking-wide font-medium",
38
111
  md: "text-[14px] px-2.5 py-0.5 tracking-wide font-medium",
39
112
  lg: "text-[16px] px-3 py-1 tracking-wide font-medium"
40
- }, u = {
113
+ }, l = {
41
114
  sm: "text-[12px] h-4 min-w-[16px] px-1 font-bold",
42
115
  md: "text-[12px] h-5 min-w-[20px] px-1.5 font-bold",
43
116
  lg: "text-[14px] h-6 min-w-[24px] px-2 font-bold"
@@ -49,7 +122,7 @@ var w = /* @__PURE__ */ c({
49
122
  sm: "h-5 w-5",
50
123
  md: "h-6 w-6",
51
124
  lg: "h-7 w-7"
52
- }, m = {
125
+ }, p = {
53
126
  sm: "h-2 w-2",
54
127
  md: "h-3 w-3",
55
128
  lg: "h-4 w-4"
@@ -58,32 +131,32 @@ var w = /* @__PURE__ */ c({
58
131
  md: "rounded-md",
59
132
  lg: "rounded-lg",
60
133
  full: "rounded-full"
61
- }, _ = t(() => {
62
- let e = "inline-flex items-center justify-center transition-all duration-200 select-none whitespace-nowrap box-border", t = a.value === "soft" ? o[n.variant] : s[n.variant];
63
- return n.type === "notification" ? [
134
+ }, g = n(() => {
135
+ let e = "inline-flex items-center justify-center transition-all duration-200 select-none whitespace-nowrap box-border", n = r.value === "soft" ? o[t.variant] : s[t.variant];
136
+ return t.type === "notification" ? [
64
137
  e,
65
138
  "rounded-full border",
66
- t,
67
- n.iconOnly ? d[n.size] : u[n.size],
68
- n.class
69
- ].filter(Boolean).join(" ") : n.type === "hint" ? [
139
+ n,
140
+ t.iconOnly ? d[t.size] : l[t.size],
141
+ t.class
142
+ ].filter(Boolean).join(" ") : t.type === "hint" ? [
70
143
  e,
71
144
  "rounded-full border",
72
- t,
73
- m[n.size],
74
- n.class
145
+ n,
146
+ p[t.size],
147
+ t.class
75
148
  ].filter(Boolean).join(" ") : [
76
149
  e,
77
150
  "border",
78
- t,
79
- n.iconOnly ? f[n.size] : c[n.size],
80
- h[n.rounded],
81
- n.class
151
+ n,
152
+ t.iconOnly ? f[t.size] : c[t.size],
153
+ h[t.rounded],
154
+ t.class
82
155
  ].filter(Boolean).join(" ");
83
156
  });
84
- return (t, n) => (p(), i("span", { class: l(_.value) }, [e.type === "hint" ? r("", !0) : g(t.$slots, "default", { key: 0 })], 2));
157
+ return (t, n) => (m(), a("span", { class: u(g.value) }, [e.type === "hint" ? i("", !0) : _(t.$slots, "default", { key: 0 })], 2));
85
158
  }
86
- }), T = ["disabled"], E = /* @__PURE__ */ c({
159
+ }), L = ["disabled"], R = /* @__PURE__ */ l({
87
160
  __name: "Button",
88
161
  props: {
89
162
  variant: { default: "primary" },
@@ -106,8 +179,8 @@ var w = /* @__PURE__ */ c({
106
179
  class: { default: "" }
107
180
  },
108
181
  emits: ["click"],
109
- setup(a, { emit: s }) {
110
- let c = a, u = {
182
+ setup(t, { emit: o }) {
183
+ let c = t, l = {
111
184
  primary: "bg-[#4082E6] text-white hover:bg-[#2d6ed4] focus-visible:ring-[#4082E6]",
112
185
  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",
113
186
  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",
@@ -120,41 +193,41 @@ var w = /* @__PURE__ */ c({
120
193
  sm: "h-9 w-9 text-lg [&_svg]:w-6 [&_svg]:h-6",
121
194
  md: "h-11 w-11 text-xl [&_svg]:w-8 [&_svg]:h-8",
122
195
  lg: "h-14 w-14 text-2xl [&_svg]:w-10 [&_svg]:h-10"
123
- }, m = s, h = (e) => {
124
- !c.disabled && !c.loading && m("click", e);
125
- }, b = t(() => [
196
+ }, p = o, h = (e) => {
197
+ !c.disabled && !c.loading && p("click", e);
198
+ }, g = n(() => [
126
199
  "inline-flex items-center justify-center whitespace-nowrap rounded-2xl transition-colors duration-200",
127
200
  c.icon ? "font-medium" : "font-bold",
128
201
  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
129
202
  "disabled:pointer-events-none disabled:opacity-50",
130
- u[c.variant],
203
+ l[c.variant],
131
204
  c.icon ? f[c.size] : d[c.size],
132
205
  c.class
133
206
  ].filter(Boolean).join(" "));
134
- return (t, s) => (p(), i("button", {
135
- class: l(b.value),
136
- disabled: a.disabled || a.loading,
207
+ return (n, o) => (m(), a("button", {
208
+ class: u(g.value),
209
+ disabled: t.disabled || t.loading,
137
210
  onClick: h
138
211
  }, [
139
- a.loading ? (p(), n(y(C), {
212
+ t.loading ? (m(), r(b(k), {
140
213
  key: 0,
141
214
  class: "animate-spin shrink-0"
142
- })) : a.iconLeft ? (p(), n(_(a.iconLeft), { key: 1 })) : r("", !0),
143
- a.label ? (p(), i(e, { key: 2 }, [o(v(a.label), 1)], 64)) : r("", !0),
144
- g(t.$slots, "default"),
145
- a.iconRight && !a.loading ? (p(), n(_(a.iconRight), { key: 3 })) : r("", !0)
146
- ], 10, T));
215
+ })) : t.iconLeft ? (m(), r(v(t.iconLeft), { key: 1 })) : i("", !0),
216
+ t.label ? (m(), a(e, { key: 2 }, [s(y(t.label), 1)], 64)) : i("", !0),
217
+ _(n.$slots, "default"),
218
+ t.iconRight && !t.loading ? (m(), r(v(t.iconRight), { key: 3 })) : i("", !0)
219
+ ], 10, L));
147
220
  }
148
- }), D = { class: "p-6" }, O = {
221
+ }), z = { class: "p-6" }, B = {
149
222
  key: 0,
150
223
  class: "text-base font-semibold text-[#131313] dark:text-white"
151
- }, k = {
224
+ }, V = {
152
225
  key: 1,
153
226
  class: "mt-1 text-sm text-slate-500 dark:text-slate-400"
154
- }, A = {
227
+ }, H = {
155
228
  key: 0,
156
229
  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"
157
- }, j = /* @__PURE__ */ c({
230
+ }, U = /* @__PURE__ */ l({
158
231
  __name: "Card",
159
232
  props: {
160
233
  title: { default: "" },
@@ -163,20 +236,16 @@ var w = /* @__PURE__ */ c({
163
236
  },
164
237
  setup(e) {
165
238
  let t = e;
166
- return (n, o) => (p(), i("div", { class: l(["rounded-3xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 overflow-hidden", t.class]) }, [a("div", D, [
167
- e.title ? (p(), i("h3", O, v(e.title), 1)) : r("", !0),
168
- e.description ? (p(), i("p", k, v(e.description), 1)) : r("", !0),
169
- a("div", { class: l([e.title || e.description ? "mt-4" : ""]) }, [g(n.$slots, "default")], 2)
170
- ]), n.$slots.footer ? (p(), i("div", A, [g(n.$slots, "footer")])) : r("", !0)], 2));
239
+ return (n, r) => (m(), a("div", { class: u(["rounded-3xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 overflow-hidden", t.class]) }, [o("div", z, [
240
+ e.title ? (m(), a("h3", B, y(e.title), 1)) : i("", !0),
241
+ e.description ? (m(), a("p", V, y(e.description), 1)) : i("", !0),
242
+ o("div", { class: u([e.title || e.description ? "mt-4" : ""]) }, [_(n.$slots, "default")], 2)
243
+ ]), n.$slots.footer ? (m(), a("div", H, [_(n.$slots, "footer")])) : i("", !0)], 2));
171
244
  }
172
- }), M = ["disabled"], N = { class: "flex items-center gap-2" }, P = {
245
+ }), W = ["disabled"], G = { class: "flex items-center gap-2" }, K = {
173
246
  key: 0,
174
247
  class: "krea-dropdown-divider"
175
- }, F = ["disabled", "onClick"], I = { class: "flex items-center gap-3" }, L = /*#__PURE__*/ ((e, t) => {
176
- let n = e.__vccOpts || e;
177
- for (let [e, r] of t) n[e] = r;
178
- return n;
179
- })(/* @__PURE__ */ c({
248
+ }, q = ["disabled", "onClick"], J = { class: "flex items-center gap-3" }, Y = /*#__PURE__*/ P(/* @__PURE__ */ l({
180
249
  __name: "DropdownMenu",
181
250
  props: {
182
251
  triggerText: { default: "Pilih Opsi" },
@@ -191,8 +260,8 @@ var w = /* @__PURE__ */ c({
191
260
  size: { default: "md" }
192
261
  },
193
262
  emits: ["update:modelValue", "select"],
194
- setup(o, { emit: c }) {
195
- let C = o, w = c, T = m(!1), E = m(null), D = t(() => C.items.find((e) => e.id === C.modelValue)), O = t(() => D.value?.label ?? C.triggerText), k = t(() => D.value?.icon), A = t(() => [
263
+ setup(t, { emit: s }) {
264
+ let l = t, S = s, w = h(!1), T = h(null), E = n(() => l.items.find((e) => e.id === l.modelValue)), O = n(() => E.value?.label ?? l.triggerText), k = n(() => E.value?.icon), A = n(() => [
196
265
  "inline-flex items-center justify-between whitespace-nowrap",
197
266
  "font-semibold transition-all duration-150",
198
267
  "focus:outline-none focus:ring-2 focus:ring-[#4082E6]",
@@ -201,53 +270,53 @@ var w = /* @__PURE__ */ c({
201
270
  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",
202
271
  ghost: "bg-transparent text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800",
203
272
  outline: "border border-slate-300 dark:border-slate-700 bg-transparent text-slate-700 dark:text-slate-200 hover:border-[#4082E6] hover:text-[#4082E6]"
204
- }[C.variant],
273
+ }[l.variant],
205
274
  {
206
275
  sm: "h-8 px-3 text-xs rounded-xl gap-2",
207
276
  md: "h-10 px-4 text-sm rounded-2xl gap-2.5",
208
277
  lg: "h-12 px-5 text-base rounded-2xl gap-3"
209
- }[C.size]
210
- ].join(" ")), j = t(() => ({
278
+ }[l.size]
279
+ ].join(" ")), j = n(() => ({
211
280
  sm: "w-3 h-3",
212
281
  md: "w-4 h-4",
213
282
  lg: "w-4 h-4"
214
- })[C.size]), L = t(() => C.align === "right" ? "right-0" : "left-0"), R = () => {
215
- C.disabled || (T.value = !T.value);
216
- }, z = (e) => {
217
- e.disabled || (w("update:modelValue", e.id), w("select", e), T.value = !1);
218
- }, B = (e) => {
219
- T.value && (E.value?.contains(e.target) || (T.value = !1));
283
+ })[l.size]), M = n(() => l.align === "right" ? "right-0" : "left-0"), N = () => {
284
+ l.disabled || (w.value = !w.value);
285
+ }, P = (e) => {
286
+ e.disabled || (S("update:modelValue", e.id), S("select", e), w.value = !1);
287
+ }, F = (e) => {
288
+ w.value && (T.value?.contains(e.target) || (w.value = !1));
220
289
  };
221
- return d(() => {
222
- document.addEventListener("mousedown", B);
223
- }), f(() => {
224
- document.removeEventListener("mousedown", B);
225
- }), (t, c) => (p(), i("div", {
290
+ return f(() => {
291
+ document.addEventListener("mousedown", F);
292
+ }), p(() => {
293
+ document.removeEventListener("mousedown", F);
294
+ }), (n, s) => (m(), a("div", {
226
295
  ref_key: "wrapperEl",
227
- ref: E,
296
+ ref: T,
228
297
  class: "krea-dropdown-wrapper"
229
- }, [a("button", {
298
+ }, [o("button", {
230
299
  type: "button",
231
- onClick: R,
232
- disabled: o.disabled,
233
- class: l(A.value)
234
- }, [a("div", N, [k.value ? (p(), n(_(k.value), {
300
+ onClick: N,
301
+ disabled: t.disabled,
302
+ class: u(A.value)
303
+ }, [o("div", G, [k.value ? (m(), r(v(k.value), {
235
304
  key: 0,
236
305
  class: "w-4 h-4 shrink-0 text-slate-500 dark:text-slate-400"
237
- })) : r("", !0), a("span", null, v(O.value), 1)]), s(y(S), {
238
- class: l([j.value, "text-slate-400 shrink-0 transition-transform duration-200"]),
239
- style: u({ transform: T.value ? "rotate(180deg)" : "" })
240
- }, null, 8, ["class", "style"])], 10, M), x(a("div", { class: l(["krea-dropdown-popover", L.value]) }, [g(t.$slots, "default", {}, () => [(p(!0), i(e, null, h(o.items, (t, s) => (p(), i(e, { key: t.id ?? s }, [t.divider ? (p(), i("div", P)) : r("", !0), a("button", {
306
+ })) : i("", !0), o("span", null, y(O.value), 1)]), c(b(D), {
307
+ class: u([j.value, "text-slate-400 shrink-0 transition-transform duration-200"]),
308
+ style: d({ transform: w.value ? "rotate(180deg)" : "" })
309
+ }, null, 8, ["class", "style"])], 10, W), C(o("div", { class: u(["krea-dropdown-popover", M.value]) }, [_(n.$slots, "default", {}, () => [(m(!0), a(e, null, g(t.items, (n, s) => (m(), a(e, { key: n.id ?? s }, [n.divider ? (m(), a("div", K)) : i("", !0), o("button", {
241
310
  type: "button",
242
- disabled: t.disabled,
243
- onClick: (e) => z(t),
244
- class: l(["krea-dropdown-item", t.variant === "danger" ? "krea-dropdown-item--danger" : o.modelValue === t.id ? "krea-dropdown-item--active" : ""])
245
- }, [a("div", I, [t.icon ? (p(), n(_(t.icon), {
311
+ disabled: n.disabled,
312
+ onClick: (e) => P(n),
313
+ class: u(["krea-dropdown-item", n.variant === "danger" ? "krea-dropdown-item--danger" : t.modelValue === n.id ? "krea-dropdown-item--active" : ""])
314
+ }, [o("div", J, [n.icon ? (m(), r(v(n.icon), {
246
315
  key: 0,
247
316
  class: "w-4 h-4 shrink-0 text-slate-400"
248
- })) : r("", !0), a("span", null, v(t.label), 1)])], 10, F)], 64))), 128))], !0)], 2), [[b, T.value]])], 512));
317
+ })) : i("", !0), o("span", null, y(n.label), 1)])], 10, q)], 64))), 128))], !0)], 2), [[x, w.value]])], 512));
249
318
  }
250
- }), [["__scopeId", "data-v-948716a5"]]), R = ["disabled", "onClick"], z = /* @__PURE__ */ c({
319
+ }), [["__scopeId", "data-v-948716a5"]]), X = ["disabled", "onClick"], Z = /* @__PURE__ */ l({
251
320
  __name: "Tabs",
252
321
  props: {
253
322
  modelValue: { default: "" },
@@ -257,47 +326,47 @@ var w = /* @__PURE__ */ c({
257
326
  class: { default: "" }
258
327
  },
259
328
  emits: ["update:modelValue", "change"],
260
- setup(a, { emit: s }) {
261
- let c = a, u = s, d = t({
329
+ setup(t, { emit: o }) {
330
+ let c = t, l = o, d = n({
262
331
  get: () => c.modelValue || c.items[0]?.id || "",
263
332
  set: (e) => {
264
- u("update:modelValue", e), u("change", e);
333
+ l("update:modelValue", e), l("change", e);
265
334
  }
266
- }), f = t(() => c.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" : c.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"), m = {
335
+ }), f = n(() => c.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" : c.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"), p = {
267
336
  sm: "px-3 py-1.5 text-sm gap-1.5 [&_svg]:w-4 [&_svg]:h-4",
268
337
  md: "px-5 py-2 text-sm gap-2 [&_svg]:w-4 [&_svg]:h-4",
269
338
  lg: "px-7 py-3 text-base gap-2.5 [&_svg]:w-5 [&_svg]:h-5"
270
339
  };
271
- function g(e) {
340
+ function h(e) {
272
341
  let t = d.value === e.id;
273
342
  return c.variant === "pills" || c.variant === "separated" ? [
274
343
  "inline-flex items-center rounded-xl font-medium transition-all duration-200 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
275
- m[c.size],
344
+ p[c.size],
276
345
  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"
277
346
  ].join(" ") : [
278
347
  "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",
279
- m[c.size],
348
+ p[c.size],
280
349
  t ? "border-[#4082E6] text-[#4082E6] font-semibold" : "border-transparent text-slate-500 hover:text-slate-800 dark:hover:text-slate-200"
281
350
  ].join(" ");
282
351
  }
283
- return (t, s) => (p(), i("div", { class: l([f.value, c.class]) }, [(p(!0), i(e, null, h(a.items, (e) => (p(), i("button", {
352
+ return (n, o) => (m(), a("div", { class: u([f.value, c.class]) }, [(m(!0), a(e, null, g(t.items, (e) => (m(), a("button", {
284
353
  key: e.id,
285
354
  type: "button",
286
355
  disabled: e.disabled,
287
- class: l(g(e)),
356
+ class: u(h(e)),
288
357
  onClick: (t) => d.value = e.id
289
- }, [e.icon ? (p(), n(_(e.icon), { key: 0 })) : r("", !0), o(" " + v(e.label), 1)], 10, R))), 128))], 2));
358
+ }, [e.icon ? (m(), r(v(e.icon), { key: 0 })) : i("", !0), s(" " + y(e.label), 1)], 10, X))), 128))], 2));
290
359
  }
291
360
  });
292
361
  //#endregion
293
362
  //#region node_modules/tailwindcss/dist/plugin.mjs
294
- function B(e, t) {
363
+ function Q(e, t) {
295
364
  return {
296
365
  handler: e,
297
366
  config: t
298
367
  };
299
368
  }
300
- B.withOptions = function(e, t = () => ({})) {
369
+ Q.withOptions = function(e, t = () => ({})) {
301
370
  function n(n) {
302
371
  return {
303
372
  handler: e(n),
@@ -308,7 +377,7 @@ B.withOptions = function(e, t = () => ({})) {
308
377
  };
309
378
  //#endregion
310
379
  //#region src/plugin.ts
311
- var V = B(function({ addBase: e, addComponents: t, theme: n }) {
380
+ var $ = Q(function({ addBase: e, addComponents: t, theme: n }) {
312
381
  e({
313
382
  ":root": {
314
383
  "--kv-color-primary": "#4082E6",
@@ -355,4 +424,4 @@ var V = B(function({ addBase: e, addComponents: t, theme: n }) {
355
424
  }
356
425
  } } });
357
426
  //#endregion
358
- export { w as Badge, E as Button, j as Card, L as DropdownMenu, z as Tabs, V as kreauiPlugin };
427
+ export { F as Alert, I as Badge, R as Button, U as Card, Y as DropdownMenu, Z as Tabs, $ as kreauiPlugin };
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=(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))}}),i=[`disabled`],a=(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 a=e,o={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`},s={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`},c={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`},l=r,u=e=>{!a.disabled&&!a.loading&&l(`click`,e)},d=(0,t.computed)(()=>[`inline-flex items-center justify-center whitespace-nowrap rounded-2xl transition-colors duration-200`,a.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`,o[a.variant],a.icon?c[a.size]:s[a.size],a.class].filter(Boolean).join(` `));return(r,a)=>((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,i))}}),o={class:`p-6`},s={key:0,class:`text-base font-semibold text-[#131313] dark:text-white`},c={key:1,class:`mt-1 text-sm text-slate-500 dark:text-slate-400`},l={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`},u=(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`,o,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`h3`,s,(0,t.toDisplayString)(e.title),1)):(0,t.createCommentVNode)(``,!0),e.description?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,c,(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`,l,[(0,t.renderSlot)(r.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],2))}}),d=[`disabled`],f={class:`flex items-center gap-2`},p={key:0,class:`krea-dropdown-divider`},m=[`disabled`,`onClick`],h={class:`flex items-center gap-3`},g=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((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),g=(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(` `)),_=(0,t.computed)(()=>({sm:`w-3 h-3`,md:`w-4 h-4`,lg:`w-4 h-4`})[i.size]),v=(0,t.computed)(()=>i.align===`right`?`right-0`:`left-0`),y=()=>{i.disabled||(o.value=!o.value)},b=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:y,disabled:e.disabled,class:(0,t.normalizeClass)(g.value)},[(0,t.createElementVNode)(`div`,f,[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)([_.value,`text-slate-400 shrink-0 transition-transform duration-200`]),style:(0,t.normalizeStyle)({transform:o.value?`rotate(180deg)`:``})},null,8,[`class`,`style`])],10,d),(0,t.withDirectives)((0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`krea-dropdown-popover`,v.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`,p)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`button`,{type:`button`,disabled:n.disabled,onClick:e=>b(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`,h,[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,m)],64))),128))],!0)],2),[[t.vShow,o.value]])],512))}}),[[`__scopeId`,`data-v-948716a5`]]),_=[`disabled`,`onClick`],v=(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,_))),128))],2))}});function y(e,t){return{handler:e,config:t}}y.withOptions=function(e,t=()=>({})){function n(n){return{handler:e(n),config:t(n)}}return n.__isOptionsFunction=!0,n};var b=y(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.Badge=r,e.Button=a,e.Card=u,e.DropdownMenu=g,e.Tabs=v,e.kreauiPlugin=b});
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});
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kreavoks/kreaui",
3
3
  "type": "module",
4
- "version": "0.0.2",
4
+ "version": "0.0.4",
5
5
  "main": "./lib/kreaui.umd.js",
6
6
  "module": "./lib/kreaui.es.js",
7
7
  "exports": {