@epilot/spark-ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/utils/date-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-mask.js","names":[],"sources":["../../src/utils/date-mask.ts"],"sourcesContent":["// Helpers for a typeable date field: mask keystrokes into DD.MM.YYYY, parse the\n// masked value into a Date, and format a picked Date back into the masked value.\n\n// While typing, a completed group (2 or 4 digits) gets a trailing separator so\n// the next group flows. While deleting, the trailing separator is kept only if\n// the raw value still ends with one — so backspace lands on `DD.MM.` first, then\n// removes the separator on the next press, one character at a time.\nexport function maskDateInput(\n  value: string,\n  { separator = '.', deleting = false }: MaskOptions = {},\n): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8)\n  let out = digits.slice(0, 2)\n  if (digits.length > 2) out += separator + digits.slice(2, 4)\n  if (digits.length > 4) out += separator + digits.slice(4, 8)\n  const groupComplete = digits.length === 2 || digits.length === 4\n  const keepTrailing = deleting ? /[./-]$/.test(value) : true\n  if (groupComplete && keepTrailing) out += separator\n  return out\n}\n\n// Accepts any of `.` `/` `-` as separators; rejects impossible dates (32.01.2020).\nexport function parseTypedDate(value: string): Date | undefined {\n  const parts = value.trim().split(/[./-]/).map(Number)\n  if (parts.length !== 3 || parts.some(Number.isNaN)) return undefined\n  const [day, month, year] = parts as [number, number, number]\n  const parsed = new Date(year, month - 1, day)\n  const valid =\n    parsed.getFullYear() === year &&\n    parsed.getMonth() === month - 1 &&\n    parsed.getDate() === day\n  return valid ? parsed : undefined\n}\n\n// Caret position after TYPING: after the typed digit, flowing past a\n// separator into the next group. (For deletions, keep the raw caret instead —\n// the mask's separator positions are fixed, so it maps directly and backspace\n// can cross separators without looping.)\nexport function maskedDateCaret(masked: string, digitsBefore: number): number {\n  let digits = 0\n  let index = 0\n  while (index < masked.length && digits < digitsBefore) {\n    if (/\\d/.test(masked[index]!)) digits++\n    index++\n  }\n  while (index < masked.length && /\\D/.test(masked[index]!)) index++\n  return index\n}\n\nexport function formatTypedDate(date: Date, separator = '.'): string {\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return [\n    pad(date.getDate()),\n    pad(date.getMonth() + 1),\n    date.getFullYear(),\n  ].join(separator)\n}\n\ninterface MaskOptions {\n  separator?: string\n  deleting?: boolean\n}\n"],"mappings":";;AAOA,SAAgB,cACd,OACA,EAAE,YAAY,KAAK,WAAW,UAAuB,EAAE,EAC/C;CACR,MAAM,SAAS,MAAM,QAAQ,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE;CACnD,IAAI,MAAM,OAAO,MAAM,GAAG,EAAE;AAC5B,KAAI,OAAO,SAAS,EAAG,QAAO,YAAY,OAAO,MAAM,GAAG,EAAE;AAC5D,KAAI,OAAO,SAAS,EAAG,QAAO,YAAY,OAAO,MAAM,GAAG,EAAE;CAC5D,MAAM,gBAAgB,OAAO,WAAW,KAAK,OAAO,WAAW;CAC/D,MAAM,eAAe,WAAW,SAAS,KAAK,MAAM,GAAG;AACvD,KAAI,iBAAiB,aAAc,QAAO;AAC1C,QAAO;;AAIT,SAAgB,eAAe,OAAiC;CAC9D,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,QAAQ,CAAC,IAAI,OAAO;AACrD,KAAI,MAAM,WAAW,KAAK,MAAM,KAAK,OAAO,MAAM,CAAE,QAAO,KAAA;CAC3D,MAAM,CAAC,KAAK,OAAO,QAAQ;CAC3B,MAAM,SAAS,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;AAK7C,QAHE,OAAO,aAAa,KAAK,QACzB,OAAO,UAAU,KAAK,QAAQ,KAC9B,OAAO,SAAS,KAAK,MACR,SAAS,KAAA;;AAO1B,SAAgB,gBAAgB,QAAgB,cAA8B;CAC5E,IAAI,SAAS;CACb,IAAI,QAAQ;AACZ,QAAO,QAAQ,OAAO,UAAU,SAAS,cAAc;AACrD,MAAI,KAAK,KAAK,OAAO,OAAQ,CAAE;AAC/B;;AAEF,QAAO,QAAQ,OAAO,UAAU,KAAK,KAAK,OAAO,OAAQ,CAAE;AAC3D,QAAO;;AAGT,SAAgB,gBAAgB,MAAY,YAAY,KAAa;CACnE,MAAM,OAAO,MAAc,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;AACrD,QAAO;EACL,IAAI,KAAK,SAAS,CAAC;EACnB,IAAI,KAAK,UAAU,GAAG,EAAE;EACxB,KAAK,aAAa;EACnB,CAAC,KAAK,UAAU"}

