@indielayer/ui 1.18.1 → 2.1.0

package/exports/tailwind.css

@@ -0,0 +1,74 @@
+/**
+ * Indielayer UI theme tokens for Tailwind CSS v4.
+ * Import after tailwindcss in your app stylesheet:
+ *   @import "tailwindcss";
+ *   @import "@indielayer/ui/tailwind.css";
+ */
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme inline {
+  --color-primary-50: rgb(var(--primary-color-50));
+  --color-primary-100: rgb(var(--primary-color-100));
+  --color-primary-200: rgb(var(--primary-color-200));
+  --color-primary-300: rgb(var(--primary-color-300));
+  --color-primary-400: rgb(var(--primary-color-400));
+  --color-primary-500: rgb(var(--primary-color-500));
+  --color-primary-600: rgb(var(--primary-color-600));
+  --color-primary-700: rgb(var(--primary-color-700));
+  --color-primary-800: rgb(var(--primary-color-800));
+  --color-primary-900: rgb(var(--primary-color-900));
+  --color-primary-950: rgb(var(--primary-color-950));
+
+  --color-secondary-50: rgb(var(--secondary-color-50));
+  --color-secondary-100: rgb(var(--secondary-color-100));
+  --color-secondary-200: rgb(var(--secondary-color-200));
+  --color-secondary-300: rgb(var(--secondary-color-300));
+  --color-secondary-400: rgb(var(--secondary-color-400));
+  --color-secondary-500: rgb(var(--secondary-color-500));
+  --color-secondary-600: rgb(var(--secondary-color-600));
+  --color-secondary-700: rgb(var(--secondary-color-700));
+  --color-secondary-800: rgb(var(--secondary-color-800));
+  --color-secondary-900: rgb(var(--secondary-color-900));
+  --color-secondary-950: rgb(var(--secondary-color-950));
+
+  --color-success-50: rgb(var(--success-color-50));
+  --color-success-100: rgb(var(--success-color-100));
+  --color-success-200: rgb(var(--success-color-200));
+  --color-success-300: rgb(var(--success-color-300));
+  --color-success-400: rgb(var(--success-color-400));
+  --color-success-500: rgb(var(--success-color-500));
+  --color-success-600: rgb(var(--success-color-600));
+  --color-success-700: rgb(var(--success-color-700));
+  --color-success-800: rgb(var(--success-color-800));
+  --color-success-900: rgb(var(--success-color-900));
+  --color-success-950: rgb(var(--success-color-950));
+
+  --color-warning-50: rgb(var(--warning-color-50));
+  --color-warning-100: rgb(var(--warning-color-100));
+  --color-warning-200: rgb(var(--warning-color-200));
+  --color-warning-300: rgb(var(--warning-color-300));
+  --color-warning-400: rgb(var(--warning-color-400));
+  --color-warning-500: rgb(var(--warning-color-500));
+  --color-warning-600: rgb(var(--warning-color-600));
+  --color-warning-700: rgb(var(--warning-color-700));
+  --color-warning-800: rgb(var(--warning-color-800));
+  --color-warning-900: rgb(var(--warning-color-900));
+  --color-warning-950: rgb(var(--warning-color-950));
+
+  --color-error-50: rgb(var(--error-color-50));
+  --color-error-100: rgb(var(--error-color-100));
+  --color-error-200: rgb(var(--error-color-200));
+  --color-error-300: rgb(var(--error-color-300));
+  --color-error-400: rgb(var(--error-color-400));
+  --color-error-500: rgb(var(--error-color-500));
+  --color-error-600: rgb(var(--error-color-600));
+  --color-error-700: rgb(var(--error-color-700));
+  --color-error-800: rgb(var(--error-color-800));
+  --color-error-900: rgb(var(--error-color-900));
+  --color-error-950: rgb(var(--error-color-950));
+
+  --color-border: rgb(var(--border-color));
+
+  --font-sans: var(--font-family-sans);
+  --font-mono: var(--font-family-mono);
+}

package/lib/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +1,8 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
 };
+//#endregion
+export { e as default };

package/lib/_virtual/_rolldown/runtime.js

