npm - @kreavoks/kreaui - Versions diffs - 0.0.1 - Mend

@kreavoks/kreaui 0.0.1

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 (5) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,49 @@
+# Starlight Starter Kit: Basics
+[![Built with Starlight](https://astro.badg.es/v2/built-with-starlight/tiny.svg)](https://starlight.astro.build)
+```
+npm create astro@latest -- --template starlight
+```
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+## 🚀 Project Structure
+Inside of your Astro + Starlight project, you'll see the following folders and files:
+```
+.
+├── public/
+├── src/
+│   ├── assets/
+│   ├── content/
+│   │   └── docs/
+│   └── content.config.ts
+├── astro.config.mjs
+├── package.json
+└── tsconfig.json
+```
+Starlight looks for `.md` or `.mdx` files in the `src/content/docs/` directory. Each file is exposed as a route based on its file name.
+Images can be added to `src/assets/` and embedded in Markdown with a relative link.
+Static assets, like favicons, can be placed in the `public/` directory.
+## 🧞 Commands
+All commands are run from the root of the project, from a terminal:
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro -- --help` | Get help using the Astro CLI                     |
+## 👀 Want to learn more?
+Check out [Starlight’s docs](https://starlight.astro.build/), read [the Astro documentation](https://docs.astro.build), or jump into the [Astro Discord server](https://astro.build/chat).

package/lib/kreaui.css ADDED Viewed

	@@ -0,0 +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}
2	+ /$vite$:1/

package/lib/kreaui.es.js ADDED Viewed

@@ -0,0 +1,358 @@
+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";
+import { ChevronDown as S, Loader2 as C } from "lucide-vue-next";
+//#endregion
+//#region src/shared/ui/badge/Badge.vue
+var w = /* @__PURE__ */ c({
+	__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, a = t(() => n.appearance ? n.appearance : n.type === "label" ? "soft" : "solid"), o = {
+			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"
+		}, s = {
+			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"
+		}, c = {
+			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"
+		}, u = {
+			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"
+		}, d = {
+			sm: "h-4 w-4",
+			md: "h-5 w-5",
+			lg: "h-6 w-6"
+		}, f = {
+			sm: "h-5 w-5",
+			md: "h-6 w-6",
+			lg: "h-7 w-7"
+		}, m = {
+			sm: "h-2 w-2",
+			md: "h-3 w-3",
+			lg: "h-4 w-4"
+		}, h = {
+			sm: "rounded-sm",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			full: "rounded-full"
+		}, _ = t(() => {
+			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];
+			return n.type === "notification" ? [
+				e,
+				"rounded-full border",
+				t,
+				n.iconOnly ? d[n.size] : u[n.size],
+				n.class
+			].filter(Boolean).join(" ") : n.type === "hint" ? [
+				e,
+				"rounded-full border",
+				t,
+				m[n.size],
+				n.class
+			].filter(Boolean).join(" ") : [
+				e,
+				"border",
+				t,
+				n.iconOnly ? f[n.size] : c[n.size],
+				h[n.rounded],
+				n.class
+			].filter(Boolean).join(" ");
+		});
+		return (t, n) => (p(), i("span", { class: l(_.value) }, [e.type === "hint" ? r("", !0) : g(t.$slots, "default", { key: 0 })], 2));
+	}
+}), T = ["disabled"], E = /* @__PURE__ */ c({
+	__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(a, { emit: s }) {
+		let c = a, u = {
+			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"
+		}, d = {
+			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"
+		}, f = {
+			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"
+		}, m = s, h = (e) => {
+			!c.disabled && !c.loading && m("click", e);
+		}, b = t(() => [
+			"inline-flex items-center justify-center whitespace-nowrap rounded-2xl transition-colors duration-200",
+			c.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",
+			u[c.variant],
+			c.icon ? f[c.size] : d[c.size],
+			c.class
+		].filter(Boolean).join(" "));
+		return (t, s) => (p(), i("button", {
+			class: l(b.value),
+			disabled: a.disabled || a.loading,
+			onClick: h
+		}, [
+			a.loading ? (p(), n(y(C), {
+				key: 0,
+				class: "animate-spin shrink-0"
+			})) : a.iconLeft ? (p(), n(_(a.iconLeft), { key: 1 })) : r("", !0),
+			a.label ? (p(), i(e, { key: 2 }, [o(v(a.label), 1)], 64)) : r("", !0),
+			g(t.$slots, "default"),
+			a.iconRight && !a.loading ? (p(), n(_(a.iconRight), { key: 3 })) : r("", !0)
+		], 10, T));
+	}
+}), D = { class: "p-6" }, O = {
+	key: 0,
+	class: "text-base font-semibold text-[#131313] dark:text-white"
+}, k = {
+	key: 1,
+	class: "mt-1 text-sm text-slate-500 dark:text-slate-400"
+}, A = {
+	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"
+}, j = /* @__PURE__ */ c({
+	__name: "Card",
+	props: {
+		title: { default: "" },
+		description: { default: "" },
+		class: { default: "" }
+	},
+	setup(e) {
+		let t = e;
+		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, [
+			e.title ? (p(), i("h3", O, v(e.title), 1)) : r("", !0),
+			e.description ? (p(), i("p", k, v(e.description), 1)) : r("", !0),
+			a("div", { class: l([e.title || e.description ? "mt-4" : ""]) }, [g(n.$slots, "default")], 2)
+		]), n.$slots.footer ? (p(), i("div", A, [g(n.$slots, "footer")])) : r("", !0)], 2));
+	}
+}), M = ["disabled"], N = { class: "flex items-center gap-2" }, P = {
+	key: 0,
+	class: "krea-dropdown-divider"
+}, F = ["disabled", "onClick"], I = { class: "flex items-center gap-3" }, L = /*#__PURE__*/ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ c({
+	__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(o, { emit: c }) {
+		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(() => [
+			"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]"
+			}[C.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"
+			}[C.size]
+		].join(" ")), j = t(() => ({
+			sm: "w-3 h-3",
+			md: "w-4 h-4",
+			lg: "w-4 h-4"
+		})[C.size]), L = t(() => C.align === "right" ? "right-0" : "left-0"), R = () => {
+			C.disabled || (T.value = !T.value);
+		}, z = (e) => {
+			e.disabled || (w("update:modelValue", e.id), w("select", e), T.value = !1);
+		}, B = (e) => {
+			T.value && (E.value?.contains(e.target) || (T.value = !1));
+		};
+		return d(() => {
+			document.addEventListener("mousedown", B);
+		}), f(() => {
+			document.removeEventListener("mousedown", B);
+		}), (t, c) => (p(), i("div", {
+			ref_key: "wrapperEl",
+			ref: E,
+			class: "krea-dropdown-wrapper"
+		}, [a("button", {
+			type: "button",
+			onClick: R,
+			disabled: o.disabled,
+			class: l(A.value)
+		}, [a("div", N, [k.value ? (p(), n(_(k.value), {
+			key: 0,
+			class: "w-4 h-4 shrink-0 text-slate-500 dark:text-slate-400"
+		})) : r("", !0), a("span", null, v(O.value), 1)]), s(y(S), {
+			class: l([j.value, "text-slate-400 shrink-0 transition-transform duration-200"]),
+			style: u({ transform: T.value ? "rotate(180deg)" : "" })
+		}, 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", {
+			type: "button",
+			disabled: t.disabled,
+			onClick: (e) => z(t),
+			class: l(["krea-dropdown-item", t.variant === "danger" ? "krea-dropdown-item--danger" : o.modelValue === t.id ? "krea-dropdown-item--active" : ""])
+		}, [a("div", I, [t.icon ? (p(), n(_(t.icon), {
+			key: 0,
+			class: "w-4 h-4 shrink-0 text-slate-400"
+		})) : r("", !0), a("span", null, v(t.label), 1)])], 10, F)], 64))), 128))], !0)], 2), [[b, T.value]])], 512));
+	}
+}), [["__scopeId", "data-v-948716a5"]]), R = ["disabled", "onClick"], z = /* @__PURE__ */ c({
+	__name: "Tabs",
+	props: {
+		modelValue: { default: "" },
+		items: {},
+		variant: { default: "pills" },
+		size: { default: "md" },
+		class: { default: "" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(a, { emit: s }) {
+		let c = a, u = s, d = t({
+			get: () => c.modelValue || c.items[0]?.id || "",
+			set: (e) => {
+				u("update:modelValue", e), u("change", e);
+			}
+		}), 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 = {
+			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 g(e) {
+			let t = d.value === e.id;
+			return c.variant === "pills" || c.variant === "separated" ? [
+				"inline-flex items-center rounded-xl font-medium transition-all duration-200 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+				m[c.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",
+				m[c.size],
+				t ? "border-[#4082E6] text-[#4082E6] font-semibold" : "border-transparent text-slate-500 hover:text-slate-800 dark:hover:text-slate-200"
+			].join(" ");
+		}
+		return (t, s) => (p(), i("div", { class: l([f.value, c.class]) }, [(p(!0), i(e, null, h(a.items, (e) => (p(), i("button", {
+			key: e.id,
+			type: "button",
+			disabled: e.disabled,
+			class: l(g(e)),
+			onClick: (t) => d.value = e.id
+		}, [e.icon ? (p(), n(_(e.icon), { key: 0 })) : r("", !0), o(" " + v(e.label), 1)], 10, R))), 128))], 2));
+	}
+});
+//#endregion
+//#region node_modules/tailwindcss/dist/plugin.mjs
+function B(e, t) {
+	return {
+		handler: e,
+		config: t
+	};
+}
+B.withOptions = function(e, t = () => ({})) {
+	function n(n) {
+		return {
+			handler: e(n),
+			config: t(n)
+		};
+	}
+	return n.__isOptionsFunction = !0, n;
+};
+//#endregion
+//#region src/plugin.ts
+var V = B(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)"
+	}
+} } });
+//#endregion
+export { w as Badge, E as Button, j as Card, L as DropdownMenu, z as Tabs, V as kreauiPlugin };

package/lib/kreaui.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,45 @@
+{
+  "name": "@kreavoks/kreaui",
+  "type": "module",
+  "version": "0.0.1",
+  "main": "./lib/kreaui.umd.js",
+  "module": "./lib/kreaui.es.js",
+  "exports": {
+    ".": {
+      "import": "./lib/kreaui.es.js",
+      "require": "./lib/kreaui.umd.js"
+    },
+    "./style.css": "./lib/kreaui.css"
+  },
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "build:lib": "vite build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/react": "^6.0.0",
+    "@astrojs/starlight": "^0.41.1",
+    "@astrojs/vue": "^7.0.0",
+    "@tailwindcss/vite": "^4.3.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "astro": "^7.0.2",
+    "lucide-astro": "^0.556.0",
+    "lucide-vue-next": "^1.0.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "sharp": "^0.34.5",
+    "tailwindcss": "^4.3.1",
+    "vue": "^3.5.39"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0",
+    "lucide-vue-next": "^1.0.0"
+  }
+}