package/dist/utils/format.cjs

@@ -0,0 +1,57 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./chars.cjs");
+//#region src/utils/format.ts
+function getDocumentLang() {
+	return typeof document === "undefined" ? void 0 : document.documentElement.lang || void 0;
+}
+const localeNumberFormat = (options) => {
+	const cache = /* @__PURE__ */ new Map();
+	return { format: (value) => {
+		const locale = getDocumentLang();
+		const key = locale ?? "";
+		let formatter = cache.get(key);
+		if (!formatter) {
+			formatter = new Intl.NumberFormat(locale, options);
+			cache.set(key, formatter);
+		}
+		return formatter.format(value);
+	} };
+};
+const decimalsFormat = (decimals) => localeNumberFormat({ maximumFractionDigits: decimals });
+const integerFormat = decimalsFormat(0);
+const oneDecimalFormat = decimalsFormat(1);
+const twoDecimalFormat = decimalsFormat(2);
+const formatThousands = (n) => integerFormat.format(n);
+const formatEnergy = (v) => {
+	if (v >= 1e6) return `${twoDecimalFormat.format(v / 1e3)} MWh`;
+	if (v >= 1e3) return `${integerFormat.format(v)} kWh`;
+	if (v >= 10) return `${oneDecimalFormat.format(v)} kWh`;
+	return `${twoDecimalFormat.format(v)} kWh`;
+};
+const formatPower = (value, { signed = false } = {}) => {
+	if (value == null) return "—";
+	const rounded = Math.round(value);
+	return `${signed && rounded > 0 ? "+" : ""}${integerFormat.format(rounded)} W`;
+};
+const formatPercent = (value) => {
+	if (value == null) return "—";
+	return `${integerFormat.format(value)} %`;
+};
+const formatRatio = (value) => {
+	if (value == null) return "—";
+	return `${integerFormat.format(value * 100)} %`;
+};
+//#endregion
+exports.decimalsFormat = decimalsFormat;
+exports.formatEnergy = formatEnergy;
+exports.formatPercent = formatPercent;
+exports.formatPower = formatPower;
+exports.formatRatio = formatRatio;
+exports.formatThousands = formatThousands;
+exports.integerFormat = integerFormat;
+exports.localeNumberFormat = localeNumberFormat;
+exports.oneDecimalFormat = oneDecimalFormat;
+exports.twoDecimalFormat = twoDecimalFormat;
+
+//# sourceMappingURL=format.cjs.map