@@ -0,0 +1,17 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, r = Object.prototype.hasOwnProperty, i = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, a = (i, a, o, s) => {
+	if (a && typeof a == "object" || typeof a == "function") for (var c = n(a), l = 0, u = c.length, d; l < u; l++) d = c[l], !r.call(i, d) && d !== o && e(i, d, {
+		get: ((e) => a[e]).bind(null, d),
+		enumerable: !(s = t(a, d)) || s.enumerable
+	});
+	return i;
+}, o = (e, t, n) => (a(e, t, "default"), n && a(n, t, "default"));
+//#endregion
+export { i as __exportAll, o as __reExport };

package/lib/common/buttonGroupRadius.d.ts

@@ -0,0 +1,3 @@
+import type { InputGroupPosition } from './inputGroupRadius';
+export type ButtonGroupPosition = InputGroupPosition;
+export declare function buttonGroupRadiusClasses(position?: ButtonGroupPosition | null, pill?: boolean): string[];

package/lib/common/buttonGroupRadius.js

@@ -0,0 +1,6 @@
+//#region src/common/buttonGroupRadius.ts
+function e(e, t = !1) {
+	return e ? e === "only" ? [t ? "rounded-full" : "rounded-md"] : e === "first" ? [t ? "rounded-s-full" : "rounded-s-md"] : e === "last" ? [t ? "rounded-e-full" : "rounded-e-md"] : ["rounded-none"] : [];
+}
+//#endregion
+export { e as buttonGroupRadiusClasses };

package/lib/common/colors.js

