@kreavoks/kreaui 0.0.2 → 0.0.3

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