package/dist/utils/format.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.cjs","names":[],"sources":["../../src/utils/format.ts"],"sourcesContent":["import { EM_DASH, NARROW_NBSP } from './chars'\n\ninterface LocaleNumberFormat {\n  format: (value: number) => string\n}\n\nfunction getDocumentLang(): string | undefined {\n  return typeof document === 'undefined'\n    ? undefined\n    : document.documentElement.lang || undefined\n}\n\nconst localeNumberFormat = (\n  options?: Intl.NumberFormatOptions,\n): LocaleNumberFormat => {\n  const cache = new Map<string, Intl.NumberFormat>()\n  return {\n    format: (value) => {\n      const locale = getDocumentLang()\n      const key = locale ?? ''\n      let formatter = cache.get(key)\n      if (!formatter) {\n        formatter = new Intl.NumberFormat(locale, options)\n        cache.set(key, formatter)\n      }\n      return formatter.format(value)\n    },\n  }\n}\n\nconst decimalsFormat = (decimals: number) =>\n  localeNumberFormat({ maximumFractionDigits: decimals })\n\nconst integerFormat = decimalsFormat(0)\nconst oneDecimalFormat = decimalsFormat(1)\nconst twoDecimalFormat = decimalsFormat(2)\n\nconst formatThousands = (n: number) => integerFormat.format(n)\n\nconst formatEnergy = (v: number) => {\n  if (v >= 1_000_000) {\n    return `${twoDecimalFormat.format(v / 1000)}${NARROW_NBSP}MWh`\n  }\n  if (v >= 1_000) return `${integerFormat.format(v)}${NARROW_NBSP}kWh`\n  if (v >= 10) return `${oneDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n  return `${twoDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n}\n\nconst formatPower = (\n  value: number | null,\n  { signed = false }: { signed?: boolean } = {},\n): string => {\n  if (value == null) return EM_DASH\n  const rounded = Math.round(value)\n  const sign = signed && rounded > 0 ? '+' : ''\n  return `${sign}${integerFormat.format(rounded)}${NARROW_NBSP}W`\n}\n\nconst formatPercent = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value)}${NARROW_NBSP}%`\n}\n\nconst formatRatio = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value * 100)}${NARROW_NBSP}%`\n}\n\nexport {\n  formatThousands,\n  formatEnergy,\n  formatPower,\n  formatPercent,\n  formatRatio,\n  localeNumberFormat,\n  decimalsFormat,\n  integerFormat,\n  oneDecimalFormat,\n  twoDecimalFormat,\n}\n"],"mappings":";;;;AAMA,SAAS,kBAAsC;AAC7C,QAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;;AAGvC,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,KAAgC;AAClD,QAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,iBAAiB;EAChC,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,IAAI;AAC9B,MAAI,CAAC,WAAW;AACd,eAAY,IAAI,KAAK,aAAa,QAAQ,QAAQ;AAClD,SAAM,IAAI,KAAK,UAAU;;AAE3B,SAAO,UAAU,OAAO,MAAM;IAEjC;;AAGH,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,UAAU,CAAC;AAEzD,MAAM,gBAAgB,eAAe,EAAE;AACvC,MAAM,mBAAmB,eAAe,EAAE;AAC1C,MAAM,mBAAmB,eAAe,EAAE;AAE1C,MAAM,mBAAmB,MAAc,cAAc,OAAO,EAAE;AAE9D,MAAM,gBAAgB,MAAc;AAClC,KAAI,KAAK,IACP,QAAO,GAAG,iBAAiB,OAAO,IAAI,IAAK;AAE7C,KAAI,KAAK,IAAO,QAAO,GAAG,cAAc,OAAO,EAAE;AACjD,KAAI,KAAK,GAAI,QAAO,GAAG,iBAAiB,OAAO,EAAE;AACjD,QAAO,GAAG,iBAAiB,OAAO,EAAE;;AAGtC,MAAM,eACJ,OACA,EAAE,SAAS,UAAgC,EAAE,KAClC;AACX,KAAI,SAAS,KAAM,QAAA;CACnB,MAAM,UAAU,KAAK,MAAM,MAAM;AAEjC,QAAO,GADM,UAAU,UAAU,IAAI,MAAM,KAC1B,cAAc,OAAO,QAAQ;;AAGhD,MAAM,iBAAiB,UAAiC;AACtD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,MAAM;;AAGvC,MAAM,eAAe,UAAiC;AACpD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,QAAQ,IAAI"}

package/dist/utils/format.d.cts

@@ -0,0 +1,23 @@
+"use client";
+
+//#region src/utils/format.d.ts
+interface LocaleNumberFormat {
+  format: (value: number) => string;
+}
+declare const localeNumberFormat: (options?: Intl.NumberFormatOptions) => LocaleNumberFormat;
+declare const decimalsFormat: (decimals: number) => LocaleNumberFormat;
+declare const integerFormat: LocaleNumberFormat;
+declare const oneDecimalFormat: LocaleNumberFormat;
+declare const twoDecimalFormat: LocaleNumberFormat;
+declare const formatThousands: (n: number) => string;
+declare const formatEnergy: (v: number) => string;
+declare const formatPower: (value: number | null, {
+  signed
+}?: {
+  signed?: boolean;
+}) => string;
+declare const formatPercent: (value: number | null) => string;
+declare const formatRatio: (value: number | null) => string;
+//#endregion
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+//# sourceMappingURL=format.d.cts.map