@@ -1,19 +1,370 @@
-const t = (f) => /^#(?:[A-Fa-f0-9]{3}){1,2}$/.test(f), y = (f) => /^rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}[)]$/.test(f), G = (f) => /^^rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}\s*0*(?:\.\d+|1(?:\.0*)?)\s*[)]$/.test(f), n = (f) => {
-  var e;
-  return (e = f.match(/\((.*?)\)/)) == null ? void 0 : e[1].split(",");
-}, r = (f) => {
-  var e;
-  return (e = f.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (a, d, c, b) => "#" + d + d + c + c + b + b).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((a) => parseInt(a, 16));
-}, p = (f, e) => {
-  const [a, d, c] = (t(f) ? r(f) : n(f)) ?? [0, 0, 0];
-  return "rgba(" + a + "," + d + "," + c + "," + e + ")";
-}, B = (f) => t(f) || y(f) || G(f), R = (f, e) => {
-  const a = e < 0, d = a ? 1 + e : 1 - e, c = a ? 0 : e * 255 ** 2, b = (m) => Math.round((d * Math.floor(Number(m)) ** 2 + c) ** 0.5), [o, i, l, s] = (t(f) ? r(f) : n(f)) ?? [0, 0, 0], u = b(o), g = b(i), h = b(l);
-  return "rgb" + (s ? "a(" : "(") + u + "," + g + "," + h + (s ? "," + s : ")");
-}, $ = Object.freeze({ slate: { 50: "#f8fafc", 100: "#f1f5f9", 200: "#e2e8f0", 300: "#cbd5e1", 400: "#94a3b8", 500: "#64748b", 600: "#475569", 700: "#334155", 800: "#1e293b", 900: "#0f172a", 950: "#020617" }, gray: { 50: "#f9fafb", 100: "#f3f4f6", 200: "#e5e7eb", 300: "#d1d5db", 400: "#9ca3af", 500: "#6b7280", 600: "#4b5563", 700: "#374151", 800: "#1f2937", 900: "#111827", 950: "#030712" }, zinc: { 50: "#fafafa", 100: "#f4f4f5", 200: "#e4e4e7", 300: "#d4d4d8", 400: "#a1a1aa", 500: "#71717a", 600: "#52525b", 700: "#3f3f46", 800: "#27272a", 900: "#18181b", 950: "#09090b" }, neutral: { 50: "#fafafa", 100: "#f5f5f5", 200: "#e5e5e5", 300: "#d4d4d4", 400: "#a3a3a3", 500: "#737373", 600: "#525252", 700: "#404040", 800: "#262626", 900: "#171717", 950: "#0a0a0a" }, stone: { 50: "#fafaf9", 100: "#f5f5f4", 200: "#e7e5e4", 300: "#d6d3d1", 400: "#a8a29e", 500: "#78716c", 600: "#57534e", 700: "#44403c", 800: "#292524", 900: "#1c1917", 950: "#0c0a09" }, red: { 50: "#fef2f2", 100: "#fee2e2", 200: "#fecaca", 300: "#fca5a5", 400: "#f87171", 500: "#ef4444", 600: "#dc2626", 700: "#b91c1c", 800: "#991b1b", 900: "#7f1d1d", 950: "#450a0a" }, orange: { 50: "#fff7ed", 100: "#ffedd5", 200: "#fed7aa", 300: "#fdba74", 400: "#fb923c", 500: "#f97316", 600: "#ea580c", 700: "#c2410c", 800: "#9a3412", 900: "#7c2d12", 950: "#431407" }, amber: { 50: "#fffbeb", 100: "#fef3c7", 200: "#fde68a", 300: "#fcd34d", 400: "#fbbf24", 500: "#f59e0b", 600: "#d97706", 700: "#b45309", 800: "#92400e", 900: "#78350f", 950: "#451a03" }, yellow: { 50: "#fefce8", 100: "#fef9c3", 200: "#fef08a", 300: "#fde047", 400: "#facc15", 500: "#eab308", 600: "#ca8a04", 700: "#a16207", 800: "#854d0e", 900: "#713f12", 950: "#422006" }, lime: { 50: "#f7fee7", 100: "#ecfccb", 200: "#d9f99d", 300: "#bef264", 400: "#a3e635", 500: "#84cc16", 600: "#65a30d", 700: "#4d7c0f", 800: "#3f6212", 900: "#365314", 950: "#1a2e05" }, green: { 50: "#f0fdf4", 100: "#dcfce7", 200: "#bbf7d0", 300: "#86efac", 400: "#4ade80", 500: "#22c55e", 600: "#16a34a", 700: "#15803d", 800: "#166534", 900: "#14532d", 950: "#052e16" }, emerald: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22" }, teal: { 50: "#f0fdfa", 100: "#ccfbf1", 200: "#99f6e4", 300: "#5eead4", 400: "#2dd4bf", 500: "#14b8a6", 600: "#0d9488", 700: "#0f766e", 800: "#115e59", 900: "#134e4a", 950: "#042f2e" }, cyan: { 50: "#ecfeff", 100: "#cffafe", 200: "#a5f3fc", 300: "#67e8f9", 400: "#22d3ee", 500: "#06b6d4", 600: "#0891b2", 700: "#0e7490", 800: "#155e75", 900: "#164e63", 950: "#083344" }, sky: { 50: "#f0f9ff", 100: "#e0f2fe", 200: "#bae6fd", 300: "#7dd3fc", 400: "#38bdf8", 500: "#0ea5e9", 600: "#0284c7", 700: "#0369a1", 800: "#075985", 900: "#0c4a6e", 950: "#082f49" }, blue: { 50: "#eff6ff", 100: "#dbeafe", 200: "#bfdbfe", 300: "#93c5fd", 400: "#60a5fa", 500: "#3b82f6", 600: "#2563eb", 700: "#1d4ed8", 800: "#1e40af", 900: "#1e3a8a", 950: "#172554" }, indigo: { 50: "#eef2ff", 100: "#e0e7ff", 200: "#c7d2fe", 300: "#a5b4fc", 400: "#818cf8", 500: "#6366f1", 600: "#4f46e5", 700: "#4338ca", 800: "#3730a3", 900: "#312e81", 950: "#1e1b4b" }, violet: { 50: "#f5f3ff", 100: "#ede9fe", 200: "#ddd6fe", 300: "#c4b5fd", 400: "#a78bfa", 500: "#8b5cf6", 600: "#7c3aed", 700: "#6d28d9", 800: "#5b21b6", 900: "#4c1d95", 950: "#2e1065" }, purple: { 50: "#faf5ff", 100: "#f3e8ff", 200: "#e9d5ff", 300: "#d8b4fe", 400: "#c084fc", 500: "#a855f7", 600: "#9333ea", 700: "#7e22ce", 800: "#6b21a8", 900: "#581c87", 950: "#3b0764" }, fuchsia: { 50: "#fdf4ff", 100: "#fae8ff", 200: "#f5d0fe", 300: "#f0abfc", 400: "#e879f9", 500: "#d946ef", 600: "#c026d3", 700: "#a21caf", 800: "#86198f", 900: "#701a75", 950: "#4a044e" }, pink: { 50: "#fdf2f8", 100: "#fce7f3", 200: "#fbcfe8", 300: "#f9a8d4", 400: "#f472b6", 500: "#ec4899", 600: "#db2777", 700: "#be185d", 800: "#9d174d", 900: "#831843", 950: "#500724" }, rose: { 50: "#fff1f2", 100: "#ffe4e6", 200: "#fecdd3", 300: "#fda4af", 400: "#fb7185", 500: "#f43f5e", 600: "#e11d48", 700: "#be123c", 800: "#9f1239", 900: "#881337", 950: "#4c0519" }, lightBlue: { 50: "#f0f9ff", 100: "#e0f2fe", 200: "#bae6fd", 300: "#7dd3fc", 400: "#38bdf8", 500: "#0ea5e9", 600: "#0284c7", 700: "#0369a1", 800: "#075985", 900: "#0c4a6e", 950: "#082f49" }, warmGray: { 50: "#fafaf9", 100: "#f5f5f4", 200: "#e7e5e4", 300: "#d6d3d1", 400: "#a8a29e", 500: "#78716c", 600: "#57534e", 700: "#44403c", 800: "#292524", 900: "#1c1917", 950: "#0c0a09" }, trueGray: { 50: "#fafafa", 100: "#f5f5f5", 200: "#e5e5e5", 300: "#d4d4d4", 400: "#a3a3a3", 500: "#737373", 600: "#525252", 700: "#404040", 800: "#262626", 900: "#171717", 950: "#0a0a0a" }, coolGray: { 50: "#f9fafb", 100: "#f3f4f6", 200: "#e5e7eb", 300: "#d1d5db", 400: "#9ca3af", 500: "#6b7280", 600: "#4b5563", 700: "#374151", 800: "#1f2937", 900: "#111827", 950: "#030712" }, blueGray: { 50: "#f8fafc", 100: "#f1f5f9", 200: "#e2e8f0", 300: "#cbd5e1", 400: "#94a3b8", 500: "#64748b", 600: "#475569", 700: "#334155", 800: "#1e293b", 900: "#0f172a", 950: "#020617" } });
-export {
-  R as colorShade,
-  B as isValidColor,
-  p as setOpacity,
-  $ as tailwindColors
-};
+//#region src/common/colors.ts
+var e = (e) => /^#(?:[A-Fa-f0-9]{3}){1,2}$/.test(e), t = (e) => /^rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}[)]$/.test(e), n = (e) => /^^rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}\s*0*(?:\.\d+|1(?:\.0*)?)\s*[)]$/.test(e), r = (e) => e.match(/\((.*?)\)/)?.[1].split(","), i = (e) => e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (e, t, n, r) => "#" + t + t + n + n + r + r).substring(1).match(/.{2}/g)?.map((e) => parseInt(e, 16)), a = (t, n) => {
+	let [a, o, s] = (e(t) ? i(t) : r(t)) ?? [
+		0,
+		0,
+		0
+	];
+	return "rgba(" + a + "," + o + "," + s + "," + n + ")";
+}, o = (r) => e(r) || t(r) || n(r), s = (t, n) => {
+	let a = n < 0, o = a ? 1 + n : 1 - n, s = a ? 0 : n * 255 ** 2, c = (e) => Math.round((o * Math.floor(Number(e)) ** 2 + s) ** .5), [l, u, d, f] = (e(t) ? i(t) : r(t)) ?? [
+		0,
+		0,
+		0
+	], p = c(l), m = c(u), h = c(d);
+	return "rgb" + (f ? "a(" : "(") + p + "," + m + "," + h + (f ? "," + f : ")");
+}, c = Object.freeze({
+	slate: {
+		50: "#f8fafc",
+		100: "#f1f5f9",
+		200: "#e2e8f0",
+		300: "#cbd5e1",
+		400: "#94a3b8",
+		500: "#64748b",
+		600: "#475569",
+		700: "#334155",
+		800: "#1e293b",
+		900: "#0f172a",
+		950: "#020617"
+	},
+	gray: {
+		50: "#f9fafb",
+		100: "#f3f4f6",
+		200: "#e5e7eb",
+		300: "#d1d5db",
+		400: "#9ca3af",
+		500: "#6b7280",
+		600: "#4b5563",
+		700: "#374151",
+		800: "#1f2937",
+		900: "#111827",
+		950: "#030712"
+	},
+	zinc: {
+		50: "#fafafa",
+		100: "#f4f4f5",
+		200: "#e4e4e7",
+		300: "#d4d4d8",
+		400: "#a1a1aa",
+		500: "#71717a",
+		600: "#52525b",
+		700: "#3f3f46",
+		800: "#27272a",
+		900: "#18181b",
+		950: "#09090b"
+	},
+	neutral: {
+		50: "#fafafa",
+		100: "#f5f5f5",
+		200: "#e5e5e5",
+		300: "#d4d4d4",
+		400: "#a3a3a3",
+		500: "#737373",
+		600: "#525252",
+		700: "#404040",
+		800: "#262626",
+		900: "#171717",
+		950: "#0a0a0a"
+	},
+	stone: {
+		50: "#fafaf9",
+		100: "#f5f5f4",
+		200: "#e7e5e4",
+		300: "#d6d3d1",
+		400: "#a8a29e",
+		500: "#78716c",
+		600: "#57534e",
+		700: "#44403c",
+		800: "#292524",
+		900: "#1c1917",
+		950: "#0c0a09"
+	},
+	red: {
+		50: "#fef2f2",
+		100: "#fee2e2",
+		200: "#fecaca",
+		300: "#fca5a5",
+		400: "#f87171",
+		500: "#ef4444",
+		600: "#dc2626",
+		700: "#b91c1c",
+		800: "#991b1b",
+		900: "#7f1d1d",
+		950: "#450a0a"
+	},
+	orange: {
+		50: "#fff7ed",
+		100: "#ffedd5",
+		200: "#fed7aa",
+		300: "#fdba74",
+		400: "#fb923c",
+		500: "#f97316",
+		600: "#ea580c",
+		700: "#c2410c",
+		800: "#9a3412",
+		900: "#7c2d12",
+		950: "#431407"
+	},
+	amber: {
+		50: "#fffbeb",
+		100: "#fef3c7",
+		200: "#fde68a",
+		300: "#fcd34d",
+		400: "#fbbf24",
+		500: "#f59e0b",
+		600: "#d97706",
+		700: "#b45309",
+		800: "#92400e",
+		900: "#78350f",
+		950: "#451a03"
+	},
+	yellow: {
+		50: "#fefce8",
+		100: "#fef9c3",
+		200: "#fef08a",
+		300: "#fde047",
+		400: "#facc15",
+		500: "#eab308",
+		600: "#ca8a04",
+		700: "#a16207",
+		800: "#854d0e",
+		900: "#713f12",
+		950: "#422006"
+	},
+	lime: {
+		50: "#f7fee7",
+		100: "#ecfccb",
+		200: "#d9f99d",
+		300: "#bef264",
+		400: "#a3e635",
+		500: "#84cc16",
+		600: "#65a30d",
+		700: "#4d7c0f",
+		800: "#3f6212",
+		900: "#365314",
+		950: "#1a2e05"
+	},
+	green: {
+		50: "#f0fdf4",
+		100: "#dcfce7",
+		200: "#bbf7d0",
+		300: "#86efac",
+		400: "#4ade80",
+		500: "#22c55e",
+		600: "#16a34a",
+		700: "#15803d",
+		800: "#166534",
+		900: "#14532d",
+		950: "#052e16"
+	},
+	emerald: {
+		50: "#ecfdf5",
+		100: "#d1fae5",
+		200: "#a7f3d0",
+		300: "#6ee7b7",
+		400: "#34d399",
+		500: "#10b981",
+		600: "#059669",
+		700: "#047857",
+		800: "#065f46",
+		900: "#064e3b",
+		950: "#022c22"
+	},
+	teal: {
+		50: "#f0fdfa",
+		100: "#ccfbf1",
+		200: "#99f6e4",
+		300: "#5eead4",
+		400: "#2dd4bf",
+		500: "#14b8a6",
+		600: "#0d9488",
+		700: "#0f766e",
+		800: "#115e59",
+		900: "#134e4a",
+		950: "#042f2e"
+	},
+	cyan: {
+		50: "#ecfeff",
+		100: "#cffafe",
+		200: "#a5f3fc",
+		300: "#67e8f9",
+		400: "#22d3ee",
+		500: "#06b6d4",
+		600: "#0891b2",
+		700: "#0e7490",
+		800: "#155e75",
+		900: "#164e63",
+		950: "#083344"
+	},
+	sky: {
+		50: "#f0f9ff",
+		100: "#e0f2fe",
+		200: "#bae6fd",
+		300: "#7dd3fc",
+		400: "#38bdf8",
+		500: "#0ea5e9",
+		600: "#0284c7",
+		700: "#0369a1",
+		800: "#075985",
+		900: "#0c4a6e",
+		950: "#082f49"
+	},
+	blue: {
+		50: "#eff6ff",
+		100: "#dbeafe",
+		200: "#bfdbfe",
+		300: "#93c5fd",
+		400: "#60a5fa",
+		500: "#3b82f6",
+		600: "#2563eb",
+		700: "#1d4ed8",
+		800: "#1e40af",
+		900: "#1e3a8a",
+		950: "#172554"
+	},
+	indigo: {
+		50: "#eef2ff",
+		100: "#e0e7ff",
+		200: "#c7d2fe",
+		300: "#a5b4fc",
+		400: "#818cf8",
+		500: "#6366f1",
+		600: "#4f46e5",
+		700: "#4338ca",
+		800: "#3730a3",
+		900: "#312e81",
+		950: "#1e1b4b"
+	},
+	violet: {
+		50: "#f5f3ff",
+		100: "#ede9fe",
+		200: "#ddd6fe",
+		300: "#c4b5fd",
+		400: "#a78bfa",
+		500: "#8b5cf6",
+		600: "#7c3aed",
+		700: "#6d28d9",
+		800: "#5b21b6",
+		900: "#4c1d95",
+		950: "#2e1065"
+	},
+	purple: {
+		50: "#faf5ff",
+		100: "#f3e8ff",
+		200: "#e9d5ff",
+		300: "#d8b4fe",
+		400: "#c084fc",
+		500: "#a855f7",
+		600: "#9333ea",
+		700: "#7e22ce",
+		800: "#6b21a8",
+		900: "#581c87",
+		950: "#3b0764"
+	},
+	fuchsia: {
+		50: "#fdf4ff",
+		100: "#fae8ff",
+		200: "#f5d0fe",
+		300: "#f0abfc",
+		400: "#e879f9",
+		500: "#d946ef",
+		600: "#c026d3",
+		700: "#a21caf",
+		800: "#86198f",
+		900: "#701a75",
+		950: "#4a044e"
+	},
+	pink: {
+		50: "#fdf2f8",
+		100: "#fce7f3",
+		200: "#fbcfe8",
+		300: "#f9a8d4",
+		400: "#f472b6",
+		500: "#ec4899",
+		600: "#db2777",
+		700: "#be185d",
+		800: "#9d174d",
+		900: "#831843",
+		950: "#500724"
+	},
+	rose: {
+		50: "#fff1f2",
+		100: "#ffe4e6",
+		200: "#fecdd3",
+		300: "#fda4af",
+		400: "#fb7185",
+		500: "#f43f5e",
+		600: "#e11d48",
+		700: "#be123c",
+		800: "#9f1239",
+		900: "#881337",
+		950: "#4c0519"
+	},
+	lightBlue: {
+		50: "#f0f9ff",
+		100: "#e0f2fe",
+		200: "#bae6fd",
+		300: "#7dd3fc",
+		400: "#38bdf8",
+		500: "#0ea5e9",
+		600: "#0284c7",
+		700: "#0369a1",
+		800: "#075985",
+		900: "#0c4a6e",
+		950: "#082f49"
+	},
+	warmGray: {
+		50: "#fafaf9",
+		100: "#f5f5f4",
+		200: "#e7e5e4",
+		300: "#d6d3d1",
+		400: "#a8a29e",
+		500: "#78716c",
+		600: "#57534e",
+		700: "#44403c",
+		800: "#292524",
+		900: "#1c1917",
+		950: "#0c0a09"
+	},
+	trueGray: {
+		50: "#fafafa",
+		100: "#f5f5f5",
+		200: "#e5e5e5",
+		300: "#d4d4d4",
+		400: "#a3a3a3",
+		500: "#737373",
+		600: "#525252",
+		700: "#404040",
+		800: "#262626",
+		900: "#171717",
+		950: "#0a0a0a"
+	},
+	coolGray: {
+		50: "#f9fafb",
+		100: "#f3f4f6",
+		200: "#e5e7eb",
+		300: "#d1d5db",
+		400: "#9ca3af",
+		500: "#6b7280",
+		600: "#4b5563",
+		700: "#374151",
+		800: "#1f2937",
+		900: "#111827",
+		950: "#030712"
+	},
+	blueGray: {
+		50: "#f8fafc",
+		100: "#f1f5f9",
+		200: "#e2e8f0",
+		300: "#cbd5e1",
+		400: "#94a3b8",
+		500: "#64748b",
+		600: "#475569",
+		700: "#334155",
+		800: "#1e293b",
+		900: "#0f172a",
+		950: "#020617"
+	}
+});
+//#endregion
+export { s as colorShade, o as isValidColor, a as setOpacity, c as tailwindColors };

package/lib/common/icons.d.ts

@@ -18,3 +18,4 @@ export declare const stepperIncompleteIcon = "<svg focusable=\"false\" preserveA
 export declare const chevronDownIcon = "<path d=\"M19 9l-7 7-7-7\" />";
 export declare const uploadIcon = "<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"17 8 12 3 7 8\"></polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"></line>";
 export declare const fileIcon = "<path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"></path><polyline points=\"13 2 13 9 20 9\"></polyline>";
+export declare const emptyIcon = "<path d=\"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4\" />";

package/lib/common/icons.js

@@ -1,22 +1,4 @@
-const n = '<path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />', o = '<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />', t = '<path d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />', c = '<path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />', a = '<path d="M6 18L18 6M6 6l12 12" />', e = '<path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />', l = '<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />', p = '<path d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" />', M = '<path d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z" />', s = '<path d="M15 19l-7-7 7-7" />', h = '<path d="M9 5l7 7-7 7" />', v = '<path d="M5 13l4 4L19 7" />', d = '<path d="M8 9l4-4 4 4m0 6l-4 4-4-4" />', i = '<line x1="7" y1="17" x2="17" y2="7" /><polyline points="7 7 17 7 17 17" />', m = '<path d="M7.5 4.21v.01M4.21 7.5v.01M3 12v.01m1.21 4.49v.01m3.29 3.28v.01M12 21v.01m4.5-1.22v.01m3.29-3.3v.01M21 12v.01M19.79 7.5v.01m-3.29-3.3v.01M12 3v.01"/>', r = '<svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" viewBox="0 0 32 32" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M23.7642 6.8593l1.2851-1.5315A13.976 13.976 0 0020.8672 2.887l-.6836 1.8776A11.9729 11.9729 0 0123.7642 6.8593zM27.81 14l1.9677-.4128A13.8888 13.8888 0 0028.14 9.0457L26.4087 10A12.52 12.52 0 0127.81 14zM20.1836 27.2354l.6836 1.8776a13.976 13.976 0 004.1821-2.4408l-1.2851-1.5315A11.9729 11.9729 0 0120.1836 27.2354zM26.4087 22L28.14 23a14.14 14.14 0 001.6382-4.5872L27.81 18.0659A12.1519 12.1519 0 0126.4087 22zM16 30V2a14 14 0 000 28z"></path></svg>', I = '<path d="M19 9l-7 7-7-7" />', z = '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line>', y = '<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>';
-export {
-  e as avatarIcon,
-  v as checkIcon,
-  I as chevronDownIcon,
-  a as closeIcon,
-  M as dotsIcon,
-  t as errorIcon,
-  i as externalIcon,
-  l as eyeIcon,
-  p as eyeVisibleIcon,
-  y as fileIcon,
-  n as infoIcon,
-  h as nextIcon,
-  s as prevIcon,
-  d as selectIcon,
-  r as stepperIncompleteIcon,
-  m as stepperPristineIcon,
-  o as successIcon,
-  z as uploadIcon,
-  c as warningIcon
-};
+//#region src/common/icons.ts
+var e = "<path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />", t = "<path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />", n = "<path d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />", r = "<path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />", i = "<path d=\"M6 18L18 6M6 6l12 12\" />", a = "<path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" />", o = "<path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" /><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" />", s = "<path d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\" />", c = "<path d=\"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z\" />", l = "<path d=\"M15 19l-7-7 7-7\" />", u = "<path d=\"M9 5l7 7-7 7\" />", d = "<path d=\"M5 13l4 4L19 7\" />", f = "<path d=\"M8 9l4-4 4 4m0 6l-4 4-4-4\" />", p = "<line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\" /><polyline points=\"7 7 17 7 17 17\" />", m = "<path d=\"M19 9l-7 7-7-7\" />", h = "<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"17 8 12 3 7 8\"></polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"></line>", g = "<path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"></path><polyline points=\"13 2 13 9 20 9\"></polyline>", _ = "<path d=\"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4\" />";
+//#endregion
+export { a as avatarIcon, d as checkIcon, m as chevronDownIcon, i as closeIcon, c as dotsIcon, _ as emptyIcon, n as errorIcon, p as externalIcon, o as eyeIcon, s as eyeVisibleIcon, g as fileIcon, e as infoIcon, u as nextIcon, l as prevIcon, f as selectIcon, t as successIcon, h as uploadIcon, r as warningIcon };

package/lib/common/inputGroupRadius.d.ts

@@ -0,0 +1,2 @@
+export type InputGroupPosition = 'only' | 'first' | 'middle' | 'last';
+export declare function inputGroupRadiusClasses(position?: InputGroupPosition | null): string[];

package/lib/common/inputGroupRadius.js

@@ -0,0 +1,6 @@
+//#region src/common/inputGroupRadius.ts
+function e(e) {
+	return e ? e === "only" ? ["rounded-md"] : e === "first" ? ["rounded-l-md", "rounded-r-none"] : e === "last" ? ["rounded-r-md", "rounded-l-none"] : ["rounded-none"] : [];
+}
+//#endregion
+export { e as inputGroupRadiusClasses };

package/lib/common/props.d.ts

@@ -0,0 +1,27 @@
+import type { Prop } from 'vue';
+/**
+ * Optional boolean prop that stays `undefined` when omitted.
+ * Use for props that participate in app-level `defaults` (see `resolvePropsWithDefaults`).
+ *
+ * Migrate: visual variants (outlined, ghost, light, flat, rounded, glow, filled, shadow, underline),
+ * layout (block, dense, vertical, striped), and feature toggles users may default app-wide
+ * (clearable, filterable, removable, selectable).
+ *
+ * Do not migrate: state/behavior (disabled, loading, required, error, readonly, indeterminate),
+ * controlled values (modelValue, shown, expanded, active, selected), or props that already
+ * declare `default: true/false` in defineProps.
+ *
+ * Plain `Boolean` props are cast to `false` when absent in Vue 3.
+ * @see https://vuejs.org/guide/components/props.html#boolean-casting
+ */
+export declare function optionalBooleanProp(description?: string): Prop<boolean | undefined>;
+/** Shared variant booleans for Button and ButtonGroup. */
+export declare const variantBooleanProps: () => {
+    outlined: Prop<boolean | undefined>;
+    rounded: Prop<boolean | undefined>;
+    glow: Prop<boolean | undefined>;
+    ghost: Prop<boolean | undefined>;
+    light: Prop<boolean | undefined>;
+    flat: Prop<boolean | undefined>;
+    block: Prop<boolean | undefined>;
+};

package/lib/common/props.js

@@ -0,0 +1,19 @@
+//#region src/common/props.ts
+function e(e) {
+	return {
+		type: Boolean,
+		default: void 0,
+		...e ? { description: e } : {}
+	};
+}
+var t = () => ({
+	outlined: e("Outline style with a transparent fill."),
+	rounded: e("Fully rounded corners (pill shape)."),
+	glow: e("Soft colored glow behind the control."),
+	ghost: e("Minimal style with no background until hover."),
+	light: e("Tinted background using the color at low opacity."),
+	flat: e("Removes elevation and border emphasis."),
+	block: e("Stretches to the full width of the parent.")
+});
+//#endregion
+export { e as optionalBooleanProp, t as variantBooleanProps };