package/dist/utils/format.d.ts

@@ -0,0 +1,23 @@
+"use client";
+
+//#region src/utils/format.d.ts
+interface LocaleNumberFormat {
+  format: (value: number) => string;
+}
+declare const localeNumberFormat: (options?: Intl.NumberFormatOptions) => LocaleNumberFormat;
+declare const decimalsFormat: (decimals: number) => LocaleNumberFormat;
+declare const integerFormat: LocaleNumberFormat;
+declare const oneDecimalFormat: LocaleNumberFormat;
+declare const twoDecimalFormat: LocaleNumberFormat;
+declare const formatThousands: (n: number) => string;
+declare const formatEnergy: (v: number) => string;
+declare const formatPower: (value: number | null, {
+  signed
+}?: {
+  signed?: boolean;
+}) => string;
+declare const formatPercent: (value: number | null) => string;
+declare const formatRatio: (value: number | null) => string;
+//#endregion
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.js

@@ -0,0 +1,47 @@
+"use client";
+import "./chars.js";
+//#region src/utils/format.ts
+function getDocumentLang() {
+	return typeof document === "undefined" ? void 0 : document.documentElement.lang || void 0;
+}
+const localeNumberFormat = (options) => {
+	const cache = /* @__PURE__ */ new Map();
+	return { format: (value) => {
+		const locale = getDocumentLang();
+		const key = locale ?? "";
+		let formatter = cache.get(key);
+		if (!formatter) {
+			formatter = new Intl.NumberFormat(locale, options);
+			cache.set(key, formatter);
+		}
+		return formatter.format(value);
+	} };
+};
+const decimalsFormat = (decimals) => localeNumberFormat({ maximumFractionDigits: decimals });
+const integerFormat = decimalsFormat(0);
+const oneDecimalFormat = decimalsFormat(1);
+const twoDecimalFormat = decimalsFormat(2);
+const formatThousands = (n) => integerFormat.format(n);
+const formatEnergy = (v) => {
+	if (v >= 1e6) return `${twoDecimalFormat.format(v / 1e3)} MWh`;
+	if (v >= 1e3) return `${integerFormat.format(v)} kWh`;
+	if (v >= 10) return `${oneDecimalFormat.format(v)} kWh`;
+	return `${twoDecimalFormat.format(v)} kWh`;
+};
+const formatPower = (value, { signed = false } = {}) => {
+	if (value == null) return "—";
+	const rounded = Math.round(value);
+	return `${signed && rounded > 0 ? "+" : ""}${integerFormat.format(rounded)} W`;
+};
+const formatPercent = (value) => {
+	if (value == null) return "—";
+	return `${integerFormat.format(value)} %`;
+};
+const formatRatio = (value) => {
+	if (value == null) return "—";
+	return `${integerFormat.format(value * 100)} %`;
+};
+//#endregion
+export { decimalsFormat, formatEnergy, formatPercent, formatPower, formatRatio, formatThousands, integerFormat, localeNumberFormat, oneDecimalFormat, twoDecimalFormat };
+
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../src/utils/format.ts"],"sourcesContent":["import { EM_DASH, NARROW_NBSP } from './chars'\n\ninterface LocaleNumberFormat {\n  format: (value: number) => string\n}\n\nfunction getDocumentLang(): string | undefined {\n  return typeof document === 'undefined'\n    ? undefined\n    : document.documentElement.lang || undefined\n}\n\nconst localeNumberFormat = (\n  options?: Intl.NumberFormatOptions,\n): LocaleNumberFormat => {\n  const cache = new Map<string, Intl.NumberFormat>()\n  return {\n    format: (value) => {\n      const locale = getDocumentLang()\n      const key = locale ?? ''\n      let formatter = cache.get(key)\n      if (!formatter) {\n        formatter = new Intl.NumberFormat(locale, options)\n        cache.set(key, formatter)\n      }\n      return formatter.format(value)\n    },\n  }\n}\n\nconst decimalsFormat = (decimals: number) =>\n  localeNumberFormat({ maximumFractionDigits: decimals })\n\nconst integerFormat = decimalsFormat(0)\nconst oneDecimalFormat = decimalsFormat(1)\nconst twoDecimalFormat = decimalsFormat(2)\n\nconst formatThousands = (n: number) => integerFormat.format(n)\n\nconst formatEnergy = (v: number) => {\n  if (v >= 1_000_000) {\n    return `${twoDecimalFormat.format(v / 1000)}${NARROW_NBSP}MWh`\n  }\n  if (v >= 1_000) return `${integerFormat.format(v)}${NARROW_NBSP}kWh`\n  if (v >= 10) return `${oneDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n  return `${twoDecimalFormat.format(v)}${NARROW_NBSP}kWh`\n}\n\nconst formatPower = (\n  value: number | null,\n  { signed = false }: { signed?: boolean } = {},\n): string => {\n  if (value == null) return EM_DASH\n  const rounded = Math.round(value)\n  const sign = signed && rounded > 0 ? '+' : ''\n  return `${sign}${integerFormat.format(rounded)}${NARROW_NBSP}W`\n}\n\nconst formatPercent = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value)}${NARROW_NBSP}%`\n}\n\nconst formatRatio = (value: number | null): string => {\n  if (value == null) return EM_DASH\n  return `${integerFormat.format(value * 100)}${NARROW_NBSP}%`\n}\n\nexport {\n  formatThousands,\n  formatEnergy,\n  formatPower,\n  formatPercent,\n  formatRatio,\n  localeNumberFormat,\n  decimalsFormat,\n  integerFormat,\n  oneDecimalFormat,\n  twoDecimalFormat,\n}\n"],"mappings":";;;AAMA,SAAS,kBAAsC;AAC7C,QAAO,OAAO,aAAa,cACvB,KAAA,IACA,SAAS,gBAAgB,QAAQ,KAAA;;AAGvC,MAAM,sBACJ,YACuB;CACvB,MAAM,wBAAQ,IAAI,KAAgC;AAClD,QAAO,EACL,SAAS,UAAU;EACjB,MAAM,SAAS,iBAAiB;EAChC,MAAM,MAAM,UAAU;EACtB,IAAI,YAAY,MAAM,IAAI,IAAI;AAC9B,MAAI,CAAC,WAAW;AACd,eAAY,IAAI,KAAK,aAAa,QAAQ,QAAQ;AAClD,SAAM,IAAI,KAAK,UAAU;;AAE3B,SAAO,UAAU,OAAO,MAAM;IAEjC;;AAGH,MAAM,kBAAkB,aACtB,mBAAmB,EAAE,uBAAuB,UAAU,CAAC;AAEzD,MAAM,gBAAgB,eAAe,EAAE;AACvC,MAAM,mBAAmB,eAAe,EAAE;AAC1C,MAAM,mBAAmB,eAAe,EAAE;AAE1C,MAAM,mBAAmB,MAAc,cAAc,OAAO,EAAE;AAE9D,MAAM,gBAAgB,MAAc;AAClC,KAAI,KAAK,IACP,QAAO,GAAG,iBAAiB,OAAO,IAAI,IAAK;AAE7C,KAAI,KAAK,IAAO,QAAO,GAAG,cAAc,OAAO,EAAE;AACjD,KAAI,KAAK,GAAI,QAAO,GAAG,iBAAiB,OAAO,EAAE;AACjD,QAAO,GAAG,iBAAiB,OAAO,EAAE;;AAGtC,MAAM,eACJ,OACA,EAAE,SAAS,UAAgC,EAAE,KAClC;AACX,KAAI,SAAS,KAAM,QAAA;CACnB,MAAM,UAAU,KAAK,MAAM,MAAM;AAEjC,QAAO,GADM,UAAU,UAAU,IAAI,MAAM,KAC1B,cAAc,OAAO,QAAQ;;AAGhD,MAAM,iBAAiB,UAAiC;AACtD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,MAAM;;AAGvC,MAAM,eAAe,UAAiC;AACpD,KAAI,SAAS,KAAM,QAAA;AACnB,QAAO,GAAG,cAAc,OAAO,QAAQ,IAAI"}

package/package.json

@@ -1,64 +1,94 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.3",
   "description": "React UI component library from Spark SDK",
-  "type": "module",
-  "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./styles": "./dist/index.css",
-    "./package.json": "./package.json"
+  "license": "Apache-2.0",
+  "author": "epilot",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/epilot/spark-sdk.git",
+    "directory": "packages/ui"
   },
   "files": [
     "dist",
+    "LICENSE",
+    "NOTICE",
     "README.md"
   ],
-  "scripts": {
-    "build": "tsup && vite build",
-    "dev": "tsup --watch",
-    "test": "bun test",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist"
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    "./styles": "./dist/styles/index.css",
+    "./spark-default": "./dist/styles/spark-default.css",
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "default": "./dist/utils/*.js"
+    },
+    "./icons/*": {
+      "types": "./dist/icons/*.d.ts",
+      "default": "./dist/icons/*.js"
+    },
+    "./*": {
+      "types": "./dist/components/*.d.ts",
+      "default": "./dist/components/*.js"
+    }
   },
-  "author": "epilot",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/epilot/spark-sdk.git",
-    "directory": "packages/ui"
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@daypicker/react": "^10.0.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@number-flow/react": "^0.6.0",
+    "@radix-ui/colors": "^3.0.0",
+    "@shadcn/react": "^0.2.1",
+    "@visx/curve": "^4.0.0-alpha.11",
+    "@visx/event": "^4.0.0-alpha.11",
+    "@visx/group": "^4.0.0-alpha.11",
+    "@visx/sankey": "^4.0.0-alpha.11",
+    "@visx/scale": "^4.0.0-alpha.11",
+    "@visx/shape": "^4.0.0-alpha.11",
+    "@visx/tooltip": "^4.0.0-alpha.11",
+    "@visx/vendor": "^4.0.0-alpha.11",
+    "bezier-easing": "^2.1.0",
+    "class-variance-authority": "^0.7.1",
+    "cnfast": "^0.0.8",
+    "colorjs.io": "^0.5.2",
+    "sonner": "^2.0.7",
+    "vaul": "^1.1.2"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.12",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "tailwindcss": "^4.2.4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^6.0.2",
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "^0.1.20",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
+    "vitest-axe": "^0.1.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "tailwindcss": ">=4.0.0",
-    "tw-animate-css": ">=1.0.0"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "postcss": "^8.5.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^4.1.18",
-    "tsup": "^8.0.0",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "^5.3.0",
-    "vite": "^6.0.0"
+    "tailwindcss": ">=4.1.0",
+    "tw-animate-css": ">=1.4.0"
   },
-  "dependencies": {
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-slot": "^1.2.4",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.4.0"
+  "scripts": {
+    "build": "vp pack",
+    "clean": "rm -rf dist",
+    "dev": "vp pack --watch",
+    "test": "vp test run",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

package/dist/index.cjs

@@ -1,303 +0,0 @@
-'use strict';
-
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var React2 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var DialogPrimitive = require('@radix-ui/react-dialog');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var buttonVariants = classVarianceAuthority.cva(
-  `inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer text-base font-medium transition-colors focus-visible:outline-hidden focus-visible:ring focus-visible:ring-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0`,
-  {
-    variants: {
-      variant: {
-        primary: "bg-spark-10 text-accent-contrast focus-visible:bg-spark-9 disabled:bg-spark-a3 disabled:text-spark-a7 hover:bg-spark-9",
-        secondary: "bg-spark-a3 text-spark-a12 focus-visible:bg-spark-a4 disabled:bg-slate-a3 disabled:text-spark-a7 hover:bg-spark-a4",
-        tertiary: "bg-transparent text-spark-a11 focus-visible:bg-slate-a3 disabled:bg-transparent disabled:text-spark-a7 hover:bg-slate-a3",
-        bare: "rounded-none! text-gray outline-hidden!",
-        icon: "rounded-md text-spark-a11 focus-visible:bg-slate-a3 hover:bg-slate-a3"
-      },
-      shape: {
-        default: "rounded-[max(var(--spark-rounded-md),var(--spark-rounded-full))]"
-      },
-      size: {
-        small: "min-w-9 px-3 max-sm:h-10 md:h-9",
-        default: "h-11 min-w-10 px-3 max-sm:h-12",
-        medium: "h-12 min-w-12 px-4"
-      }
-    },
-    defaultVariants: {
-      shape: "default",
-      variant: "primary",
-      size: "default"
-    }
-  }
-);
-var Button = React2__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
-  }
-);
-Button.displayName = "Button";
-var Card = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "relative flex w-full flex-col gap-1 rounded-2xl bg-base-gray-soft p-4",
-        className
-      ),
-      ref,
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-var CardHeader = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-4", className), ref, ...props })
-);
-CardHeader.displayName = "CardHeader";
-var CardIcon = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn("flex shrink-0 items-center justify-center text-accent-active", className),
-      ref,
-      ...props
-    }
-  )
-);
-CardIcon.displayName = "CardIcon";
-var CardTitle = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "h3",
-    {
-      className: cn("text-base font-medium leading-5 text-gray", className),
-      ref,
-      ...props
-    }
-  )
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm leading-5 text-gray-light", className), ref, ...props }));
-CardDescription.displayName = "CardDescription";
-var CardContent = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), ref, ...props })
-);
-CardContent.displayName = "CardContent";
-var CardFooter = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn("flex items-center text-gray justify-end gap-2 pt-2", className),
-      ref,
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-var CardSkeleton = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex w-full items-center gap-4 rounded-2xl bg-spark-a3 p-4 opacity-80",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 shrink-0 animate-pulse rounded-full bg-base-gray-soft" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-1/3 max-w-32 animate-pulse rounded-md bg-base-gray-soft" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-1/2 max-w-48 animate-pulse rounded-md bg-base-gray-soft" })
-        ] })
-      ]
-    }
-  )
-);
-CardSkeleton.displayName = "CardSkeleton";
-var Dialog = DialogPrimitive__namespace.Root;
-var DialogTrigger = DialogPrimitive__namespace.Trigger;
-var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-50 bg-black-a6 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 dark:bg-black-a8",
-      className
-    ),
-    "data-overlay": "true",
-    ref,
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var onInteractOutsideHandler = (event) => {
-  const target = event.target;
-  const isOverlay = target.dataset.overlay === "true";
-  if (!isOverlay) event.preventDefault();
-};
-var DialogContent = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Content,
-    {
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-[90%] min-w-80 max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl bg-slate-2 p-6 text-gray shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-50% data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-top-48% dark:bg-gray-2 sm:w-1/2",
-        className
-      ),
-      onInteractOutside: onInteractOutsideHandler,
-      ref,
-      ...props,
-      children
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Title,
-  {
-    className: cn("text-lg font-bold text-gray", className),
-    ref,
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Description,
-  {
-    className: cn("text-md text-gray", className),
-    ref,
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var DisplayField = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "relative flex min-h-12 w-full justify-between gap-2 rounded-2xl bg-base-gray-soft p-4",
-        className
-      ),
-      ref,
-      ...props
-    }
-  )
-);
-DisplayField.displayName = "DisplayField";
-var DisplayFieldLabel = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn("text-sm font-medium leading-5 text-gray-light wrap-break-word", className),
-      ref,
-      ...props
-    }
-  )
-);
-DisplayFieldLabel.displayName = "DisplayFieldLabel";
-var DisplayFieldValue = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn(
-        "min-h-5 w-full whitespace-pre-wrap text-base tabular-nums leading-5 text-gray",
-        className
-      ),
-      ref,
-      ...props
-    }
-  )
-);
-DisplayFieldValue.displayName = "DisplayFieldValue";
-var DisplayFieldContent = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), ref, ...props })
-);
-DisplayFieldContent.displayName = "DisplayFieldContent";
-var DisplayFieldSkeleton = React2__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex h-20 w-full flex-col gap-y-2 rounded-2xl bg-base-gray-soft p-4 opacity-80",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-1/2 max-w-52 animate-pulse rounded-md bg-base-gray-soft" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-3/4 max-w-72 animate-pulse rounded-md bg-base-gray-soft" })
-      ]
-    }
-  )
-);
-DisplayFieldSkeleton.displayName = "DisplayFieldSkeleton";
-
-exports.Button = Button;
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardIcon = CardIcon;
-exports.CardSkeleton = CardSkeleton;
-exports.CardTitle = CardTitle;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.DisplayField = DisplayField;
-exports.DisplayFieldContent = DisplayFieldContent;
-exports.DisplayFieldLabel = DisplayFieldLabel;
-exports.DisplayFieldSkeleton = DisplayFieldSkeleton;
-exports.DisplayFieldValue = DisplayFieldValue;
-exports.buttonVariants = buttonVariants;
-exports.cn = cn;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map