@inf-monkeys-tech/monkeys-design 0.4.55 → 0.4.56

package/dist/theme-system/index.js

@@ -1,13 +1,11 @@
 'use strict';
 
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-require('@radix-ui/react-context-menu');
-require('react-dom');
-require('@radix-ui/react-dropdown-menu');
-require('@dnd-kit/core');
-require('@dnd-kit/sortable');
-require('@dnd-kit/utilities');
+var chroma2 = require('chroma-js');
+var tailwindMerge = require('tailwind-merge');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var chroma2__default = /*#__PURE__*/_interopDefault(chroma2);
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -726,7 +724,7 @@ var require_lodash = __commonJS({
       }
       var runInContext = (function runInContext2(context) {
         context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-        var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
+        var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
         var coreJsData = context["__core-js_shared__"];
         var funcToString = funcProto.toString;
@@ -753,10 +751,10 @@ var require_lodash = __commonJS({
         })();
         var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
         var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
-        var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
+        var DataView = getNative(context, "DataView"), Map = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
         var metaMap = WeakMap && new WeakMap();
         var realNames = {};
-        var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap);
+        var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap);
         var symbolProto = Symbol2 ? Symbol2.prototype : undefined2, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined2, symbolToString = symbolProto ? symbolProto.toString : undefined2;
         function lodash(value) {
           if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {
@@ -1001,7 +999,7 @@ var require_lodash = __commonJS({
           this.size = 0;
           this.__data__ = {
             "hash": new Hash(),
-            "map": new (Map2 || ListCache)(),
+            "map": new (Map || ListCache)(),
             "string": new Hash()
           };
         }
@@ -1066,7 +1064,7 @@ var require_lodash = __commonJS({
           var data = this.__data__;
           if (data instanceof ListCache) {
             var pairs = data.__data__;
-            if (!Map2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
+            if (!Map || pairs.length < LARGE_ARRAY_SIZE - 1) {
               pairs.push([key, value]);
               this.size = ++data.size;
               return this;
@@ -1083,7 +1081,7 @@ var require_lodash = __commonJS({
         Stack.prototype.has = stackHas;
         Stack.prototype.set = stackSet;
         function arrayLikeKeys(value, inherited) {
-          var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String2) : [], length = result2.length;
+          var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String) : [], length = result2.length;
           for (var key in value) {
             if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
             (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -2830,7 +2828,7 @@ var require_lodash = __commonJS({
           return result2;
         };
         var getTag = baseGetTag;
-        if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
+        if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
           getTag = function(value) {
             var result2 = baseGetTag(value), Ctor = result2 == objectTag ? value.constructor : undefined2, ctorString = Ctor ? toSource(Ctor) : "";
             if (ctorString) {
@@ -4184,7 +4182,7 @@ var require_lodash = __commonJS({
           customizer = typeof customizer == "function" ? customizer : undefined2;
           return baseIsMatch(object, source, getMatchData(source), customizer);
         }
-        function isNaN2(value) {
+        function isNaN(value) {
           return isNumber(value) && value != +value;
         }
         function isNative(value) {
@@ -4257,8 +4255,8 @@ var require_lodash = __commonJS({
           }
           value = toNumber(value);
           if (value === INFINITY || value === -INFINITY) {
-            var sign3 = value < 0 ? -1 : 1;
-            return sign3 * MAX_INTEGER;
+            var sign = value < 0 ? -1 : 1;
+            return sign * MAX_INTEGER;
           }
           return value === value ? value : 0;
         }
@@ -4552,7 +4550,7 @@ var require_lodash = __commonJS({
           number = toNumber(number);
           return baseInRange(number, start, end);
         }
-        function random2(lower, upper, floating) {
+        function random(lower, upper, floating) {
           if (floating && typeof floating != "boolean" && isIterateeCall(lower, upper, floating)) {
             upper = floating = undefined2;
           }
@@ -5012,8 +5010,8 @@ var require_lodash = __commonJS({
         var divide = createMathOperation(function(dividend, divisor) {
           return dividend / divisor;
         }, 1);
-        var floor5 = createRound("floor");
-        function max5(array) {
+        var floor = createRound("floor");
+        function max(array) {
           return array && array.length ? baseExtremum(array, identity, baseGt) : undefined2;
         }
         function maxBy(array, iteratee2) {
@@ -5025,16 +5023,16 @@ var require_lodash = __commonJS({
         function meanBy(array, iteratee2) {
           return baseMean(array, getIteratee(iteratee2, 2));
         }
-        function min5(array) {
+        function min(array) {
           return array && array.length ? baseExtremum(array, identity, baseLt) : undefined2;
         }
         function minBy(array, iteratee2) {
           return array && array.length ? baseExtremum(array, getIteratee(iteratee2, 2), baseLt) : undefined2;
         }
-        var multiply2 = createMathOperation(function(multiplier, multiplicand) {
+        var multiply = createMathOperation(function(multiplier, multiplicand) {
           return multiplier * multiplicand;
         }, 1);
-        var round8 = createRound("round");
+        var round = createRound("round");
         var subtract = createMathOperation(function(minuend, subtrahend) {
           return minuend - subtrahend;
         }, 0);
@@ -5223,7 +5221,7 @@ var require_lodash = __commonJS({
         lodash.findLast = findLast;
         lodash.findLastIndex = findLastIndex;
         lodash.findLastKey = findLastKey;
-        lodash.floor = floor5;
+        lodash.floor = floor;
         lodash.forEach = forEach;
         lodash.forEachRight = forEachRight;
         lodash.forIn = forIn;
@@ -5261,7 +5259,7 @@ var require_lodash = __commonJS({
         lodash.isMap = isMap;
         lodash.isMatch = isMatch;
         lodash.isMatchWith = isMatchWith;
-        lodash.isNaN = isNaN2;
+        lodash.isNaN = isNaN;
         lodash.isNative = isNative;
         lodash.isNil = isNil;
         lodash.isNull = isNull;
@@ -5286,18 +5284,18 @@ var require_lodash = __commonJS({
         lodash.lowerFirst = lowerFirst;
         lodash.lt = lt;
         lodash.lte = lte;
-        lodash.max = max5;
+        lodash.max = max;
         lodash.maxBy = maxBy;
         lodash.mean = mean;
         lodash.meanBy = meanBy;
-        lodash.min = min5;
+        lodash.min = min;
         lodash.minBy = minBy;
         lodash.stubArray = stubArray;
         lodash.stubFalse = stubFalse;
         lodash.stubObject = stubObject;
         lodash.stubString = stubString;
         lodash.stubTrue = stubTrue;
-        lodash.multiply = multiply2;
+        lodash.multiply = multiply;
         lodash.nth = nth;
         lodash.noConflict = noConflict;
         lodash.noop = noop;
@@ -5306,13 +5304,13 @@ var require_lodash = __commonJS({
         lodash.padEnd = padEnd;
         lodash.padStart = padStart;
         lodash.parseInt = parseInt2;
-        lodash.random = random2;
+        lodash.random = random;
         lodash.reduce = reduce;
         lodash.reduceRight = reduceRight;
         lodash.repeat = repeat;
         lodash.replace = replace;
         lodash.result = result;
-        lodash.round = round8;
+        lodash.round = round;
         lodash.runInContext = runInContext2;
         lodash.sample = sample;
         lodash.size = size;
@@ -5535,2671 +5533,173 @@ var require_lodash = __commonJS({
   }
 });
 
-// node_modules/chroma-js/src/utils/limit.js
-var limit_default = (x, low = 0, high = 1) => {
-  return min(max(low, x), high);
-};
-
-// node_modules/chroma-js/src/utils/clip_rgb.js
-var clip_rgb_default = (rgb2) => {
-  rgb2._clipped = false;
-  rgb2._unclipped = rgb2.slice(0);
-  for (let i = 0; i <= 3; i++) {
-    if (i < 3) {
-      if (rgb2[i] < 0 || rgb2[i] > 255) rgb2._clipped = true;
-      rgb2[i] = limit_default(rgb2[i], 0, 255);
-    } else if (i === 3) {
-      rgb2[i] = limit_default(rgb2[i], 0, 1);
-    }
-  }
-  return rgb2;
-};
-
-// node_modules/chroma-js/src/utils/type.js
-var classToType = {};
-for (let name of [
-  "Boolean",
-  "Number",
-  "String",
-  "Function",
-  "Array",
-  "Date",
-  "RegExp",
-  "Undefined",
-  "Null"
-]) {
-  classToType[`[object ${name}]`] = name.toLowerCase();
-}
-function type_default(obj) {
-  return classToType[Object.prototype.toString.call(obj)] || "object";
-}
-
-// node_modules/chroma-js/src/utils/unpack.js
-var unpack_default = (args, keyOrder = null) => {
-  if (args.length >= 3) return Array.prototype.slice.call(args);
-  if (type_default(args[0]) == "object" && keyOrder) {
-    return keyOrder.split("").filter((k) => args[0][k] !== void 0).map((k) => args[0][k]);
-  }
-  return args[0];
-};
-
-// node_modules/chroma-js/src/utils/last.js
-var last_default = (args) => {
-  if (args.length < 2) return null;
-  const l = args.length - 1;
-  if (type_default(args[l]) == "string") return args[l].toLowerCase();
-  return null;
-};
-
-// node_modules/chroma-js/src/utils/index.js
-var { PI, min, max } = Math;
-var TWOPI = PI * 2;
-var PITHIRD = PI / 3;
-var DEG2RAD = PI / 180;
-var RAD2DEG = 180 / PI;
-
-// node_modules/chroma-js/src/io/input.js
-var input_default = {
-  format: {},
-  autodetect: []
+// src/palette/use-palette.ts
+var import_lodash = __toESM(require_lodash());
+var delta = { xs: 0.01, sm: 0.02, md: 0.03, lg: 0.08, xl: 0.14 };
+var normalizeHue = (input, range) => (input % range + range) % range;
+var markDarkColor = (color) => {
+  const hsv = chroma2__default.default(color).hsv();
+  return chroma2__default.default(hsv[0], hsv[1] * 0.92, Math.min(hsv[2] + 0.01, 1), "hsv").hex();
 };
-
-// node_modules/chroma-js/src/Color.js
-var Color = class {
-  constructor(...args) {
-    const me = this;
-    if (type_default(args[0]) === "object" && args[0].constructor && args[0].constructor === this.constructor) {
-      return args[0];
-    }
-    let mode = last_default(args);
-    let autodetect = false;
-    if (!mode) {
-      autodetect = true;
-      if (!input_default.sorted) {
-        input_default.autodetect = input_default.autodetect.sort((a, b) => b.p - a.p);
-        input_default.sorted = true;
-      }
-      for (let chk of input_default.autodetect) {
-        mode = chk.test(...args);
-        if (mode) break;
-      }
-    }
-    if (input_default.format[mode]) {
-      const rgb2 = input_default.format[mode].apply(
-        null,
-        autodetect ? args : args.slice(0, -1)
-      );
-      me._rgb = clip_rgb_default(rgb2);
+var calculateHue = (color, end, defaultValue) => {
+  const interval = end - defaultValue;
+  let offset;
+  if (end <= defaultValue) {
+    if (color[0] > 80 && color[0] < 260) {
+      offset = interval * delta.xs;
     } else {
-      throw new Error("unknown format: " + args);
-    }
-    if (me._rgb.length === 3) me._rgb.push(1);
-  }
-  toString() {
-    if (type_default(this.hex) == "function") return this.hex();
-    return `[${this._rgb.join(",")}]`;
-  }
-};
-var Color_default = Color;
-
-// node_modules/chroma-js/src/version.js
-var version = "2.6.0";
-
-// node_modules/chroma-js/src/chroma.js
-var chroma = (...args) => {
-  return new chroma.Color(...args);
-};
-chroma.Color = Color_default;
-chroma.version = version;
-var chroma_default = chroma;
-
-// node_modules/chroma-js/src/io/cmyk/cmyk2rgb.js
-var cmyk2rgb = (...args) => {
-  args = unpack_default(args, "cmyk");
-  const [c, m, y, k] = args;
-  const alpha = args.length > 4 ? args[4] : 1;
-  if (k === 1) return [0, 0, 0, alpha];
-  return [
-    c >= 1 ? 0 : 255 * (1 - c) * (1 - k),
-    // r
-    m >= 1 ? 0 : 255 * (1 - m) * (1 - k),
-    // g
-    y >= 1 ? 0 : 255 * (1 - y) * (1 - k),
-    // b
-    alpha
-  ];
-};
-var cmyk2rgb_default = cmyk2rgb;
-
-// node_modules/chroma-js/src/io/cmyk/rgb2cmyk.js
-var { max: max2 } = Math;
-var rgb2cmyk = (...args) => {
-  let [r, g, b] = unpack_default(args, "rgb");
-  r = r / 255;
-  g = g / 255;
-  b = b / 255;
-  const k = 1 - max2(r, max2(g, b));
-  const f = k < 1 ? 1 / (1 - k) : 0;
-  const c = (1 - r - k) * f;
-  const m = (1 - g - k) * f;
-  const y = (1 - b - k) * f;
-  return [c, m, y, k];
-};
-var rgb2cmyk_default = rgb2cmyk;
-
-// node_modules/chroma-js/src/io/cmyk/index.js
-Color_default.prototype.cmyk = function() {
-  return rgb2cmyk_default(this._rgb);
-};
-chroma_default.cmyk = (...args) => new Color_default(...args, "cmyk");
-input_default.format.cmyk = cmyk2rgb_default;
-input_default.autodetect.push({
-  p: 2,
-  test: (...args) => {
-    args = unpack_default(args, "cmyk");
-    if (type_default(args) === "array" && args.length === 4) {
-      return "cmyk";
+      offset = -interval * delta.sm;
     }
-  }
-});
-
-// node_modules/chroma-js/src/io/css/hsl2css.js
-var rnd = (a) => Math.round(a * 100) / 100;
-var hsl2css = (...args) => {
-  const hsla = unpack_default(args, "hsla");
-  let mode = last_default(args) || "lsa";
-  hsla[0] = rnd(hsla[0] || 0);
-  hsla[1] = rnd(hsla[1] * 100) + "%";
-  hsla[2] = rnd(hsla[2] * 100) + "%";
-  if (mode === "hsla" || hsla.length > 3 && hsla[3] < 1) {
-    hsla[3] = hsla.length > 3 ? hsla[3] : 1;
-    mode = "hsla";
-  } else {
-    hsla.length = 3;
-  }
-  return `${mode}(${hsla.join(",")})`;
-};
-var hsl2css_default = hsl2css;
-
-// node_modules/chroma-js/src/io/hsl/rgb2hsl.js
-var rgb2hsl = (...args) => {
-  args = unpack_default(args, "rgba");
-  let [r, g, b] = args;
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const minRgb = min(r, g, b);
-  const maxRgb = max(r, g, b);
-  const l = (maxRgb + minRgb) / 2;
-  let s, h;
-  if (maxRgb === minRgb) {
-    s = 0;
-    h = Number.NaN;
-  } else {
-    s = l < 0.5 ? (maxRgb - minRgb) / (maxRgb + minRgb) : (maxRgb - minRgb) / (2 - maxRgb - minRgb);
-  }
-  if (r == maxRgb) h = (g - b) / (maxRgb - minRgb);
-  else if (g == maxRgb) h = 2 + (b - r) / (maxRgb - minRgb);
-  else if (b == maxRgb) h = 4 + (r - g) / (maxRgb - minRgb);
-  h *= 60;
-  if (h < 0) h += 360;
-  if (args.length > 3 && args[3] !== void 0) return [h, s, l, args[3]];
-  return [h, s, l];
-};
-var rgb2hsl_default = rgb2hsl;
-
-// node_modules/chroma-js/src/io/css/rgb2css.js
-var { round } = Math;
-var rgb2css = (...args) => {
-  const rgba = unpack_default(args, "rgba");
-  let mode = last_default(args) || "rgb";
-  if (mode.substr(0, 3) == "hsl") {
-    return hsl2css_default(rgb2hsl_default(rgba), mode);
-  }
-  rgba[0] = round(rgba[0]);
-  rgba[1] = round(rgba[1]);
-  rgba[2] = round(rgba[2]);
-  if (mode === "rgba" || rgba.length > 3 && rgba[3] < 1) {
-    rgba[3] = rgba.length > 3 ? rgba[3] : 1;
-    mode = "rgba";
-  }
-  return `${mode}(${rgba.slice(0, mode === "rgb" ? 3 : 4).join(",")})`;
-};
-var rgb2css_default = rgb2css;
-
-// node_modules/chroma-js/src/io/hsl/hsl2rgb.js
-var { round: round2 } = Math;
-var hsl2rgb = (...args) => {
-  args = unpack_default(args, "hsl");
-  const [h, s, l] = args;
-  let r, g, b;
-  if (s === 0) {
-    r = g = b = l * 255;
+  } else if (color[0] > 20 && color[0] < 48) {
+    offset = -interval * delta.md;
+  } else if (color[0] >= 48 && color[0] < 260) {
+    offset = interval * delta.xs;
   } else {
-    const t3 = [0, 0, 0];
-    const c = [0, 0, 0];
-    const t2 = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    const t1 = 2 * l - t2;
-    const h_ = h / 360;
-    t3[0] = h_ + 1 / 3;
-    t3[1] = h_;
-    t3[2] = h_ - 1 / 3;
-    for (let i = 0; i < 3; i++) {
-      if (t3[i] < 0) t3[i] += 1;
-      if (t3[i] > 1) t3[i] -= 1;
-      if (6 * t3[i] < 1) c[i] = t1 + (t2 - t1) * 6 * t3[i];
-      else if (2 * t3[i] < 1) c[i] = t2;
-      else if (3 * t3[i] < 2) c[i] = t1 + (t2 - t1) * (2 / 3 - t3[i]) * 6;
-      else c[i] = t1;
-    }
-    [r, g, b] = [round2(c[0] * 255), round2(c[1] * 255), round2(c[2] * 255)];
-  }
-  if (args.length > 3) {
-    return [r, g, b, args[3]];
+    offset = -interval * delta.sm;
   }
-  return [r, g, b, 1];
+  return normalizeHue(color[0] + offset, 360);
 };
-var hsl2rgb_default = hsl2rgb;
-
-// node_modules/chroma-js/src/io/css/css2rgb.js
-var RE_RGB = /^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/;
-var RE_RGBA = /^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/;
-var RE_RGB_PCT = /^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/;
-var RE_RGBA_PCT = /^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/;
-var RE_HSL = /^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/;
-var RE_HSLA = /^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/;
-var { round: round3 } = Math;
-var css2rgb = (css) => {
-  css = css.toLowerCase().trim();
-  let m;
-  if (input_default.format.named) {
-    try {
-      return input_default.format.named(css);
-    } catch (e) {
-    }
-  }
-  if (m = css.match(RE_RGB)) {
-    const rgb2 = m.slice(1, 4);
-    for (let i = 0; i < 3; i++) {
-      rgb2[i] = +rgb2[i];
-    }
-    rgb2[3] = 1;
-    return rgb2;
-  }
-  if (m = css.match(RE_RGBA)) {
-    const rgb2 = m.slice(1, 5);
-    for (let i = 0; i < 4; i++) {
-      rgb2[i] = +rgb2[i];
+var calculateSaturation = (hsv, range, max) => {
+  const interval = (range - max) / 100;
+  let offset = 0;
+  if (range < max) {
+    offset = interval * hsv[1] / 5;
+    if (range < 100) {
+      offset -= delta.sm;
     }
-    return rgb2;
-  }
-  if (m = css.match(RE_RGB_PCT)) {
-    const rgb2 = m.slice(1, 4);
-    for (let i = 0; i < 3; i++) {
-      rgb2[i] = round3(rgb2[i] * 2.55);
+  } else if (range > max) {
+    if (hsv[0] < 30 || hsv[0] > 200) {
+      offset = interval * delta.md;
+    } else {
+      offset = interval * delta.xs;
     }
-    rgb2[3] = 1;
-    return rgb2;
-  }
-  if (m = css.match(RE_RGBA_PCT)) {
-    const rgb2 = m.slice(1, 5);
-    for (let i = 0; i < 3; i++) {
-      rgb2[i] = round3(rgb2[i] * 2.55);
+    if (hsv[1] === 0) {
+      offset = 0;
     }
-    rgb2[3] = +rgb2[3];
-    return rgb2;
-  }
-  if (m = css.match(RE_HSL)) {
-    const hsl2 = m.slice(1, 4);
-    hsl2[1] *= 0.01;
-    hsl2[2] *= 0.01;
-    const rgb2 = hsl2rgb_default(hsl2);
-    rgb2[3] = 1;
-    return rgb2;
   }
-  if (m = css.match(RE_HSLA)) {
-    const hsl2 = m.slice(1, 4);
-    hsl2[1] *= 0.01;
-    hsl2[2] *= 0.01;
-    const rgb2 = hsl2rgb_default(hsl2);
-    rgb2[3] = +m[4];
-    return rgb2;
-  }
-};
-css2rgb.test = (s) => {
-  return RE_RGB.test(s) || RE_RGBA.test(s) || RE_RGB_PCT.test(s) || RE_RGBA_PCT.test(s) || RE_HSL.test(s) || RE_HSLA.test(s);
-};
-var css2rgb_default = css2rgb;
-
-// node_modules/chroma-js/src/io/css/index.js
-Color_default.prototype.css = function(mode) {
-  return rgb2css_default(this._rgb, mode);
+  const newSaturation = hsv[1] + offset;
+  return newSaturation > 1 ? 1 : newSaturation < 0 ? 0 : newSaturation;
 };
-chroma_default.css = (...args) => new Color_default(...args, "css");
-input_default.format.css = css2rgb_default;
-input_default.autodetect.push({
-  p: 5,
-  test: (h, ...rest) => {
-    if (!rest.length && type_default(h) === "string" && css2rgb_default.test(h)) {
-      return "css";
+var calculateLightness = (hsv, range, max) => {
+  const interval = (range - max) / 100;
+  let offset = 0;
+  if (range < max) {
+    if (hsv[1] < 0.1) {
+      offset = interval * (1 - hsv[2]) / 5 * 1.06;
+    } else {
+      offset = interval * (1 - hsv[2]) / 5;
     }
-  }
-});
-
-// node_modules/chroma-js/src/io/gl/index.js
-input_default.format.gl = (...args) => {
-  const rgb2 = unpack_default(args, "rgba");
-  rgb2[0] *= 255;
-  rgb2[1] *= 255;
-  rgb2[2] *= 255;
-  return rgb2;
-};
-chroma_default.gl = (...args) => new Color_default(...args, "gl");
-Color_default.prototype.gl = function() {
-  const rgb2 = this._rgb;
-  return [rgb2[0] / 255, rgb2[1] / 255, rgb2[2] / 255, rgb2[3]];
-};
-
-// node_modules/chroma-js/src/io/hcg/hcg2rgb.js
-var { floor } = Math;
-var hcg2rgb = (...args) => {
-  args = unpack_default(args, "hcg");
-  let [h, c, _g] = args;
-  let r, g, b;
-  _g = _g * 255;
-  const _c = c * 255;
-  if (c === 0) {
-    r = g = b = _g;
-  } else {
-    if (h === 360) h = 0;
-    if (h > 360) h -= 360;
-    if (h < 0) h += 360;
-    h /= 60;
-    const i = floor(h);
-    const f = h - i;
-    const p = _g * (1 - c);
-    const q = p + _c * (1 - f);
-    const t = p + _c * f;
-    const v = p + _c;
-    switch (i) {
-      case 0:
-        [r, g, b] = [v, t, p];
-        break;
-      case 1:
-        [r, g, b] = [q, v, p];
-        break;
-      case 2:
-        [r, g, b] = [p, v, t];
-        break;
-      case 3:
-        [r, g, b] = [p, q, v];
-        break;
-      case 4:
-        [r, g, b] = [t, p, v];
-        break;
-      case 5:
-        [r, g, b] = [v, p, q];
-        break;
+  } else if (range > max) {
+    if ((hsv[0] < 30 || hsv[0] > 200) && hsv[0] > 0) {
+      offset = interval * delta.lg;
+      if (hsv[2] > 0.8) {
+        offset = interval * delta.xl;
+      }
+    } else {
+      offset = interval * hsv[2] / 6;
     }
   }
-  return [r, g, b, args.length > 3 ? args[3] : 1];
+  const newLightness = hsv[2] - offset;
+  return newLightness > 1 ? 1 : newLightness < 0 ? 0 : newLightness;
 };
-var hcg2rgb_default = hcg2rgb;
 
-// node_modules/chroma-js/src/io/hcg/rgb2hcg.js
-var rgb2hcg = (...args) => {
-  const [r, g, b] = unpack_default(args, "rgb");
-  const minRgb = min(r, g, b);
-  const maxRgb = max(r, g, b);
-  const delta2 = maxRgb - minRgb;
-  const c = delta2 * 100 / 255;
-  const _g = minRgb / (255 - delta2) * 100;
-  let h;
-  if (delta2 === 0) {
-    h = Number.NaN;
-  } else {
-    if (r === maxRgb) h = (g - b) / delta2;
-    if (g === maxRgb) h = 2 + (b - r) / delta2;
-    if (b === maxRgb) h = 4 + (r - g) / delta2;
-    h *= 60;
-    if (h < 0) h += 360;
+// src/palette/use-palette.ts
+var COLOR_STOPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+var createSolidColorScale = (color, mode = "light") => {
+  const isDark = mode === "dark";
+  let baseColor = isDark ? markDarkColor(color) : color;
+  const luminance = chroma2__default.default(baseColor).luminance();
+  if (luminance < 0.1) {
+    baseColor = chroma2__default.default(baseColor).set("hsl.l", 0.4).hex();
+  } else if (luminance > 0.9) {
+    baseColor = chroma2__default.default(baseColor).set("hsl.l", 0.6).hex();
   }
-  return [h, c, _g];
-};
-var rgb2hcg_default = rgb2hcg;
-
-// node_modules/chroma-js/src/io/hcg/index.js
-Color_default.prototype.hcg = function() {
-  return rgb2hcg_default(this._rgb);
+  const hsv = chroma2__default.default(baseColor).hsv();
+  const colors = COLOR_STOPS.map((stop) => {
+    const h = calculateHue(hsv, stop, 500);
+    const s = calculateSaturation(hsv, stop, 500);
+    const v = calculateLightness(hsv, stop, 500);
+    return chroma2__default.default(h, s, v, "hsv");
+  });
+  return isDark ? colors.reverse() : colors;
 };
-chroma_default.hcg = (...args) => new Color_default(...args, "hcg");
-input_default.format.hcg = hcg2rgb_default;
-input_default.autodetect.push({
-  p: 1,
-  test: (...args) => {
-    args = unpack_default(args, "hcg");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "hcg";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/hex/hex2rgb.js
-var RE_HEX = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
-var RE_HEXA = /^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/;
-var hex2rgb = (hex) => {
-  if (hex.match(RE_HEX)) {
-    if (hex.length === 4 || hex.length === 7) {
-      hex = hex.substr(1);
-    }
-    if (hex.length === 3) {
-      hex = hex.split("");
-      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-    }
-    const u = parseInt(hex, 16);
-    const r = u >> 16;
-    const g = u >> 8 & 255;
-    const b = u & 255;
-    return [r, g, b, 1];
-  }
-  if (hex.match(RE_HEXA)) {
-    if (hex.length === 5 || hex.length === 9) {
-      hex = hex.substr(1);
-    }
-    if (hex.length === 4) {
-      hex = hex.split("");
-      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
+var genTailwindTheme = (color) => {
+  const lightColors = createSolidColorScale(color, "light");
+  const darkColors = createSolidColorScale(color, "dark");
+  const twColors = {};
+  ["monkeys", "monkeys-dark"].forEach((name, i) => {
+    const colors = {};
+    if (!i) {
+      lightColors.map(
+        (it, stopIndex) => Object.assign(colors, {
+          [COLOR_STOPS[stopIndex]]: it.rgb().join(" ")
+        })
+      );
+    } else {
+      darkColors.map(
+        (it, stopIndex) => Object.assign(colors, {
+          [COLOR_STOPS[stopIndex]]: it.rgb().join(" ")
+        })
+      );
     }
-    const u = parseInt(hex, 16);
-    const r = u >> 24 & 255;
-    const g = u >> 16 & 255;
-    const b = u >> 8 & 255;
-    const a = Math.round((u & 255) / 255 * 100) / 100;
-    return [r, g, b, a];
-  }
-  throw new Error(`unknown hex color: ${hex}`);
-};
-var hex2rgb_default = hex2rgb;
-
-// node_modules/chroma-js/src/io/hex/rgb2hex.js
-var { round: round4 } = Math;
-var rgb2hex = (...args) => {
-  let [r, g, b, a] = unpack_default(args, "rgba");
-  let mode = last_default(args) || "auto";
-  if (a === void 0) a = 1;
-  if (mode === "auto") {
-    mode = a < 1 ? "rgba" : "rgb";
-  }
-  r = round4(r);
-  g = round4(g);
-  b = round4(b);
-  const u = r << 16 | g << 8 | b;
-  let str = "000000" + u.toString(16);
-  str = str.substr(str.length - 6);
-  let hxa = "0" + round4(a * 255).toString(16);
-  hxa = hxa.substr(hxa.length - 2);
-  switch (mode.toLowerCase()) {
-    case "rgba":
-      return `#${str}${hxa}`;
-    case "argb":
-      return `#${hxa}${str}`;
-    default:
-      return `#${str}`;
-  }
-};
-var rgb2hex_default = rgb2hex;
-
-// node_modules/chroma-js/src/io/hex/index.js
-Color_default.prototype.hex = function(mode) {
-  return rgb2hex_default(this._rgb, mode);
+    Object.assign(twColors, { [name]: colors });
+  });
+  return twColors;
 };
-chroma_default.hex = (...args) => new Color_default(...args, "hex");
-input_default.format.hex = hex2rgb_default;
-input_default.autodetect.push({
-  p: 4,
-  test: (h, ...rest) => {
-    if (!rest.length && type_default(h) === "string" && [3, 4, 5, 6, 7, 8, 9].indexOf(h.length) >= 0) {
-      return "hex";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/hsi/hsi2rgb.js
-var { cos } = Math;
-var hsi2rgb = (...args) => {
-  args = unpack_default(args, "hsi");
-  let [h, s, i] = args;
-  let r, g, b;
-  if (isNaN(h)) h = 0;
-  if (isNaN(s)) s = 0;
-  if (h > 360) h -= 360;
-  if (h < 0) h += 360;
-  h /= 360;
-  if (h < 1 / 3) {
-    b = (1 - s) / 3;
-    r = (1 + s * cos(TWOPI * h) / cos(PITHIRD - TWOPI * h)) / 3;
-    g = 1 - (b + r);
-  } else if (h < 2 / 3) {
-    h -= 1 / 3;
-    r = (1 - s) / 3;
-    g = (1 + s * cos(TWOPI * h) / cos(PITHIRD - TWOPI * h)) / 3;
-    b = 1 - (r + g);
+var setTailwindTheme = (0, import_lodash.debounce)((color) => {
+  const twColors = genTailwindTheme(color);
+  let styles = "";
+  Object.entries(twColors).forEach(([colorName, colorValues]) => {
+    styles += (colorName === "monkeys-dark" ? ".dark" : ":root,::selection") + "{";
+    Object.entries(colorValues).forEach(([stop, color2]) => {
+      styles += `--monkeys-${stop}:${color2};`;
+    });
+    styles += "}";
+  });
+  const themeDOM = document.getElementById("monkeys-theme");
+  if (!themeDOM) {
+    const newThemeDOM = document.createElement("style");
+    newThemeDOM.id = "monkeys-theme";
+    document.head.appendChild(newThemeDOM);
+    newThemeDOM.innerHTML = styles;
   } else {
-    h -= 2 / 3;
-    g = (1 - s) / 3;
-    b = (1 + s * cos(TWOPI * h) / cos(PITHIRD - TWOPI * h)) / 3;
-    r = 1 - (g + b);
+    themeDOM.innerHTML = styles;
   }
-  r = limit_default(i * r * 3);
-  g = limit_default(i * g * 3);
-  b = limit_default(i * b * 3);
-  return [r * 255, g * 255, b * 255, args.length > 3 ? args[3] : 1];
-};
-var hsi2rgb_default = hsi2rgb;
+}, 64);
 
-// node_modules/chroma-js/src/io/hsi/rgb2hsi.js
-var { min: min2, sqrt, acos } = Math;
-var rgb2hsi = (...args) => {
-  let [r, g, b] = unpack_default(args, "rgb");
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  let h;
-  const min_ = min2(r, g, b);
-  const i = (r + g + b) / 3;
-  const s = i > 0 ? 1 - min_ / i : 0;
-  if (s === 0) {
-    h = NaN;
+// src/palette/use-neocard-palette.ts
+var import_lodash2 = __toESM(require_lodash());
+var setNeocardTheme = (0, import_lodash2.debounce)((colors) => {
+  let lightColor;
+  let darkColor;
+  if (typeof colors === "string") {
+    lightColor = colors;
+    darkColor = colors;
   } else {
-    h = (r - g + (r - b)) / 2;
-    h /= sqrt((r - g) * (r - g) + (r - b) * (g - b));
-    h = acos(h);
-    if (b > g) {
-      h = TWOPI - h;
-    }
-    h /= TWOPI;
-  }
-  return [h * 360, s, i];
-};
-var rgb2hsi_default = rgb2hsi;
-
-// node_modules/chroma-js/src/io/hsi/index.js
-Color_default.prototype.hsi = function() {
-  return rgb2hsi_default(this._rgb);
-};
-chroma_default.hsi = (...args) => new Color_default(...args, "hsi");
-input_default.format.hsi = hsi2rgb_default;
-input_default.autodetect.push({
-  p: 2,
-  test: (...args) => {
-    args = unpack_default(args, "hsi");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "hsi";
-    }
+    lightColor = colors.light;
+    darkColor = colors.dark;
   }
-});
-
-// node_modules/chroma-js/src/io/hsl/index.js
-Color_default.prototype.hsl = function() {
-  return rgb2hsl_default(this._rgb);
-};
-chroma_default.hsl = (...args) => new Color_default(...args, "hsl");
-input_default.format.hsl = hsl2rgb_default;
-input_default.autodetect.push({
-  p: 2,
-  test: (...args) => {
-    args = unpack_default(args, "hsl");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "hsl";
+  const styles = `
+    :root {
+      --neocard: ${lightColor};
     }
-  }
-});
-
-// node_modules/chroma-js/src/io/hsv/hsv2rgb.js
-var { floor: floor2 } = Math;
-var hsv2rgb = (...args) => {
-  args = unpack_default(args, "hsv");
-  let [h, s, v] = args;
-  let r, g, b;
-  v *= 255;
-  if (s === 0) {
-    r = g = b = v;
-  } else {
-    if (h === 360) h = 0;
-    if (h > 360) h -= 360;
-    if (h < 0) h += 360;
-    h /= 60;
-    const i = floor2(h);
-    const f = h - i;
-    const p = v * (1 - s);
-    const q = v * (1 - s * f);
-    const t = v * (1 - s * (1 - f));
-    switch (i) {
-      case 0:
-        [r, g, b] = [v, t, p];
-        break;
-      case 1:
-        [r, g, b] = [q, v, p];
-        break;
-      case 2:
-        [r, g, b] = [p, v, t];
-        break;
-      case 3:
-        [r, g, b] = [p, q, v];
-        break;
-      case 4:
-        [r, g, b] = [t, p, v];
-        break;
-      case 5:
-        [r, g, b] = [v, p, q];
-        break;
+    .dark {
+      --neocard: ${darkColor};
     }
-  }
-  return [r, g, b, args.length > 3 ? args[3] : 1];
-};
-var hsv2rgb_default = hsv2rgb;
-
-// node_modules/chroma-js/src/io/hsv/rgb2hsv.js
-var { min: min3, max: max3 } = Math;
-var rgb2hsl2 = (...args) => {
-  args = unpack_default(args, "rgb");
-  let [r, g, b] = args;
-  const min_ = min3(r, g, b);
-  const max_ = max3(r, g, b);
-  const delta2 = max_ - min_;
-  let h, s, v;
-  v = max_ / 255;
-  if (max_ === 0) {
-    h = Number.NaN;
-    s = 0;
+  `;
+  const themeDOM = document.getElementById("monkeys-neocard-theme");
+  if (!themeDOM) {
+    const newThemeDOM = document.createElement("style");
+    newThemeDOM.id = "monkeys-neocard-theme";
+    document.head.appendChild(newThemeDOM);
+    newThemeDOM.innerHTML = styles;
   } else {
-    s = delta2 / max_;
-    if (r === max_) h = (g - b) / delta2;
-    if (g === max_) h = 2 + (b - r) / delta2;
-    if (b === max_) h = 4 + (r - g) / delta2;
-    h *= 60;
-    if (h < 0) h += 360;
-  }
-  return [h, s, v];
-};
-var rgb2hsv_default = rgb2hsl2;
-
-// node_modules/chroma-js/src/io/hsv/index.js
-Color_default.prototype.hsv = function() {
-  return rgb2hsv_default(this._rgb);
-};
-chroma_default.hsv = (...args) => new Color_default(...args, "hsv");
-input_default.format.hsv = hsv2rgb_default;
-input_default.autodetect.push({
-  p: 2,
-  test: (...args) => {
-    args = unpack_default(args, "hsv");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "hsv";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/lab/lab-constants.js
-var lab_constants_default = {
-  // Corresponds roughly to RGB brighter/darker
-  Kn: 18,
-  // D65 standard referent
-  Xn: 0.95047,
-  Yn: 1,
-  Zn: 1.08883,
-  t0: 0.137931034,
-  // 4 / 29
-  t1: 0.206896552,
-  // 6 / 29
-  t2: 0.12841855,
-  // 3 * t1 * t1
-  t3: 8856452e-9
-  // t1 * t1 * t1
-};
-
-// node_modules/chroma-js/src/io/lab/lab2rgb.js
-var { pow } = Math;
-var lab2rgb = (...args) => {
-  args = unpack_default(args, "lab");
-  const [l, a, b] = args;
-  let x, y, z, r, g, b_;
-  y = (l + 16) / 116;
-  x = isNaN(a) ? y : y + a / 500;
-  z = isNaN(b) ? y : y - b / 200;
-  y = lab_constants_default.Yn * lab_xyz(y);
-  x = lab_constants_default.Xn * lab_xyz(x);
-  z = lab_constants_default.Zn * lab_xyz(z);
-  r = xyz_rgb(3.2404542 * x - 1.5371385 * y - 0.4985314 * z);
-  g = xyz_rgb(-0.969266 * x + 1.8760108 * y + 0.041556 * z);
-  b_ = xyz_rgb(0.0556434 * x - 0.2040259 * y + 1.0572252 * z);
-  return [r, g, b_, args.length > 3 ? args[3] : 1];
-};
-var xyz_rgb = (r) => {
-  return 255 * (r <= 304e-5 ? 12.92 * r : 1.055 * pow(r, 1 / 2.4) - 0.055);
-};
-var lab_xyz = (t) => {
-  return t > lab_constants_default.t1 ? t * t * t : lab_constants_default.t2 * (t - lab_constants_default.t0);
-};
-var lab2rgb_default = lab2rgb;
-
-// node_modules/chroma-js/src/io/lab/rgb2lab.js
-var { pow: pow2 } = Math;
-var rgb2lab = (...args) => {
-  const [r, g, b] = unpack_default(args, "rgb");
-  const [x, y, z] = rgb2xyz(r, g, b);
-  const l = 116 * y - 16;
-  return [l < 0 ? 0 : l, 500 * (x - y), 200 * (y - z)];
-};
-var rgb_xyz = (r) => {
-  if ((r /= 255) <= 0.04045) return r / 12.92;
-  return pow2((r + 0.055) / 1.055, 2.4);
-};
-var xyz_lab = (t) => {
-  if (t > lab_constants_default.t3) return pow2(t, 1 / 3);
-  return t / lab_constants_default.t2 + lab_constants_default.t0;
-};
-var rgb2xyz = (r, g, b) => {
-  r = rgb_xyz(r);
-  g = rgb_xyz(g);
-  b = rgb_xyz(b);
-  const x = xyz_lab(
-    (0.4124564 * r + 0.3575761 * g + 0.1804375 * b) / lab_constants_default.Xn
-  );
-  const y = xyz_lab(
-    (0.2126729 * r + 0.7151522 * g + 0.072175 * b) / lab_constants_default.Yn
-  );
-  const z = xyz_lab(
-    (0.0193339 * r + 0.119192 * g + 0.9503041 * b) / lab_constants_default.Zn
-  );
-  return [x, y, z];
-};
-var rgb2lab_default = rgb2lab;
-
-// node_modules/chroma-js/src/io/lab/index.js
-Color_default.prototype.lab = function() {
-  return rgb2lab_default(this._rgb);
-};
-chroma_default.lab = (...args) => new Color_default(...args, "lab");
-input_default.format.lab = lab2rgb_default;
-input_default.autodetect.push({
-  p: 2,
-  test: (...args) => {
-    args = unpack_default(args, "lab");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "lab";
-    }
+    themeDOM.innerHTML = styles;
   }
-});
-
-// node_modules/chroma-js/src/io/lch/lch2lab.js
-var { sin, cos: cos2 } = Math;
-var lch2lab = (...args) => {
-  let [l, c, h] = unpack_default(args, "lch");
-  if (isNaN(h)) h = 0;
-  h = h * DEG2RAD;
-  return [l, cos2(h) * c, sin(h) * c];
-};
-var lch2lab_default = lch2lab;
-
-// node_modules/chroma-js/src/io/lch/lch2rgb.js
-var lch2rgb = (...args) => {
-  args = unpack_default(args, "lch");
-  const [l, c, h] = args;
-  const [L, a, b_] = lch2lab_default(l, c, h);
-  const [r, g, b] = lab2rgb_default(L, a, b_);
-  return [r, g, b, args.length > 3 ? args[3] : 1];
-};
-var lch2rgb_default = lch2rgb;
-
-// node_modules/chroma-js/src/io/lch/hcl2rgb.js
-var hcl2rgb = (...args) => {
-  const hcl = unpack_default(args, "hcl").reverse();
-  return lch2rgb_default(...hcl);
-};
-var hcl2rgb_default = hcl2rgb;
-
-// node_modules/chroma-js/src/io/lch/lab2lch.js
-var { sqrt: sqrt2, atan2, round: round5 } = Math;
-var lab2lch = (...args) => {
-  const [l, a, b] = unpack_default(args, "lab");
-  const c = sqrt2(a * a + b * b);
-  let h = (atan2(b, a) * RAD2DEG + 360) % 360;
-  if (round5(c * 1e4) === 0) h = Number.NaN;
-  return [l, c, h];
-};
-var lab2lch_default = lab2lch;
-
-// node_modules/chroma-js/src/io/lch/rgb2lch.js
-var rgb2lch = (...args) => {
-  const [r, g, b] = unpack_default(args, "rgb");
-  const [l, a, b_] = rgb2lab_default(r, g, b);
-  return lab2lch_default(l, a, b_);
-};
-var rgb2lch_default = rgb2lch;
-
-// node_modules/chroma-js/src/io/lch/index.js
-Color_default.prototype.lch = function() {
-  return rgb2lch_default(this._rgb);
-};
-Color_default.prototype.hcl = function() {
-  return rgb2lch_default(this._rgb).reverse();
-};
-chroma_default.lch = (...args) => new Color_default(...args, "lch");
-chroma_default.hcl = (...args) => new Color_default(...args, "hcl");
-input_default.format.lch = lch2rgb_default;
-input_default.format.hcl = hcl2rgb_default;
-["lch", "hcl"].forEach(
-  (m) => input_default.autodetect.push({
-    p: 2,
-    test: (...args) => {
-      args = unpack_default(args, m);
-      if (type_default(args) === "array" && args.length === 3) {
-        return m;
-      }
-    }
-  })
-);
-
-// node_modules/chroma-js/src/colors/w3cx11.js
-var w3cx11 = {
-  aliceblue: "#f0f8ff",
-  antiquewhite: "#faebd7",
-  aqua: "#00ffff",
-  aquamarine: "#7fffd4",
-  azure: "#f0ffff",
-  beige: "#f5f5dc",
-  bisque: "#ffe4c4",
-  black: "#000000",
-  blanchedalmond: "#ffebcd",
-  blue: "#0000ff",
-  blueviolet: "#8a2be2",
-  brown: "#a52a2a",
-  burlywood: "#deb887",
-  cadetblue: "#5f9ea0",
-  chartreuse: "#7fff00",
-  chocolate: "#d2691e",
-  coral: "#ff7f50",
-  cornflowerblue: "#6495ed",
-  cornsilk: "#fff8dc",
-  crimson: "#dc143c",
-  cyan: "#00ffff",
-  darkblue: "#00008b",
-  darkcyan: "#008b8b",
-  darkgoldenrod: "#b8860b",
-  darkgray: "#a9a9a9",
-  darkgreen: "#006400",
-  darkgrey: "#a9a9a9",
-  darkkhaki: "#bdb76b",
-  darkmagenta: "#8b008b",
-  darkolivegreen: "#556b2f",
-  darkorange: "#ff8c00",
-  darkorchid: "#9932cc",
-  darkred: "#8b0000",
-  darksalmon: "#e9967a",
-  darkseagreen: "#8fbc8f",
-  darkslateblue: "#483d8b",
-  darkslategray: "#2f4f4f",
-  darkslategrey: "#2f4f4f",
-  darkturquoise: "#00ced1",
-  darkviolet: "#9400d3",
-  deeppink: "#ff1493",
-  deepskyblue: "#00bfff",
-  dimgray: "#696969",
-  dimgrey: "#696969",
-  dodgerblue: "#1e90ff",
-  firebrick: "#b22222",
-  floralwhite: "#fffaf0",
-  forestgreen: "#228b22",
-  fuchsia: "#ff00ff",
-  gainsboro: "#dcdcdc",
-  ghostwhite: "#f8f8ff",
-  gold: "#ffd700",
-  goldenrod: "#daa520",
-  gray: "#808080",
-  green: "#008000",
-  greenyellow: "#adff2f",
-  grey: "#808080",
-  honeydew: "#f0fff0",
-  hotpink: "#ff69b4",
-  indianred: "#cd5c5c",
-  indigo: "#4b0082",
-  ivory: "#fffff0",
-  khaki: "#f0e68c",
-  laserlemon: "#ffff54",
-  lavender: "#e6e6fa",
-  lavenderblush: "#fff0f5",
-  lawngreen: "#7cfc00",
-  lemonchiffon: "#fffacd",
-  lightblue: "#add8e6",
-  lightcoral: "#f08080",
-  lightcyan: "#e0ffff",
-  lightgoldenrod: "#fafad2",
-  lightgoldenrodyellow: "#fafad2",
-  lightgray: "#d3d3d3",
-  lightgreen: "#90ee90",
-  lightgrey: "#d3d3d3",
-  lightpink: "#ffb6c1",
-  lightsalmon: "#ffa07a",
-  lightseagreen: "#20b2aa",
-  lightskyblue: "#87cefa",
-  lightslategray: "#778899",
-  lightslategrey: "#778899",
-  lightsteelblue: "#b0c4de",
-  lightyellow: "#ffffe0",
-  lime: "#00ff00",
-  limegreen: "#32cd32",
-  linen: "#faf0e6",
-  magenta: "#ff00ff",
-  maroon: "#800000",
-  maroon2: "#7f0000",
-  maroon3: "#b03060",
-  mediumaquamarine: "#66cdaa",
-  mediumblue: "#0000cd",
-  mediumorchid: "#ba55d3",
-  mediumpurple: "#9370db",
-  mediumseagreen: "#3cb371",
-  mediumslateblue: "#7b68ee",
-  mediumspringgreen: "#00fa9a",
-  mediumturquoise: "#48d1cc",
-  mediumvioletred: "#c71585",
-  midnightblue: "#191970",
-  mintcream: "#f5fffa",
-  mistyrose: "#ffe4e1",
-  moccasin: "#ffe4b5",
-  navajowhite: "#ffdead",
-  navy: "#000080",
-  oldlace: "#fdf5e6",
-  olive: "#808000",
-  olivedrab: "#6b8e23",
-  orange: "#ffa500",
-  orangered: "#ff4500",
-  orchid: "#da70d6",
-  palegoldenrod: "#eee8aa",
-  palegreen: "#98fb98",
-  paleturquoise: "#afeeee",
-  palevioletred: "#db7093",
-  papayawhip: "#ffefd5",
-  peachpuff: "#ffdab9",
-  peru: "#cd853f",
-  pink: "#ffc0cb",
-  plum: "#dda0dd",
-  powderblue: "#b0e0e6",
-  purple: "#800080",
-  purple2: "#7f007f",
-  purple3: "#a020f0",
-  rebeccapurple: "#663399",
-  red: "#ff0000",
-  rosybrown: "#bc8f8f",
-  royalblue: "#4169e1",
-  saddlebrown: "#8b4513",
-  salmon: "#fa8072",
-  sandybrown: "#f4a460",
-  seagreen: "#2e8b57",
-  seashell: "#fff5ee",
-  sienna: "#a0522d",
-  silver: "#c0c0c0",
-  skyblue: "#87ceeb",
-  slateblue: "#6a5acd",
-  slategray: "#708090",
-  slategrey: "#708090",
-  snow: "#fffafa",
-  springgreen: "#00ff7f",
-  steelblue: "#4682b4",
-  tan: "#d2b48c",
-  teal: "#008080",
-  thistle: "#d8bfd8",
-  tomato: "#ff6347",
-  turquoise: "#40e0d0",
-  violet: "#ee82ee",
-  wheat: "#f5deb3",
-  white: "#ffffff",
-  whitesmoke: "#f5f5f5",
-  yellow: "#ffff00",
-  yellowgreen: "#9acd32"
-};
-var w3cx11_default = w3cx11;
-
-// node_modules/chroma-js/src/io/named/index.js
-Color_default.prototype.name = function() {
-  const hex = rgb2hex_default(this._rgb, "rgb");
-  for (let n of Object.keys(w3cx11_default)) {
-    if (w3cx11_default[n] === hex) return n.toLowerCase();
-  }
-  return hex;
-};
-input_default.format.named = (name) => {
-  name = name.toLowerCase();
-  if (w3cx11_default[name]) return hex2rgb_default(w3cx11_default[name]);
-  throw new Error("unknown color name: " + name);
-};
-input_default.autodetect.push({
-  p: 5,
-  test: (h, ...rest) => {
-    if (!rest.length && type_default(h) === "string" && w3cx11_default[h.toLowerCase()]) {
-      return "named";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/num/num2rgb.js
-var num2rgb = (num2) => {
-  if (type_default(num2) == "number" && num2 >= 0 && num2 <= 16777215) {
-    const r = num2 >> 16;
-    const g = num2 >> 8 & 255;
-    const b = num2 & 255;
-    return [r, g, b, 1];
-  }
-  throw new Error("unknown num color: " + num2);
-};
-var num2rgb_default = num2rgb;
-
-// node_modules/chroma-js/src/io/num/rgb2num.js
-var rgb2num = (...args) => {
-  const [r, g, b] = unpack_default(args, "rgb");
-  return (r << 16) + (g << 8) + b;
-};
-var rgb2num_default = rgb2num;
-
-// node_modules/chroma-js/src/io/num/index.js
-Color_default.prototype.num = function() {
-  return rgb2num_default(this._rgb);
-};
-chroma_default.num = (...args) => new Color_default(...args, "num");
-input_default.format.num = num2rgb_default;
-input_default.autodetect.push({
-  p: 5,
-  test: (...args) => {
-    if (args.length === 1 && type_default(args[0]) === "number" && args[0] >= 0 && args[0] <= 16777215) {
-      return "num";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/rgb/index.js
-var { round: round6 } = Math;
-Color_default.prototype.rgb = function(rnd2 = true) {
-  if (rnd2 === false) return this._rgb.slice(0, 3);
-  return this._rgb.slice(0, 3).map(round6);
-};
-Color_default.prototype.rgba = function(rnd2 = true) {
-  return this._rgb.slice(0, 4).map((v, i) => {
-    return i < 3 ? rnd2 === false ? v : round6(v) : v;
-  });
-};
-chroma_default.rgb = (...args) => new Color_default(...args, "rgb");
-input_default.format.rgb = (...args) => {
-  const rgba = unpack_default(args, "rgba");
-  if (rgba[3] === void 0) rgba[3] = 1;
-  return rgba;
-};
-input_default.autodetect.push({
-  p: 3,
-  test: (...args) => {
-    args = unpack_default(args, "rgba");
-    if (type_default(args) === "array" && (args.length === 3 || args.length === 4 && type_default(args[3]) == "number" && args[3] >= 0 && args[3] <= 1)) {
-      return "rgb";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/temp/temperature2rgb.js
-var { log } = Math;
-var temperature2rgb = (kelvin) => {
-  const temp = kelvin / 100;
-  let r, g, b;
-  if (temp < 66) {
-    r = 255;
-    g = temp < 6 ? 0 : -155.25485562709179 - 0.44596950469579133 * (g = temp - 2) + 104.49216199393888 * log(g);
-    b = temp < 20 ? 0 : -254.76935184120902 + 0.8274096064007395 * (b = temp - 10) + 115.67994401066147 * log(b);
-  } else {
-    r = 351.97690566805693 + 0.114206453784165 * (r = temp - 55) - 40.25366309332127 * log(r);
-    g = 325.4494125711974 + 0.07943456536662342 * (g = temp - 50) - 28.0852963507957 * log(g);
-    b = 255;
-  }
-  return [r, g, b, 1];
-};
-var temperature2rgb_default = temperature2rgb;
-
-// node_modules/chroma-js/src/io/temp/rgb2temperature.js
-var { round: round7 } = Math;
-var rgb2temperature = (...args) => {
-  const rgb2 = unpack_default(args, "rgb");
-  const r = rgb2[0], b = rgb2[2];
-  let minTemp = 1e3;
-  let maxTemp = 4e4;
-  const eps = 0.4;
-  let temp;
-  while (maxTemp - minTemp > eps) {
-    temp = (maxTemp + minTemp) * 0.5;
-    const rgb3 = temperature2rgb_default(temp);
-    if (rgb3[2] / rgb3[0] >= b / r) {
-      maxTemp = temp;
-    } else {
-      minTemp = temp;
-    }
-  }
-  return round7(temp);
-};
-var rgb2temperature_default = rgb2temperature;
-
-// node_modules/chroma-js/src/io/temp/index.js
-Color_default.prototype.temp = Color_default.prototype.kelvin = Color_default.prototype.temperature = function() {
-  return rgb2temperature_default(this._rgb);
-};
-chroma_default.temp = chroma_default.kelvin = chroma_default.temperature = (...args) => new Color_default(...args, "temp");
-input_default.format.temp = input_default.format.kelvin = input_default.format.temperature = temperature2rgb_default;
-
-// node_modules/chroma-js/src/io/oklab/oklab2rgb.js
-var { pow: pow3, sign } = Math;
-var oklab2rgb = (...args) => {
-  args = unpack_default(args, "lab");
-  const [L, a, b] = args;
-  const l = pow3(L + 0.3963377774 * a + 0.2158037573 * b, 3);
-  const m = pow3(L - 0.1055613458 * a - 0.0638541728 * b, 3);
-  const s = pow3(L - 0.0894841775 * a - 1.291485548 * b, 3);
-  return [
-    255 * lrgb2rgb(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
-    255 * lrgb2rgb(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
-    255 * lrgb2rgb(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),
-    args.length > 3 ? args[3] : 1
-  ];
-};
-var oklab2rgb_default = oklab2rgb;
-function lrgb2rgb(c) {
-  const abs3 = Math.abs(c);
-  if (abs3 > 31308e-7) {
-    return (sign(c) || 1) * (1.055 * pow3(abs3, 1 / 2.4) - 0.055);
-  }
-  return c * 12.92;
-}
-
-// node_modules/chroma-js/src/io/oklab/rgb2oklab.js
-var { cbrt, pow: pow4, sign: sign2 } = Math;
-var rgb2oklab = (...args) => {
-  const [r, g, b] = unpack_default(args, "rgb");
-  const [lr, lg, lb] = [
-    rgb2lrgb(r / 255),
-    rgb2lrgb(g / 255),
-    rgb2lrgb(b / 255)
-  ];
-  const l = cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
-  const m = cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
-  const s = cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
-  return [
-    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
-    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
-    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s
-  ];
-};
-var rgb2oklab_default = rgb2oklab;
-function rgb2lrgb(c) {
-  const abs3 = Math.abs(c);
-  if (abs3 < 0.04045) {
-    return c / 12.92;
-  }
-  return (sign2(c) || 1) * pow4((abs3 + 0.055) / 1.055, 2.4);
-}
-
-// node_modules/chroma-js/src/io/oklab/index.js
-Color_default.prototype.oklab = function() {
-  return rgb2oklab_default(this._rgb);
-};
-chroma_default.oklab = (...args) => new Color_default(...args, "oklab");
-input_default.format.oklab = oklab2rgb_default;
-input_default.autodetect.push({
-  p: 3,
-  test: (...args) => {
-    args = unpack_default(args, "oklab");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "oklab";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/io/oklch/oklch2rgb.js
-var oklch2rgb = (...args) => {
-  args = unpack_default(args, "lch");
-  const [l, c, h] = args;
-  const [L, a, b_] = lch2lab_default(l, c, h);
-  const [r, g, b] = oklab2rgb_default(L, a, b_);
-  return [r, g, b, args.length > 3 ? args[3] : 1];
-};
-var oklch2rgb_default = oklch2rgb;
-
-// node_modules/chroma-js/src/io/oklch/rgb2oklch.js
-var rgb2oklch = (...args) => {
-  const [r, g, b] = unpack_default(args, "rgb");
-  const [l, a, b_] = rgb2oklab_default(r, g, b);
-  return lab2lch_default(l, a, b_);
-};
-var rgb2oklch_default = rgb2oklch;
-
-// node_modules/chroma-js/src/io/oklch/index.js
-Color_default.prototype.oklch = function() {
-  return rgb2oklch_default(this._rgb);
-};
-chroma_default.oklch = (...args) => new Color_default(...args, "oklch");
-input_default.format.oklch = oklch2rgb_default;
-input_default.autodetect.push({
-  p: 3,
-  test: (...args) => {
-    args = unpack_default(args, "oklch");
-    if (type_default(args) === "array" && args.length === 3) {
-      return "oklch";
-    }
-  }
-});
-
-// node_modules/chroma-js/src/ops/alpha.js
-Color_default.prototype.alpha = function(a, mutate = false) {
-  if (a !== void 0 && type_default(a) === "number") {
-    if (mutate) {
-      this._rgb[3] = a;
-      return this;
-    }
-    return new Color_default([this._rgb[0], this._rgb[1], this._rgb[2], a], "rgb");
-  }
-  return this._rgb[3];
-};
-
-// node_modules/chroma-js/src/ops/clipped.js
-Color_default.prototype.clipped = function() {
-  return this._rgb._clipped || false;
-};
-
-// node_modules/chroma-js/src/ops/darken.js
-Color_default.prototype.darken = function(amount = 1) {
-  const me = this;
-  const lab2 = me.lab();
-  lab2[0] -= lab_constants_default.Kn * amount;
-  return new Color_default(lab2, "lab").alpha(me.alpha(), true);
-};
-Color_default.prototype.brighten = function(amount = 1) {
-  return this.darken(-amount);
-};
-Color_default.prototype.darker = Color_default.prototype.darken;
-Color_default.prototype.brighter = Color_default.prototype.brighten;
-
-// node_modules/chroma-js/src/ops/get.js
-Color_default.prototype.get = function(mc) {
-  const [mode, channel] = mc.split(".");
-  const src = this[mode]();
-  if (channel) {
-    const i = mode.indexOf(channel) - (mode.substr(0, 2) === "ok" ? 2 : 0);
-    if (i > -1) return src[i];
-    throw new Error(`unknown channel ${channel} in mode ${mode}`);
-  } else {
-    return src;
-  }
-};
-
-// node_modules/chroma-js/src/ops/luminance.js
-var { pow: pow5 } = Math;
-var EPS = 1e-7;
-var MAX_ITER = 20;
-Color_default.prototype.luminance = function(lum, mode = "rgb") {
-  if (lum !== void 0 && type_default(lum) === "number") {
-    if (lum === 0) {
-      return new Color_default([0, 0, 0, this._rgb[3]], "rgb");
-    }
-    if (lum === 1) {
-      return new Color_default([255, 255, 255, this._rgb[3]], "rgb");
-    }
-    let cur_lum = this.luminance();
-    let max_iter = MAX_ITER;
-    const test = (low, high) => {
-      const mid = low.interpolate(high, 0.5, mode);
-      const lm = mid.luminance();
-      if (Math.abs(lum - lm) < EPS || !max_iter--) {
-        return mid;
-      }
-      return lm > lum ? test(low, mid) : test(mid, high);
-    };
-    const rgb2 = (cur_lum > lum ? test(new Color_default([0, 0, 0]), this) : test(this, new Color_default([255, 255, 255]))).rgb();
-    return new Color_default([...rgb2, this._rgb[3]]);
-  }
-  return rgb2luminance(...this._rgb.slice(0, 3));
-};
-var rgb2luminance = (r, g, b) => {
-  r = luminance_x(r);
-  g = luminance_x(g);
-  b = luminance_x(b);
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-};
-var luminance_x = (x) => {
-  x /= 255;
-  return x <= 0.03928 ? x / 12.92 : pow5((x + 0.055) / 1.055, 2.4);
-};
-
-// node_modules/chroma-js/src/interpolator/index.js
-var interpolator_default = {};
-
-// node_modules/chroma-js/src/generator/mix.js
-var mix_default = (col1, col2, f = 0.5, ...rest) => {
-  let mode = rest[0] || "lrgb";
-  if (!interpolator_default[mode] && !rest.length) {
-    mode = Object.keys(interpolator_default)[0];
-  }
-  if (!interpolator_default[mode]) {
-    throw new Error(`interpolation mode ${mode} is not defined`);
-  }
-  if (type_default(col1) !== "object") col1 = new Color_default(col1);
-  if (type_default(col2) !== "object") col2 = new Color_default(col2);
-  return interpolator_default[mode](col1, col2, f).alpha(
-    col1.alpha() + f * (col2.alpha() - col1.alpha())
-  );
-};
-
-// node_modules/chroma-js/src/ops/mix.js
-Color_default.prototype.mix = Color_default.prototype.interpolate = function(col2, f = 0.5, ...rest) {
-  return mix_default(this, col2, f, ...rest);
-};
-
-// node_modules/chroma-js/src/ops/premultiply.js
-Color_default.prototype.premultiply = function(mutate = false) {
-  const rgb2 = this._rgb;
-  const a = rgb2[3];
-  if (mutate) {
-    this._rgb = [rgb2[0] * a, rgb2[1] * a, rgb2[2] * a, a];
-    return this;
-  } else {
-    return new Color_default([rgb2[0] * a, rgb2[1] * a, rgb2[2] * a, a], "rgb");
-  }
-};
-
-// node_modules/chroma-js/src/ops/saturate.js
-Color_default.prototype.saturate = function(amount = 1) {
-  const me = this;
-  const lch2 = me.lch();
-  lch2[1] += lab_constants_default.Kn * amount;
-  if (lch2[1] < 0) lch2[1] = 0;
-  return new Color_default(lch2, "lch").alpha(me.alpha(), true);
-};
-Color_default.prototype.desaturate = function(amount = 1) {
-  return this.saturate(-amount);
-};
-
-// node_modules/chroma-js/src/ops/set.js
-Color_default.prototype.set = function(mc, value, mutate = false) {
-  const [mode, channel] = mc.split(".");
-  const src = this[mode]();
-  if (channel) {
-    const i = mode.indexOf(channel) - (mode.substr(0, 2) === "ok" ? 2 : 0);
-    if (i > -1) {
-      if (type_default(value) == "string") {
-        switch (value.charAt(0)) {
-          case "+":
-            src[i] += +value;
-            break;
-          case "-":
-            src[i] += +value;
-            break;
-          case "*":
-            src[i] *= +value.substr(1);
-            break;
-          case "/":
-            src[i] /= +value.substr(1);
-            break;
-          default:
-            src[i] = +value;
-        }
-      } else if (type_default(value) === "number") {
-        src[i] = value;
-      } else {
-        throw new Error(`unsupported value for Color.set`);
-      }
-      const out = new Color_default(src, mode);
-      if (mutate) {
-        this._rgb = out._rgb;
-        return this;
-      }
-      return out;
-    }
-    throw new Error(`unknown channel ${channel} in mode ${mode}`);
-  } else {
-    return src;
-  }
-};
-
-// node_modules/chroma-js/src/ops/shade.js
-Color_default.prototype.tint = function(f = 0.5, ...rest) {
-  return mix_default(this, "white", f, ...rest);
-};
-Color_default.prototype.shade = function(f = 0.5, ...rest) {
-  return mix_default(this, "black", f, ...rest);
-};
-
-// node_modules/chroma-js/src/interpolator/rgb.js
-var rgb = (col1, col2, f) => {
-  const xyz0 = col1._rgb;
-  const xyz1 = col2._rgb;
-  return new Color_default(
-    xyz0[0] + f * (xyz1[0] - xyz0[0]),
-    xyz0[1] + f * (xyz1[1] - xyz0[1]),
-    xyz0[2] + f * (xyz1[2] - xyz0[2]),
-    "rgb"
-  );
-};
-interpolator_default.rgb = rgb;
-
-// node_modules/chroma-js/src/interpolator/lrgb.js
-var { sqrt: sqrt3, pow: pow6 } = Math;
-var lrgb = (col1, col2, f) => {
-  const [x1, y1, z1] = col1._rgb;
-  const [x2, y2, z2] = col2._rgb;
-  return new Color_default(
-    sqrt3(pow6(x1, 2) * (1 - f) + pow6(x2, 2) * f),
-    sqrt3(pow6(y1, 2) * (1 - f) + pow6(y2, 2) * f),
-    sqrt3(pow6(z1, 2) * (1 - f) + pow6(z2, 2) * f),
-    "rgb"
-  );
-};
-interpolator_default.lrgb = lrgb;
-
-// node_modules/chroma-js/src/interpolator/lab.js
-var lab = (col1, col2, f) => {
-  const xyz0 = col1.lab();
-  const xyz1 = col2.lab();
-  return new Color_default(
-    xyz0[0] + f * (xyz1[0] - xyz0[0]),
-    xyz0[1] + f * (xyz1[1] - xyz0[1]),
-    xyz0[2] + f * (xyz1[2] - xyz0[2]),
-    "lab"
-  );
-};
-interpolator_default.lab = lab;
-
-// node_modules/chroma-js/src/interpolator/_hsx.js
-var hsx_default = (col1, col2, f, m) => {
-  let xyz0, xyz1;
-  if (m === "hsl") {
-    xyz0 = col1.hsl();
-    xyz1 = col2.hsl();
-  } else if (m === "hsv") {
-    xyz0 = col1.hsv();
-    xyz1 = col2.hsv();
-  } else if (m === "hcg") {
-    xyz0 = col1.hcg();
-    xyz1 = col2.hcg();
-  } else if (m === "hsi") {
-    xyz0 = col1.hsi();
-    xyz1 = col2.hsi();
-  } else if (m === "lch" || m === "hcl") {
-    m = "hcl";
-    xyz0 = col1.hcl();
-    xyz1 = col2.hcl();
-  } else if (m === "oklch") {
-    xyz0 = col1.oklch().reverse();
-    xyz1 = col2.oklch().reverse();
-  }
-  let hue0, hue1, sat0, sat1, lbv0, lbv1;
-  if (m.substr(0, 1) === "h" || m === "oklch") {
-    [hue0, sat0, lbv0] = xyz0;
-    [hue1, sat1, lbv1] = xyz1;
-  }
-  let sat, hue, lbv, dh;
-  if (!isNaN(hue0) && !isNaN(hue1)) {
-    if (hue1 > hue0 && hue1 - hue0 > 180) {
-      dh = hue1 - (hue0 + 360);
-    } else if (hue1 < hue0 && hue0 - hue1 > 180) {
-      dh = hue1 + 360 - hue0;
-    } else {
-      dh = hue1 - hue0;
-    }
-    hue = hue0 + f * dh;
-  } else if (!isNaN(hue0)) {
-    hue = hue0;
-    if ((lbv1 == 1 || lbv1 == 0) && m != "hsv") sat = sat0;
-  } else if (!isNaN(hue1)) {
-    hue = hue1;
-    if ((lbv0 == 1 || lbv0 == 0) && m != "hsv") sat = sat1;
-  } else {
-    hue = Number.NaN;
-  }
-  if (sat === void 0) sat = sat0 + f * (sat1 - sat0);
-  lbv = lbv0 + f * (lbv1 - lbv0);
-  return m === "oklch" ? new Color_default([lbv, sat, hue], m) : new Color_default([hue, sat, lbv], m);
-};
-
-// node_modules/chroma-js/src/interpolator/lch.js
-var lch = (col1, col2, f) => {
-  return hsx_default(col1, col2, f, "lch");
-};
-interpolator_default.lch = lch;
-interpolator_default.hcl = lch;
-
-// node_modules/chroma-js/src/interpolator/num.js
-var num = (col1, col2, f) => {
-  const c1 = col1.num();
-  const c2 = col2.num();
-  return new Color_default(c1 + f * (c2 - c1), "num");
-};
-interpolator_default.num = num;
-
-// node_modules/chroma-js/src/interpolator/hcg.js
-var hcg = (col1, col2, f) => {
-  return hsx_default(col1, col2, f, "hcg");
-};
-interpolator_default.hcg = hcg;
-
-// node_modules/chroma-js/src/interpolator/hsi.js
-var hsi = (col1, col2, f) => {
-  return hsx_default(col1, col2, f, "hsi");
-};
-interpolator_default.hsi = hsi;
-
-// node_modules/chroma-js/src/interpolator/hsl.js
-var hsl = (col1, col2, f) => {
-  return hsx_default(col1, col2, f, "hsl");
-};
-interpolator_default.hsl = hsl;
-
-// node_modules/chroma-js/src/interpolator/hsv.js
-var hsv = (col1, col2, f) => {
-  return hsx_default(col1, col2, f, "hsv");
-};
-interpolator_default.hsv = hsv;
-
-// node_modules/chroma-js/src/interpolator/oklab.js
-var oklab = (col1, col2, f) => {
-  const xyz0 = col1.oklab();
-  const xyz1 = col2.oklab();
-  return new Color_default(
-    xyz0[0] + f * (xyz1[0] - xyz0[0]),
-    xyz0[1] + f * (xyz1[1] - xyz0[1]),
-    xyz0[2] + f * (xyz1[2] - xyz0[2]),
-    "oklab"
-  );
-};
-interpolator_default.oklab = oklab;
-
-// node_modules/chroma-js/src/interpolator/oklch.js
-var oklch = (col1, col2, f) => {
-  return hsx_default(col1, col2, f, "oklch");
-};
-interpolator_default.oklch = oklch;
-
-// node_modules/chroma-js/src/generator/average.js
-var { pow: pow7, sqrt: sqrt4, PI: PI2, cos: cos3, sin: sin2, atan2: atan22 } = Math;
-var average_default = (colors, mode = "lrgb", weights = null) => {
-  const l = colors.length;
-  if (!weights) weights = Array.from(new Array(l)).map(() => 1);
-  const k = l / weights.reduce(function(a, b) {
-    return a + b;
-  });
-  weights.forEach((w, i) => {
-    weights[i] *= k;
-  });
-  colors = colors.map((c) => new Color_default(c));
-  if (mode === "lrgb") {
-    return _average_lrgb(colors, weights);
-  }
-  const first = colors.shift();
-  const xyz = first.get(mode);
-  const cnt = [];
-  let dx = 0;
-  let dy = 0;
-  for (let i = 0; i < xyz.length; i++) {
-    xyz[i] = (xyz[i] || 0) * weights[0];
-    cnt.push(isNaN(xyz[i]) ? 0 : weights[0]);
-    if (mode.charAt(i) === "h" && !isNaN(xyz[i])) {
-      const A = xyz[i] / 180 * PI2;
-      dx += cos3(A) * weights[0];
-      dy += sin2(A) * weights[0];
-    }
-  }
-  let alpha = first.alpha() * weights[0];
-  colors.forEach((c, ci) => {
-    const xyz2 = c.get(mode);
-    alpha += c.alpha() * weights[ci + 1];
-    for (let i = 0; i < xyz.length; i++) {
-      if (!isNaN(xyz2[i])) {
-        cnt[i] += weights[ci + 1];
-        if (mode.charAt(i) === "h") {
-          const A = xyz2[i] / 180 * PI2;
-          dx += cos3(A) * weights[ci + 1];
-          dy += sin2(A) * weights[ci + 1];
-        } else {
-          xyz[i] += xyz2[i] * weights[ci + 1];
-        }
-      }
-    }
-  });
-  for (let i = 0; i < xyz.length; i++) {
-    if (mode.charAt(i) === "h") {
-      let A = atan22(dy / cnt[i], dx / cnt[i]) / PI2 * 180;
-      while (A < 0) A += 360;
-      while (A >= 360) A -= 360;
-      xyz[i] = A;
-    } else {
-      xyz[i] = xyz[i] / cnt[i];
-    }
-  }
-  alpha /= l;
-  return new Color_default(xyz, mode).alpha(alpha > 0.99999 ? 1 : alpha, true);
-};
-var _average_lrgb = (colors, weights) => {
-  const l = colors.length;
-  const xyz = [0, 0, 0, 0];
-  for (let i = 0; i < colors.length; i++) {
-    const col = colors[i];
-    const f = weights[i] / l;
-    const rgb2 = col._rgb;
-    xyz[0] += pow7(rgb2[0], 2) * f;
-    xyz[1] += pow7(rgb2[1], 2) * f;
-    xyz[2] += pow7(rgb2[2], 2) * f;
-    xyz[3] += rgb2[3] * f;
-  }
-  xyz[0] = sqrt4(xyz[0]);
-  xyz[1] = sqrt4(xyz[1]);
-  xyz[2] = sqrt4(xyz[2]);
-  if (xyz[3] > 0.9999999) xyz[3] = 1;
-  return new Color_default(clip_rgb_default(xyz));
-};
-
-// node_modules/chroma-js/src/generator/scale.js
-var { pow: pow8 } = Math;
-function scale_default(colors) {
-  let _mode = "rgb";
-  let _nacol = chroma_default("#ccc");
-  let _spread = 0;
-  let _domain = [0, 1];
-  let _pos = [];
-  let _padding = [0, 0];
-  let _classes = false;
-  let _colors = [];
-  let _out = false;
-  let _min = 0;
-  let _max = 1;
-  let _correctLightness = false;
-  let _colorCache = {};
-  let _useCache = true;
-  let _gamma = 1;
-  const setColors = function(colors2) {
-    colors2 = colors2 || ["#fff", "#000"];
-    if (colors2 && type_default(colors2) === "string" && chroma_default.brewer && chroma_default.brewer[colors2.toLowerCase()]) {
-      colors2 = chroma_default.brewer[colors2.toLowerCase()];
-    }
-    if (type_default(colors2) === "array") {
-      if (colors2.length === 1) {
-        colors2 = [colors2[0], colors2[0]];
-      }
-      colors2 = colors2.slice(0);
-      for (let c = 0; c < colors2.length; c++) {
-        colors2[c] = chroma_default(colors2[c]);
-      }
-      _pos.length = 0;
-      for (let c = 0; c < colors2.length; c++) {
-        _pos.push(c / (colors2.length - 1));
-      }
-    }
-    resetCache();
-    return _colors = colors2;
-  };
-  const getClass = function(value) {
-    if (_classes != null) {
-      const n = _classes.length - 1;
-      let i = 0;
-      while (i < n && value >= _classes[i]) {
-        i++;
-      }
-      return i - 1;
-    }
-    return 0;
-  };
-  let tMapLightness = (t) => t;
-  let tMapDomain = (t) => t;
-  const getColor = function(val, bypassMap) {
-    let col, t;
-    if (bypassMap == null) {
-      bypassMap = false;
-    }
-    if (isNaN(val) || val === null) {
-      return _nacol;
-    }
-    if (!bypassMap) {
-      if (_classes && _classes.length > 2) {
-        const c = getClass(val);
-        t = c / (_classes.length - 2);
-      } else if (_max !== _min) {
-        t = (val - _min) / (_max - _min);
-      } else {
-        t = 1;
-      }
-    } else {
-      t = val;
-    }
-    t = tMapDomain(t);
-    if (!bypassMap) {
-      t = tMapLightness(t);
-    }
-    if (_gamma !== 1) {
-      t = pow8(t, _gamma);
-    }
-    t = _padding[0] + t * (1 - _padding[0] - _padding[1]);
-    t = limit_default(t, 0, 1);
-    const k = Math.floor(t * 1e4);
-    if (_useCache && _colorCache[k]) {
-      col = _colorCache[k];
-    } else {
-      if (type_default(_colors) === "array") {
-        for (let i = 0; i < _pos.length; i++) {
-          const p = _pos[i];
-          if (t <= p) {
-            col = _colors[i];
-            break;
-          }
-          if (t >= p && i === _pos.length - 1) {
-            col = _colors[i];
-            break;
-          }
-          if (t > p && t < _pos[i + 1]) {
-            t = (t - p) / (_pos[i + 1] - p);
-            col = chroma_default.interpolate(
-              _colors[i],
-              _colors[i + 1],
-              t,
-              _mode
-            );
-            break;
-          }
-        }
-      } else if (type_default(_colors) === "function") {
-        col = _colors(t);
-      }
-      if (_useCache) {
-        _colorCache[k] = col;
-      }
-    }
-    return col;
-  };
-  var resetCache = () => _colorCache = {};
-  setColors(colors);
-  const f = function(v) {
-    const c = chroma_default(getColor(v));
-    if (_out && c[_out]) {
-      return c[_out]();
-    } else {
-      return c;
-    }
-  };
-  f.classes = function(classes) {
-    if (classes != null) {
-      if (type_default(classes) === "array") {
-        _classes = classes;
-        _domain = [classes[0], classes[classes.length - 1]];
-      } else {
-        const d = chroma_default.analyze(_domain);
-        if (classes === 0) {
-          _classes = [d.min, d.max];
-        } else {
-          _classes = chroma_default.limits(d, "e", classes);
-        }
-      }
-      return f;
-    }
-    return _classes;
-  };
-  f.domain = function(domain) {
-    if (!arguments.length) {
-      return _domain;
-    }
-    _min = domain[0];
-    _max = domain[domain.length - 1];
-    _pos = [];
-    const k = _colors.length;
-    if (domain.length === k && _min !== _max) {
-      for (let d of Array.from(domain)) {
-        _pos.push((d - _min) / (_max - _min));
-      }
-    } else {
-      for (let c = 0; c < k; c++) {
-        _pos.push(c / (k - 1));
-      }
-      if (domain.length > 2) {
-        const tOut = domain.map((d, i) => i / (domain.length - 1));
-        const tBreaks = domain.map((d) => (d - _min) / (_max - _min));
-        if (!tBreaks.every((val, i) => tOut[i] === val)) {
-          tMapDomain = (t) => {
-            if (t <= 0 || t >= 1) return t;
-            let i = 0;
-            while (t >= tBreaks[i + 1]) i++;
-            const f2 = (t - tBreaks[i]) / (tBreaks[i + 1] - tBreaks[i]);
-            const out = tOut[i] + f2 * (tOut[i + 1] - tOut[i]);
-            return out;
-          };
-        }
-      }
-    }
-    _domain = [_min, _max];
-    return f;
-  };
-  f.mode = function(_m) {
-    if (!arguments.length) {
-      return _mode;
-    }
-    _mode = _m;
-    resetCache();
-    return f;
-  };
-  f.range = function(colors2, _pos2) {
-    setColors(colors2);
-    return f;
-  };
-  f.out = function(_o) {
-    _out = _o;
-    return f;
-  };
-  f.spread = function(val) {
-    if (!arguments.length) {
-      return _spread;
-    }
-    _spread = val;
-    return f;
-  };
-  f.correctLightness = function(v) {
-    if (v == null) {
-      v = true;
-    }
-    _correctLightness = v;
-    resetCache();
-    if (_correctLightness) {
-      tMapLightness = function(t) {
-        const L0 = getColor(0, true).lab()[0];
-        const L1 = getColor(1, true).lab()[0];
-        const pol = L0 > L1;
-        let L_actual = getColor(t, true).lab()[0];
-        const L_ideal = L0 + (L1 - L0) * t;
-        let L_diff = L_actual - L_ideal;
-        let t0 = 0;
-        let t1 = 1;
-        let max_iter = 20;
-        while (Math.abs(L_diff) > 0.01 && max_iter-- > 0) {
-          (function() {
-            if (pol) {
-              L_diff *= -1;
-            }
-            if (L_diff < 0) {
-              t0 = t;
-              t += (t1 - t) * 0.5;
-            } else {
-              t1 = t;
-              t += (t0 - t) * 0.5;
-            }
-            L_actual = getColor(t, true).lab()[0];
-            return L_diff = L_actual - L_ideal;
-          })();
-        }
-        return t;
-      };
-    } else {
-      tMapLightness = (t) => t;
-    }
-    return f;
-  };
-  f.padding = function(p) {
-    if (p != null) {
-      if (type_default(p) === "number") {
-        p = [p, p];
-      }
-      _padding = p;
-      return f;
-    } else {
-      return _padding;
-    }
-  };
-  f.colors = function(numColors, out) {
-    if (arguments.length < 2) {
-      out = "hex";
-    }
-    let result = [];
-    if (arguments.length === 0) {
-      result = _colors.slice(0);
-    } else if (numColors === 1) {
-      result = [f(0.5)];
-    } else if (numColors > 1) {
-      const dm = _domain[0];
-      const dd = _domain[1] - dm;
-      result = __range__(0, numColors).map(
-        (i) => f(dm + i / (numColors - 1) * dd)
-      );
-    } else {
-      colors = [];
-      let samples = [];
-      if (_classes && _classes.length > 2) {
-        for (let i = 1, end = _classes.length, asc = 1 <= end; asc ? i < end : i > end; asc ? i++ : i--) {
-          samples.push((_classes[i - 1] + _classes[i]) * 0.5);
-        }
-      } else {
-        samples = _domain;
-      }
-      result = samples.map((v) => f(v));
-    }
-    if (chroma_default[out]) {
-      result = result.map((c) => c[out]());
-    }
-    return result;
-  };
-  f.cache = function(c) {
-    if (c != null) {
-      _useCache = c;
-      return f;
-    } else {
-      return _useCache;
-    }
-  };
-  f.gamma = function(g) {
-    if (g != null) {
-      _gamma = g;
-      return f;
-    } else {
-      return _gamma;
-    }
-  };
-  f.nodata = function(d) {
-    if (d != null) {
-      _nacol = chroma_default(d);
-      return f;
-    } else {
-      return _nacol;
-    }
-  };
-  return f;
-}
-function __range__(left, right, inclusive) {
-  let range = [];
-  let ascending = left < right;
-  let end = right ;
-  for (let i = left; ascending ? i < end : i > end; ascending ? i++ : i--) {
-    range.push(i);
-  }
-  return range;
-}
-
-// node_modules/chroma-js/src/generator/bezier.js
-var binom_row = function(n) {
-  let row = [1, 1];
-  for (let i = 1; i < n; i++) {
-    let newrow = [1];
-    for (let j = 1; j <= row.length; j++) {
-      newrow[j] = (row[j] || 0) + row[j - 1];
-    }
-    row = newrow;
-  }
-  return row;
-};
-var bezier = function(colors) {
-  let I, lab0, lab1, lab2;
-  colors = colors.map((c) => new Color_default(c));
-  if (colors.length === 2) {
-    [lab0, lab1] = colors.map((c) => c.lab());
-    I = function(t) {
-      const lab3 = [0, 1, 2].map((i) => lab0[i] + t * (lab1[i] - lab0[i]));
-      return new Color_default(lab3, "lab");
-    };
-  } else if (colors.length === 3) {
-    [lab0, lab1, lab2] = colors.map((c) => c.lab());
-    I = function(t) {
-      const lab3 = [0, 1, 2].map(
-        (i) => (1 - t) * (1 - t) * lab0[i] + 2 * (1 - t) * t * lab1[i] + t * t * lab2[i]
-      );
-      return new Color_default(lab3, "lab");
-    };
-  } else if (colors.length === 4) {
-    let lab3;
-    [lab0, lab1, lab2, lab3] = colors.map((c) => c.lab());
-    I = function(t) {
-      const lab4 = [0, 1, 2].map(
-        (i) => (1 - t) * (1 - t) * (1 - t) * lab0[i] + 3 * (1 - t) * (1 - t) * t * lab1[i] + 3 * (1 - t) * t * t * lab2[i] + t * t * t * lab3[i]
-      );
-      return new Color_default(lab4, "lab");
-    };
-  } else if (colors.length >= 5) {
-    let labs, row, n;
-    labs = colors.map((c) => c.lab());
-    n = colors.length - 1;
-    row = binom_row(n);
-    I = function(t) {
-      const u = 1 - t;
-      const lab3 = [0, 1, 2].map(
-        (i) => labs.reduce(
-          (sum, el, j) => sum + row[j] * u ** (n - j) * t ** j * el[i],
-          0
-        )
-      );
-      return new Color_default(lab3, "lab");
-    };
-  } else {
-    throw new RangeError("No point in running bezier with only one color.");
-  }
-  return I;
-};
-var bezier_default = (colors) => {
-  const f = bezier(colors);
-  f.scale = () => scale_default(f);
-  return f;
-};
-
-// node_modules/chroma-js/src/generator/blend.js
-var blend = (bottom, top, mode) => {
-  if (!blend[mode]) {
-    throw new Error("unknown blend mode " + mode);
-  }
-  return blend[mode](bottom, top);
-};
-var blend_f = (f) => (bottom, top) => {
-  const c0 = chroma_default(top).rgb();
-  const c1 = chroma_default(bottom).rgb();
-  return chroma_default.rgb(f(c0, c1));
-};
-var each = (f) => (c0, c1) => {
-  const out = [];
-  out[0] = f(c0[0], c1[0]);
-  out[1] = f(c0[1], c1[1]);
-  out[2] = f(c0[2], c1[2]);
-  return out;
-};
-var normal = (a) => a;
-var multiply = (a, b) => a * b / 255;
-var darken = (a, b) => a > b ? b : a;
-var lighten = (a, b) => a > b ? a : b;
-var screen = (a, b) => 255 * (1 - (1 - a / 255) * (1 - b / 255));
-var overlay = (a, b) => b < 128 ? 2 * a * b / 255 : 255 * (1 - 2 * (1 - a / 255) * (1 - b / 255));
-var burn = (a, b) => 255 * (1 - (1 - b / 255) / (a / 255));
-var dodge = (a, b) => {
-  if (a === 255) return 255;
-  a = 255 * (b / 255) / (1 - a / 255);
-  return a > 255 ? 255 : a;
-};
-blend.normal = blend_f(each(normal));
-blend.multiply = blend_f(each(multiply));
-blend.screen = blend_f(each(screen));
-blend.overlay = blend_f(each(overlay));
-blend.darken = blend_f(each(darken));
-blend.lighten = blend_f(each(lighten));
-blend.dodge = blend_f(each(dodge));
-blend.burn = blend_f(each(burn));
-var blend_default = blend;
-
-// node_modules/chroma-js/src/generator/cubehelix.js
-var { pow: pow9, sin: sin3, cos: cos4 } = Math;
-function cubehelix_default(start = 300, rotations = -1.5, hue = 1, gamma = 1, lightness = [0, 1]) {
-  let dh = 0, dl;
-  if (type_default(lightness) === "array") {
-    dl = lightness[1] - lightness[0];
-  } else {
-    dl = 0;
-    lightness = [lightness, lightness];
-  }
-  const f = function(fract) {
-    const a = TWOPI * ((start + 120) / 360 + rotations * fract);
-    const l = pow9(lightness[0] + dl * fract, gamma);
-    const h = dh !== 0 ? hue[0] + fract * dh : hue;
-    const amp = h * l * (1 - l) / 2;
-    const cos_a = cos4(a);
-    const sin_a = sin3(a);
-    const r = l + amp * (-0.14861 * cos_a + 1.78277 * sin_a);
-    const g = l + amp * (-0.29227 * cos_a - 0.90649 * sin_a);
-    const b = l + amp * (1.97294 * cos_a);
-    return chroma_default(clip_rgb_default([r * 255, g * 255, b * 255, 1]));
-  };
-  f.start = function(s) {
-    if (s == null) {
-      return start;
-    }
-    start = s;
-    return f;
-  };
-  f.rotations = function(r) {
-    if (r == null) {
-      return rotations;
-    }
-    rotations = r;
-    return f;
-  };
-  f.gamma = function(g) {
-    if (g == null) {
-      return gamma;
-    }
-    gamma = g;
-    return f;
-  };
-  f.hue = function(h) {
-    if (h == null) {
-      return hue;
-    }
-    hue = h;
-    if (type_default(hue) === "array") {
-      dh = hue[1] - hue[0];
-      if (dh === 0) {
-        hue = hue[1];
-      }
-    } else {
-      dh = 0;
-    }
-    return f;
-  };
-  f.lightness = function(h) {
-    if (h == null) {
-      return lightness;
-    }
-    if (type_default(h) === "array") {
-      lightness = h;
-      dl = h[1] - h[0];
-    } else {
-      lightness = [h, h];
-      dl = 0;
-    }
-    return f;
-  };
-  f.scale = () => chroma_default.scale(f);
-  f.hue(hue);
-  return f;
-}
-
-// node_modules/chroma-js/src/generator/random.js
-var digits = "0123456789abcdef";
-var { floor: floor3, random } = Math;
-var random_default = () => {
-  let code = "#";
-  for (let i = 0; i < 6; i++) {
-    code += digits.charAt(floor3(random() * 16));
-  }
-  return new Color_default(code, "hex");
-};
-
-// node_modules/chroma-js/src/utils/analyze.js
-var { log: log2, pow: pow10, floor: floor4, abs } = Math;
-function analyze(data, key = null) {
-  const r = {
-    min: Number.MAX_VALUE,
-    max: Number.MAX_VALUE * -1,
-    sum: 0,
-    values: [],
-    count: 0
-  };
-  if (type_default(data) === "object") {
-    data = Object.values(data);
-  }
-  data.forEach((val) => {
-    if (key && type_default(val) === "object") val = val[key];
-    if (val !== void 0 && val !== null && !isNaN(val)) {
-      r.values.push(val);
-      r.sum += val;
-      if (val < r.min) r.min = val;
-      if (val > r.max) r.max = val;
-      r.count += 1;
-    }
-  });
-  r.domain = [r.min, r.max];
-  r.limits = (mode, num2) => limits(r, mode, num2);
-  return r;
-}
-function limits(data, mode = "equal", num2 = 7) {
-  if (type_default(data) == "array") {
-    data = analyze(data);
-  }
-  const { min: min5, max: max5 } = data;
-  const values = data.values.sort((a, b) => a - b);
-  if (num2 === 1) {
-    return [min5, max5];
-  }
-  const limits2 = [];
-  if (mode.substr(0, 1) === "c") {
-    limits2.push(min5);
-    limits2.push(max5);
-  }
-  if (mode.substr(0, 1) === "e") {
-    limits2.push(min5);
-    for (let i = 1; i < num2; i++) {
-      limits2.push(min5 + i / num2 * (max5 - min5));
-    }
-    limits2.push(max5);
-  } else if (mode.substr(0, 1) === "l") {
-    if (min5 <= 0) {
-      throw new Error(
-        "Logarithmic scales are only possible for values > 0"
-      );
-    }
-    const min_log = Math.LOG10E * log2(min5);
-    const max_log = Math.LOG10E * log2(max5);
-    limits2.push(min5);
-    for (let i = 1; i < num2; i++) {
-      limits2.push(pow10(10, min_log + i / num2 * (max_log - min_log)));
-    }
-    limits2.push(max5);
-  } else if (mode.substr(0, 1) === "q") {
-    limits2.push(min5);
-    for (let i = 1; i < num2; i++) {
-      const p = (values.length - 1) * i / num2;
-      const pb = floor4(p);
-      if (pb === p) {
-        limits2.push(values[pb]);
-      } else {
-        const pr = p - pb;
-        limits2.push(values[pb] * (1 - pr) + values[pb + 1] * pr);
-      }
-    }
-    limits2.push(max5);
-  } else if (mode.substr(0, 1) === "k") {
-    let cluster;
-    const n = values.length;
-    const assignments = new Array(n);
-    const clusterSizes = new Array(num2);
-    let repeat = true;
-    let nb_iters = 0;
-    let centroids = null;
-    centroids = [];
-    centroids.push(min5);
-    for (let i = 1; i < num2; i++) {
-      centroids.push(min5 + i / num2 * (max5 - min5));
-    }
-    centroids.push(max5);
-    while (repeat) {
-      for (let j = 0; j < num2; j++) {
-        clusterSizes[j] = 0;
-      }
-      for (let i = 0; i < n; i++) {
-        const value = values[i];
-        let mindist = Number.MAX_VALUE;
-        let best;
-        for (let j = 0; j < num2; j++) {
-          const dist = abs(centroids[j] - value);
-          if (dist < mindist) {
-            mindist = dist;
-            best = j;
-          }
-          clusterSizes[best]++;
-          assignments[i] = best;
-        }
-      }
-      const newCentroids = new Array(num2);
-      for (let j = 0; j < num2; j++) {
-        newCentroids[j] = null;
-      }
-      for (let i = 0; i < n; i++) {
-        cluster = assignments[i];
-        if (newCentroids[cluster] === null) {
-          newCentroids[cluster] = values[i];
-        } else {
-          newCentroids[cluster] += values[i];
-        }
-      }
-      for (let j = 0; j < num2; j++) {
-        newCentroids[j] *= 1 / clusterSizes[j];
-      }
-      repeat = false;
-      for (let j = 0; j < num2; j++) {
-        if (newCentroids[j] !== centroids[j]) {
-          repeat = true;
-          break;
-        }
-      }
-      centroids = newCentroids;
-      nb_iters++;
-      if (nb_iters > 200) {
-        repeat = false;
-      }
-    }
-    const kClusters = {};
-    for (let j = 0; j < num2; j++) {
-      kClusters[j] = [];
-    }
-    for (let i = 0; i < n; i++) {
-      cluster = assignments[i];
-      kClusters[cluster].push(values[i]);
-    }
-    let tmpKMeansBreaks = [];
-    for (let j = 0; j < num2; j++) {
-      tmpKMeansBreaks.push(kClusters[j][0]);
-      tmpKMeansBreaks.push(kClusters[j][kClusters[j].length - 1]);
-    }
-    tmpKMeansBreaks = tmpKMeansBreaks.sort((a, b) => a - b);
-    limits2.push(tmpKMeansBreaks[0]);
-    for (let i = 1; i < tmpKMeansBreaks.length; i += 2) {
-      const v = tmpKMeansBreaks[i];
-      if (!isNaN(v) && limits2.indexOf(v) === -1) {
-        limits2.push(v);
-      }
-    }
-  }
-  return limits2;
-}
-
-// node_modules/chroma-js/src/utils/contrast.js
-var contrast_default = (a, b) => {
-  a = new Color_default(a);
-  b = new Color_default(b);
-  const l1 = a.luminance();
-  const l2 = b.luminance();
-  return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
-};
-
-// node_modules/chroma-js/src/utils/delta-e.js
-var { sqrt: sqrt5, pow: pow11, min: min4, max: max4, atan2: atan23, abs: abs2, cos: cos5, sin: sin4, exp, PI: PI3 } = Math;
-function delta_e_default(a, b, Kl = 1, Kc = 1, Kh = 1) {
-  var rad2deg = function(rad) {
-    return 360 * rad / (2 * PI3);
-  };
-  var deg2rad = function(deg) {
-    return 2 * PI3 * deg / 360;
-  };
-  a = new Color_default(a);
-  b = new Color_default(b);
-  const [L1, a1, b1] = Array.from(a.lab());
-  const [L2, a2, b2] = Array.from(b.lab());
-  const avgL = (L1 + L2) / 2;
-  const C1 = sqrt5(pow11(a1, 2) + pow11(b1, 2));
-  const C2 = sqrt5(pow11(a2, 2) + pow11(b2, 2));
-  const avgC = (C1 + C2) / 2;
-  const G = 0.5 * (1 - sqrt5(pow11(avgC, 7) / (pow11(avgC, 7) + pow11(25, 7))));
-  const a1p = a1 * (1 + G);
-  const a2p = a2 * (1 + G);
-  const C1p = sqrt5(pow11(a1p, 2) + pow11(b1, 2));
-  const C2p = sqrt5(pow11(a2p, 2) + pow11(b2, 2));
-  const avgCp = (C1p + C2p) / 2;
-  const arctan1 = rad2deg(atan23(b1, a1p));
-  const arctan2 = rad2deg(atan23(b2, a2p));
-  const h1p = arctan1 >= 0 ? arctan1 : arctan1 + 360;
-  const h2p = arctan2 >= 0 ? arctan2 : arctan2 + 360;
-  const avgHp = abs2(h1p - h2p) > 180 ? (h1p + h2p + 360) / 2 : (h1p + h2p) / 2;
-  const T = 1 - 0.17 * cos5(deg2rad(avgHp - 30)) + 0.24 * cos5(deg2rad(2 * avgHp)) + 0.32 * cos5(deg2rad(3 * avgHp + 6)) - 0.2 * cos5(deg2rad(4 * avgHp - 63));
-  let deltaHp = h2p - h1p;
-  deltaHp = abs2(deltaHp) <= 180 ? deltaHp : h2p <= h1p ? deltaHp + 360 : deltaHp - 360;
-  deltaHp = 2 * sqrt5(C1p * C2p) * sin4(deg2rad(deltaHp) / 2);
-  const deltaL = L2 - L1;
-  const deltaCp = C2p - C1p;
-  const sl = 1 + 0.015 * pow11(avgL - 50, 2) / sqrt5(20 + pow11(avgL - 50, 2));
-  const sc = 1 + 0.045 * avgCp;
-  const sh = 1 + 0.015 * avgCp * T;
-  const deltaTheta = 30 * exp(-pow11((avgHp - 275) / 25, 2));
-  const Rc = 2 * sqrt5(pow11(avgCp, 7) / (pow11(avgCp, 7) + pow11(25, 7)));
-  const Rt = -Rc * sin4(2 * deg2rad(deltaTheta));
-  const result = sqrt5(
-    pow11(deltaL / (Kl * sl), 2) + pow11(deltaCp / (Kc * sc), 2) + pow11(deltaHp / (Kh * sh), 2) + Rt * (deltaCp / (Kc * sc)) * (deltaHp / (Kh * sh))
-  );
-  return max4(0, min4(100, result));
-}
-
-// node_modules/chroma-js/src/utils/distance.js
-function distance_default(a, b, mode = "lab") {
-  a = new Color_default(a);
-  b = new Color_default(b);
-  const l1 = a.get(mode);
-  const l2 = b.get(mode);
-  let sum_sq = 0;
-  for (let i in l1) {
-    const d = (l1[i] || 0) - (l2[i] || 0);
-    sum_sq += d * d;
-  }
-  return Math.sqrt(sum_sq);
-}
-
-// node_modules/chroma-js/src/utils/valid.js
-var valid_default = (...args) => {
-  try {
-    new Color_default(...args);
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-// node_modules/chroma-js/src/utils/scales.js
-var scales_default = {
-  cool() {
-    return scale_default([chroma_default.hsl(180, 1, 0.9), chroma_default.hsl(250, 0.7, 0.4)]);
-  },
-  hot() {
-    return scale_default(["#000", "#f00", "#ff0", "#fff"]).mode(
-      "rgb"
-    );
-  }
-};
-
-// node_modules/chroma-js/src/colors/colorbrewer.js
-var colorbrewer = {
-  // sequential
-  OrRd: ["#fff7ec", "#fee8c8", "#fdd49e", "#fdbb84", "#fc8d59", "#ef6548", "#d7301f", "#b30000", "#7f0000"],
-  PuBu: ["#fff7fb", "#ece7f2", "#d0d1e6", "#a6bddb", "#74a9cf", "#3690c0", "#0570b0", "#045a8d", "#023858"],
-  BuPu: ["#f7fcfd", "#e0ecf4", "#bfd3e6", "#9ebcda", "#8c96c6", "#8c6bb1", "#88419d", "#810f7c", "#4d004b"],
-  Oranges: ["#fff5eb", "#fee6ce", "#fdd0a2", "#fdae6b", "#fd8d3c", "#f16913", "#d94801", "#a63603", "#7f2704"],
-  BuGn: ["#f7fcfd", "#e5f5f9", "#ccece6", "#99d8c9", "#66c2a4", "#41ae76", "#238b45", "#006d2c", "#00441b"],
-  YlOrBr: ["#ffffe5", "#fff7bc", "#fee391", "#fec44f", "#fe9929", "#ec7014", "#cc4c02", "#993404", "#662506"],
-  YlGn: ["#ffffe5", "#f7fcb9", "#d9f0a3", "#addd8e", "#78c679", "#41ab5d", "#238443", "#006837", "#004529"],
-  Reds: ["#fff5f0", "#fee0d2", "#fcbba1", "#fc9272", "#fb6a4a", "#ef3b2c", "#cb181d", "#a50f15", "#67000d"],
-  RdPu: ["#fff7f3", "#fde0dd", "#fcc5c0", "#fa9fb5", "#f768a1", "#dd3497", "#ae017e", "#7a0177", "#49006a"],
-  Greens: ["#f7fcf5", "#e5f5e0", "#c7e9c0", "#a1d99b", "#74c476", "#41ab5d", "#238b45", "#006d2c", "#00441b"],
-  YlGnBu: ["#ffffd9", "#edf8b1", "#c7e9b4", "#7fcdbb", "#41b6c4", "#1d91c0", "#225ea8", "#253494", "#081d58"],
-  Purples: ["#fcfbfd", "#efedf5", "#dadaeb", "#bcbddc", "#9e9ac8", "#807dba", "#6a51a3", "#54278f", "#3f007d"],
-  GnBu: ["#f7fcf0", "#e0f3db", "#ccebc5", "#a8ddb5", "#7bccc4", "#4eb3d3", "#2b8cbe", "#0868ac", "#084081"],
-  Greys: ["#ffffff", "#f0f0f0", "#d9d9d9", "#bdbdbd", "#969696", "#737373", "#525252", "#252525", "#000000"],
-  YlOrRd: ["#ffffcc", "#ffeda0", "#fed976", "#feb24c", "#fd8d3c", "#fc4e2a", "#e31a1c", "#bd0026", "#800026"],
-  PuRd: ["#f7f4f9", "#e7e1ef", "#d4b9da", "#c994c7", "#df65b0", "#e7298a", "#ce1256", "#980043", "#67001f"],
-  Blues: ["#f7fbff", "#deebf7", "#c6dbef", "#9ecae1", "#6baed6", "#4292c6", "#2171b5", "#08519c", "#08306b"],
-  PuBuGn: ["#fff7fb", "#ece2f0", "#d0d1e6", "#a6bddb", "#67a9cf", "#3690c0", "#02818a", "#016c59", "#014636"],
-  Viridis: ["#440154", "#482777", "#3f4a8a", "#31678e", "#26838f", "#1f9d8a", "#6cce5a", "#b6de2b", "#fee825"],
-  // diverging
-  Spectral: ["#9e0142", "#d53e4f", "#f46d43", "#fdae61", "#fee08b", "#ffffbf", "#e6f598", "#abdda4", "#66c2a5", "#3288bd", "#5e4fa2"],
-  RdYlGn: ["#a50026", "#d73027", "#f46d43", "#fdae61", "#fee08b", "#ffffbf", "#d9ef8b", "#a6d96a", "#66bd63", "#1a9850", "#006837"],
-  RdBu: ["#67001f", "#b2182b", "#d6604d", "#f4a582", "#fddbc7", "#f7f7f7", "#d1e5f0", "#92c5de", "#4393c3", "#2166ac", "#053061"],
-  PiYG: ["#8e0152", "#c51b7d", "#de77ae", "#f1b6da", "#fde0ef", "#f7f7f7", "#e6f5d0", "#b8e186", "#7fbc41", "#4d9221", "#276419"],
-  PRGn: ["#40004b", "#762a83", "#9970ab", "#c2a5cf", "#e7d4e8", "#f7f7f7", "#d9f0d3", "#a6dba0", "#5aae61", "#1b7837", "#00441b"],
-  RdYlBu: ["#a50026", "#d73027", "#f46d43", "#fdae61", "#fee090", "#ffffbf", "#e0f3f8", "#abd9e9", "#74add1", "#4575b4", "#313695"],
-  BrBG: ["#543005", "#8c510a", "#bf812d", "#dfc27d", "#f6e8c3", "#f5f5f5", "#c7eae5", "#80cdc1", "#35978f", "#01665e", "#003c30"],
-  RdGy: ["#67001f", "#b2182b", "#d6604d", "#f4a582", "#fddbc7", "#ffffff", "#e0e0e0", "#bababa", "#878787", "#4d4d4d", "#1a1a1a"],
-  PuOr: ["#7f3b08", "#b35806", "#e08214", "#fdb863", "#fee0b6", "#f7f7f7", "#d8daeb", "#b2abd2", "#8073ac", "#542788", "#2d004b"],
-  // qualitative
-  Set2: ["#66c2a5", "#fc8d62", "#8da0cb", "#e78ac3", "#a6d854", "#ffd92f", "#e5c494", "#b3b3b3"],
-  Accent: ["#7fc97f", "#beaed4", "#fdc086", "#ffff99", "#386cb0", "#f0027f", "#bf5b17", "#666666"],
-  Set1: ["#e41a1c", "#377eb8", "#4daf4a", "#984ea3", "#ff7f00", "#ffff33", "#a65628", "#f781bf", "#999999"],
-  Set3: ["#8dd3c7", "#ffffb3", "#bebada", "#fb8072", "#80b1d3", "#fdb462", "#b3de69", "#fccde5", "#d9d9d9", "#bc80bd", "#ccebc5", "#ffed6f"],
-  Dark2: ["#1b9e77", "#d95f02", "#7570b3", "#e7298a", "#66a61e", "#e6ab02", "#a6761d", "#666666"],
-  Paired: ["#a6cee3", "#1f78b4", "#b2df8a", "#33a02c", "#fb9a99", "#e31a1c", "#fdbf6f", "#ff7f00", "#cab2d6", "#6a3d9a", "#ffff99", "#b15928"],
-  Pastel2: ["#b3e2cd", "#fdcdac", "#cbd5e8", "#f4cae4", "#e6f5c9", "#fff2ae", "#f1e2cc", "#cccccc"],
-  Pastel1: ["#fbb4ae", "#b3cde3", "#ccebc5", "#decbe4", "#fed9a6", "#ffffcc", "#e5d8bd", "#fddaec", "#f2f2f2"]
-};
-for (let key of Object.keys(colorbrewer)) {
-  colorbrewer[key.toLowerCase()] = colorbrewer[key];
-}
-var colorbrewer_default = colorbrewer;
-
-// node_modules/chroma-js/index.js
-Object.assign(chroma_default, {
-  average: average_default,
-  bezier: bezier_default,
-  blend: blend_default,
-  cubehelix: cubehelix_default,
-  mix: mix_default,
-  interpolate: mix_default,
-  random: random_default,
-  scale: scale_default,
-  analyze,
-  contrast: contrast_default,
-  deltaE: delta_e_default,
-  distance: distance_default,
-  limits,
-  valid: valid_default,
-  scales: scales_default,
-  input: input_default,
-  colors: w3cx11_default,
-  brewer: colorbrewer_default
-});
-var chroma_js_default = chroma_default;
-
-// src/palette/use-palette.ts
-var import_lodash = __toESM(require_lodash());
-var delta = { xs: 0.01, sm: 0.02, md: 0.03, lg: 0.08, xl: 0.14 };
-var normalizeHue = (input, range) => (input % range + range) % range;
-var markDarkColor = (color) => {
-  const hsv2 = chroma_js_default(color).hsv();
-  return chroma_js_default(hsv2[0], hsv2[1] * 0.92, Math.min(hsv2[2] + 0.01, 1), "hsv").hex();
-};
-var calculateHue = (color, end, defaultValue) => {
-  const interval = end - defaultValue;
-  let offset;
-  if (end <= defaultValue) {
-    if (color[0] > 80 && color[0] < 260) {
-      offset = interval * delta.xs;
-    } else {
-      offset = -interval * delta.sm;
-    }
-  } else if (color[0] > 20 && color[0] < 48) {
-    offset = -interval * delta.md;
-  } else if (color[0] >= 48 && color[0] < 260) {
-    offset = interval * delta.xs;
-  } else {
-    offset = -interval * delta.sm;
-  }
-  return normalizeHue(color[0] + offset, 360);
-};
-var calculateSaturation = (hsv2, range, max5) => {
-  const interval = (range - max5) / 100;
-  let offset = 0;
-  if (range < max5) {
-    offset = interval * hsv2[1] / 5;
-    if (range < 100) {
-      offset -= delta.sm;
-    }
-  } else if (range > max5) {
-    if (hsv2[0] < 30 || hsv2[0] > 200) {
-      offset = interval * delta.md;
-    } else {
-      offset = interval * delta.xs;
-    }
-    if (hsv2[1] === 0) {
-      offset = 0;
-    }
-  }
-  const newSaturation = hsv2[1] + offset;
-  return newSaturation > 1 ? 1 : newSaturation < 0 ? 0 : newSaturation;
-};
-var calculateLightness = (hsv2, range, max5) => {
-  const interval = (range - max5) / 100;
-  let offset = 0;
-  if (range < max5) {
-    if (hsv2[1] < 0.1) {
-      offset = interval * (1 - hsv2[2]) / 5 * 1.06;
-    } else {
-      offset = interval * (1 - hsv2[2]) / 5;
-    }
-  } else if (range > max5) {
-    if ((hsv2[0] < 30 || hsv2[0] > 200) && hsv2[0] > 0) {
-      offset = interval * delta.lg;
-      if (hsv2[2] > 0.8) {
-        offset = interval * delta.xl;
-      }
-    } else {
-      offset = interval * hsv2[2] / 6;
-    }
-  }
-  const newLightness = hsv2[2] - offset;
-  return newLightness > 1 ? 1 : newLightness < 0 ? 0 : newLightness;
-};
-
-// src/palette/use-palette.ts
-var COLOR_STOPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
-var createSolidColorScale = (color, mode = "light") => {
-  const isDark = mode === "dark";
-  let baseColor = isDark ? markDarkColor(color) : color;
-  const luminance = chroma_js_default(baseColor).luminance();
-  if (luminance < 0.1) {
-    baseColor = chroma_js_default(baseColor).set("hsl.l", 0.4).hex();
-  } else if (luminance > 0.9) {
-    baseColor = chroma_js_default(baseColor).set("hsl.l", 0.6).hex();
-  }
-  const hsv2 = chroma_js_default(baseColor).hsv();
-  const colors = COLOR_STOPS.map((stop) => {
-    const h = calculateHue(hsv2, stop, 500);
-    const s = calculateSaturation(hsv2, stop, 500);
-    const v = calculateLightness(hsv2, stop, 500);
-    return chroma_js_default(h, s, v, "hsv");
-  });
-  return isDark ? colors.reverse() : colors;
-};
-var genTailwindTheme = (color) => {
-  const lightColors = createSolidColorScale(color, "light");
-  const darkColors = createSolidColorScale(color, "dark");
-  const twColors = {};
-  ["monkeys", "monkeys-dark"].forEach((name, i) => {
-    const colors = {};
-    if (!i) {
-      lightColors.map(
-        (it, stopIndex) => Object.assign(colors, {
-          [COLOR_STOPS[stopIndex]]: it.rgb().join(" ")
-        })
-      );
-    } else {
-      darkColors.map(
-        (it, stopIndex) => Object.assign(colors, {
-          [COLOR_STOPS[stopIndex]]: it.rgb().join(" ")
-        })
-      );
-    }
-    Object.assign(twColors, { [name]: colors });
-  });
-  return twColors;
-};
-var setTailwindTheme = (0, import_lodash.debounce)((color) => {
-  const twColors = genTailwindTheme(color);
-  let styles = "";
-  Object.entries(twColors).forEach(([colorName, colorValues]) => {
-    styles += (colorName === "monkeys-dark" ? ".dark" : ":root,::selection") + "{";
-    Object.entries(colorValues).forEach(([stop, color2]) => {
-      styles += `--monkeys-${stop}:${color2};`;
-    });
-    styles += "}";
-  });
-  const themeDOM = document.getElementById("monkeys-theme");
-  if (!themeDOM) {
-    const newThemeDOM = document.createElement("style");
-    newThemeDOM.id = "monkeys-theme";
-    document.head.appendChild(newThemeDOM);
-    newThemeDOM.innerHTML = styles;
-  } else {
-    themeDOM.innerHTML = styles;
-  }
-}, 64);
-
-// src/palette/use-neocard-palette.ts
-var import_lodash2 = __toESM(require_lodash());
-var setNeocardTheme = (0, import_lodash2.debounce)((colors) => {
-  let lightColor;
-  let darkColor;
-  if (typeof colors === "string") {
-    lightColor = colors;
-    darkColor = colors;
-  } else {
-    lightColor = colors.light;
-    darkColor = colors.dark;
-  }
-  const styles = `
-    :root {
-      --neocard: ${lightColor};
-    }
-    .dark {
-      --neocard: ${darkColor};
-    }
-  `;
-  const themeDOM = document.getElementById("monkeys-neocard-theme");
-  if (!themeDOM) {
-    const newThemeDOM = document.createElement("style");
-    newThemeDOM.id = "monkeys-neocard-theme";
-    document.head.appendChild(newThemeDOM);
-    newThemeDOM.innerHTML = styles;
-  } else {
-    themeDOM.innerHTML = styles;
-  }
-}, 64);
-
-// src/components/base/utils.ts
-function cn(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-function hasRenderableNode(node) {
-  return node !== void 0 && node !== null && typeof node !== "boolean";
-}
+}, 64);
+function cn(...parts) {
+  return tailwindMerge.twMerge(parts.filter(Boolean).join(" "));
+}
 
 // src/components/base/theme.ts
 var emptyStyles = {};
@@ -8232,9 +5732,9 @@ var baseSlots = {
   ),
   buttonDefault: "border-border bg-background text-foreground hover:bg-accent/60",
   buttonPrimary: "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15",
-  buttonSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/15",
+  buttonSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 hover:bg-emerald-500/15",
   buttonWarning: "border-amber-500/30 bg-amber-500/10 text-amber-700 hover:bg-amber-500/15",
-  buttonDanger: "border-destructive/20 bg-destructive/10 text-destructive hover:bg-destructive/15",
+  buttonDanger: "border-destructive/20 bg-destructive/10 text-destructive-text hover:bg-destructive/15",
   buttonMuted: "border-border/60 bg-muted/45 text-muted-foreground hover:bg-muted/70 hover:text-foreground",
   buttonActive: "border-primary/35 bg-primary/10 text-primary",
   buttonDisabled: "!cursor-not-allowed opacity-60",
@@ -8249,10 +5749,101 @@ var baseSlots = {
   badgePrimary: "border-primary/30 bg-primary/10 text-primary",
   badgeSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700",
   badgeWarning: "border-amber-500/30 bg-amber-500/10 text-amber-700",
-  badgeDanger: "border-destructive/30 bg-destructive/10 text-destructive",
+  badgeDanger: "border-destructive/30 bg-destructive/10 text-destructive-text",
   badgeMuted: "border-border/60 bg-muted text-muted-foreground",
   badgeIcon: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center",
   badgeLabel: "min-w-0 truncate",
+  textRoot: "min-w-0 break-words leading-6",
+  textSizeXs: "text-xs",
+  textSizeSm: "text-sm",
+  textSizeMd: "text-base",
+  textSizeLg: "text-lg",
+  textSizeXl: "text-xl",
+  typographyToneDefault: "text-foreground",
+  typographyToneMuted: "text-muted-foreground",
+  typographyTonePrimary: "text-primary",
+  typographyToneSuccess: "text-emerald-700 dark:text-emerald-400",
+  typographyToneWarning: "text-amber-700 dark:text-amber-400",
+  typographyToneDanger: "text-destructive-text",
+  typographyToneInherit: "text-inherit",
+  headingRoot: "min-w-0 break-words font-semibold tracking-tight",
+  headingSizeXs: "text-sm leading-5",
+  headingSizeSm: "text-base leading-6",
+  headingSizeMd: "text-lg leading-7",
+  headingSizeLg: "text-xl leading-7",
+  headingSizeXl: "text-2xl leading-8",
+  headingSize2xl: "text-3xl leading-9",
+  linkRoot: "inline break-words underline decoration-current/40 underline-offset-4 hover:decoration-current focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+  codeInline: "rounded border border-border/70 bg-muted/60 px-1.5 py-0.5 font-mono text-[0.875em] leading-[1.45] text-foreground",
+  codeBlock: "m-0 max-w-full overflow-x-auto rounded-md border border-border/70 bg-muted/60 p-4 text-foreground",
+  codeContent: "font-mono text-sm leading-6",
+  kbdRoot: "inline-flex min-h-5 items-center rounded border border-border bg-muted/70 px-1.5 font-mono text-[0.75em] font-medium leading-5 text-foreground shadow-[inset_0_-1px_0_hsl(var(--monkeys-color-border))]",
+  listRoot: "m-0 min-w-0 list-outside break-words ps-5 text-foreground",
+  listSpacingCompact: "[&>li+li]:mt-1",
+  listSpacingDefault: "[&>li+li]:mt-2",
+  listSpacingRelaxed: "[&>li+li]:mt-3",
+  listMarkerNone: "list-none ps-0",
+  listMarkerDisc: "list-disc",
+  listMarkerCircle: "list-[circle]",
+  listMarkerSquare: "list-[square]",
+  listMarkerDecimal: "list-decimal",
+  listMarkerLowerAlpha: "list-[lower-alpha]",
+  listMarkerUpperAlpha: "list-[upper-alpha]",
+  listItem: "min-w-0 ps-1 leading-6 marker:text-muted-foreground",
+  stackRoot: "flex min-w-0 flex-col",
+  inlineRoot: "flex min-w-0 flex-row",
+  gridRoot: "grid min-w-0",
+  containerRoot: "mx-auto w-full min-w-0",
+  aspectRatioRoot: "relative min-w-0 overflow-hidden [&>*]:h-full [&>*]:w-full",
+  spinnerRoot: "inline-flex shrink-0 items-center justify-center text-current align-middle",
+  spinnerIndicator: "h-5 w-5 rounded-full border-2 border-current border-r-transparent motion-safe:animate-spin motion-reduce:animate-none",
+  visuallyHiddenRoot: "sr-only",
+  visuallyHiddenFocusable: "focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[1000] focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-foreground focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-ring focus-within:not-sr-only focus-within:fixed focus-within:left-4 focus-within:top-4 focus-within:z-[1000] focus-within:rounded-md focus-within:bg-background focus-within:px-4 focus-within:py-2 focus-within:text-foreground focus-within:shadow-lg focus-within:ring-2 focus-within:ring-ring",
+  fieldsetRoot: "min-w-0 border-0 p-0 text-foreground",
+  fieldsetLegend: "min-w-0 text-sm font-semibold leading-6 text-foreground",
+  fieldsetDescription: "mt-1 text-sm leading-5 text-muted-foreground",
+  fieldsetError: "mt-1 text-sm leading-5 text-destructive-text",
+  fieldsetContent: "mt-3 grid min-w-0 gap-3",
+  stepsRoot: "m-0 min-w-0 list-none p-0 text-foreground",
+  stepsHorizontal: "flex w-full max-w-full items-start overflow-x-auto pb-2",
+  stepsVertical: "grid",
+  stepsItem: "relative min-w-0",
+  stepsItemHorizontal: "flex min-w-52 flex-1 items-start",
+  stepsItemVertical: "pb-6 last:pb-0",
+  stepsTrigger: "flex min-w-0 flex-1 items-start gap-3 rounded-md border-0 bg-transparent p-1 text-start text-inherit",
+  stepsTriggerInteractive: "cursor-pointer hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  stepsTriggerDisabled: "!cursor-not-allowed opacity-60",
+  stepsIndicator: "relative z-[1] inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border text-xs font-semibold",
+  stepsIndicatorPending: "border-border bg-background text-muted-foreground",
+  stepsIndicatorCurrent: "border-primary/50 bg-primary/10 text-primary",
+  stepsIndicatorCompleted: "border-primary bg-primary text-primary-foreground",
+  stepsIndicatorError: "border-destructive bg-destructive text-destructive-foreground",
+  stepsContent: "grid min-w-0 gap-1 pt-0.5",
+  stepsLabel: "min-w-0 break-words text-sm font-medium leading-5",
+  stepsDescription: "min-w-0 break-words text-sm leading-5 text-muted-foreground",
+  stepsStatus: "sr-only",
+  stepsConnector: "shrink-0 bg-border",
+  stepsConnectorHorizontal: "mt-3.5 h-px w-8",
+  stepsConnectorVertical: "absolute bottom-0 top-8 start-3.5 w-px -translate-x-1/2",
+  stepsConnectorCompleted: "bg-primary/60",
+  stepsConnectorError: "bg-destructive/60",
+  scrollAreaViewport: "min-h-0 min-w-0",
+  numberInputControl: "tabular-nums",
+  numberInputStepControls: "me-1 flex shrink-0 self-stretch overflow-hidden border-s border-border",
+  numberInputStepButton: "flex min-h-6 w-7 cursor-pointer items-center justify-center border-0 bg-transparent px-1 text-xs leading-none text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:z-[1] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:!cursor-not-allowed disabled:opacity-40",
+  passwordInputControl: "pe-2",
+  passwordInputToggle: "me-1 inline-flex min-h-7 shrink-0 cursor-pointer items-center justify-center rounded px-2 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:!cursor-not-allowed disabled:opacity-40",
+  inputGroupRoot: cn(
+    "relative flex min-w-0 items-stretch overflow-hidden rounded-md border border-border bg-background text-foreground focus-within:border-primary/50 focus-within:ring-2 focus-within:ring-ring/30",
+    motionBase
+  ),
+  inputGroupInvalid: "border-destructive/55 focus-within:border-destructive/70 focus-within:ring-destructive/25",
+  inputGroupDisabled: "!cursor-not-allowed bg-muted/35",
+  inputGroupContent: "flex min-w-0 flex-1 items-stretch [&>*]:min-w-0",
+  inputGroupStartElement: "inline-flex shrink-0 items-center justify-center ps-3 pe-1 text-foreground/75",
+  inputGroupEndElement: "inline-flex shrink-0 items-center justify-center ps-1 pe-3 text-foreground/75",
+  inputGroupStartAddon: "inline-flex max-w-[min(40%,16rem)] shrink-0 items-center overflow-hidden border-e border-border bg-muted/60 px-3 text-sm text-foreground/75 text-ellipsis whitespace-nowrap [&>*]:min-w-0",
+  inputGroupEndAddon: "inline-flex max-w-[min(40%,16rem)] shrink-0 items-center overflow-hidden border-s border-border bg-muted/60 px-3 text-sm text-foreground/75 text-ellipsis whitespace-nowrap [&>*]:min-w-0",
   panelRoot: cn(
     "group relative flex min-w-0 flex-col overflow-hidden rounded-lg border border-border/70 bg-background",
     motionInteractive
@@ -8275,11 +5866,11 @@ var baseSlots = {
   stateTitle: "text-sm font-semibold text-foreground",
   stateDescription: "mt-2 max-w-md text-sm leading-6 text-muted-foreground",
   stateActions: "mt-5 flex flex-wrap items-center justify-center gap-2",
-  loadingSpinner: "h-5 w-5 animate-spin",
+  loadingSpinner: "h-5 w-5 motion-safe:animate-spin motion-reduce:animate-none",
   fieldRoot: "grid min-w-0 gap-2",
   fieldLabelRow: "flex min-w-0 items-center justify-between gap-3",
   fieldLabel: "min-w-0 text-sm font-medium leading-none text-foreground",
-  fieldRequired: "text-destructive",
+  fieldRequired: "text-destructive-text",
   fieldDescription: "text-sm leading-5 text-muted-foreground",
   fieldMessage: "text-sm leading-5 text-muted-foreground",
   fieldControl: "min-w-0",
@@ -8359,9 +5950,9 @@ var baseSlots = {
   dialogTrigger: "",
   dialogTriggerDisabled: "!cursor-not-allowed opacity-60",
   dialogOverlay: "fixed inset-0 z-50 bg-background/70 backdrop-blur-sm motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
-  dialogContent: "fixed inset-0 z-50 flex min-h-0 items-center justify-center p-4",
+  dialogContent: "pointer-events-none fixed inset-0 z-50 flex min-h-0 items-center justify-center p-4",
   dialogPanel: cn(
-    "relative flex max-h-[min(85vh,720px)] w-full max-w-lg min-w-0 flex-col overflow-hidden rounded-lg border border-border/70 bg-background text-foreground shadow-xl",
+    "pointer-events-auto relative flex max-h-[min(85vh,720px)] w-full max-w-lg min-w-0 flex-col overflow-hidden rounded-lg border border-border/70 bg-background text-foreground shadow-xl",
     "motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-95 motion-safe:duration-300 motion-safe:ease-out"
   ),
   dialogHeader: "grid min-w-0 gap-1 border-b border-border/60 px-5 py-4",
@@ -8376,17 +5967,17 @@ var baseSlots = {
   dropdownRoot: "relative inline-flex min-w-0",
   dropdownTrigger: "",
   dropdownTriggerDisabled: "!cursor-not-allowed opacity-60",
-  dropdownMenu: "absolute left-0 top-[calc(100%+0.375rem)] z-50 min-w-48 overflow-hidden rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  dropdownMenu: "z-50 min-w-48 overflow-hidden rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
   dropdownMenuTop: "bottom-[calc(100%+0.375rem)] top-auto",
   dropdownMenuEnd: "left-auto right-0",
   dropdownLabel: "px-2.5 py-1.5 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground",
   dropdownSeparator: "my-1 h-px bg-border/70",
   dropdownItem: cn(
-    "flex min-w-0 cursor-pointer items-center gap-2 rounded-sm px-2.5 py-2 text-left text-sm text-foreground hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+    "flex min-w-0 cursor-pointer items-center gap-2 rounded-sm px-2.5 py-2 text-left text-sm text-foreground hover:bg-accent/60 focus:bg-accent/60 data-[highlighted]:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
     motionInteractive
   ),
-  dropdownItemDanger: "text-destructive hover:bg-destructive/10",
-  dropdownItemDisabled: "!cursor-not-allowed opacity-50 hover:bg-transparent",
+  dropdownItemDanger: "text-destructive-text hover:bg-destructive/10 focus:bg-destructive/10 data-[highlighted]:bg-destructive/10",
+  dropdownItemDisabled: "!cursor-not-allowed opacity-50 hover:bg-transparent focus:bg-transparent data-[highlighted]:bg-transparent",
   dropdownItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
   dropdownItemContent: "grid min-w-0 flex-1 gap-0.5",
   dropdownItemLabel: "min-w-0 truncate",
@@ -8394,7 +5985,7 @@ var baseSlots = {
   dropdownItemShortcut: "ml-3 shrink-0 text-xs font-medium text-muted-foreground",
   tooltipRoot: "relative inline-flex min-w-0",
   tooltipTrigger: "inline-flex min-w-0",
-  tooltipContent: "pointer-events-none absolute z-50 max-w-xs rounded-md border border-border bg-popover px-2.5 py-1.5 text-xs leading-5 text-popover-foreground shadow-lg motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  tooltipContent: "pointer-events-none z-50 max-w-xs rounded-md border border-border bg-popover px-2.5 py-1.5 text-xs leading-5 text-popover-foreground shadow-lg motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
   noticeBase: cn(
     "flex min-w-0 gap-3 rounded-lg border px-4 py-3 text-sm",
     motionBase,
@@ -8404,7 +5995,7 @@ var baseSlots = {
   noticePrimary: "border-primary/25 bg-primary/10 text-primary",
   noticeSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700",
   noticeWarning: "border-amber-500/30 bg-amber-500/10 text-amber-700",
-  noticeDanger: "border-destructive/30 bg-destructive/10 text-destructive",
+  noticeDanger: "border-destructive/30 bg-destructive/10 text-destructive-text",
   noticeMuted: "border-border/60 bg-muted/35 text-muted-foreground",
   noticeIcon: "mt-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center motion-safe:animate-in motion-safe:fade-in",
   noticeTitle: "font-semibold leading-5",
@@ -8424,12 +6015,12 @@ var baseSlots = {
     motionBase
   ),
   tabsTrigger: cn(
-    "inline-flex min-w-0 cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground hover:bg-background/70 hover:text-foreground focus-visible:outline-none",
+    "inline-flex min-w-0 cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground hover:bg-background/70 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:ring-offset-1 motion-reduce:transition-none",
     motionInteractive
   ),
   tabsTriggerActive: "bg-background text-foreground shadow-sm",
   tabsTriggerDisabled: "!cursor-not-allowed opacity-50 hover:bg-transparent",
-  tabsPanel: "min-w-0 rounded-lg border border-border/70 bg-background p-4 text-sm text-foreground motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  tabsPanel: "min-w-0 rounded-lg border border-border/70 bg-background p-4 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out motion-reduce:transition-none",
   segmentedRoot: cn(
     "inline-flex min-w-0 items-center gap-1 rounded-lg border border-border/70 bg-muted/30 p-1",
     motionBase
@@ -8449,7 +6040,7 @@ var baseSlots = {
   skeletonRoot: "relative overflow-hidden rounded-md bg-muted/70",
   avatarRoot: "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-muted text-sm font-semibold text-muted-foreground motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
   avatarImage: "h-full w-full object-cover",
-  avatarFallback: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground",
+  avatarFallback: "flex h-full w-full items-center justify-center bg-muted text-foreground",
   avatarStatus: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-muted-foreground motion-safe:animate-pulse",
   avatarText: "min-w-0 truncate text-sm font-medium text-foreground",
   toolbarRoot: cn(
@@ -8469,22 +6060,24 @@ var baseSlots = {
   breadcrumbSeparator: "shrink-0 text-muted-foreground/70",
   paginationRoot: "flex min-w-0 flex-wrap items-center justify-between gap-3 text-sm",
   paginationInfo: "min-w-0 text-muted-foreground",
-  paginationControls: "flex shrink-0 items-center gap-1.5",
-  paginationButton: "inline-flex h-8 min-w-8 cursor-pointer items-center justify-center rounded-md border border-border bg-background px-2.5 text-sm font-medium text-foreground hover:bg-accent/60 disabled:!cursor-not-allowed disabled:opacity-50 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  paginationControls: "flex min-w-0 flex-wrap items-center justify-end gap-1.5",
+  paginationButton: "inline-flex h-8 min-w-8 cursor-pointer items-center justify-center whitespace-nowrap rounded-md border border-border bg-background px-2.5 text-sm font-medium text-foreground hover:bg-accent/60 disabled:!cursor-not-allowed disabled:opacity-50 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
   paginationButtonDisabled: "!cursor-not-allowed opacity-50",
-  paginationPage: "inline-flex h-8 min-w-8 items-center justify-center rounded-md bg-muted/50 px-2.5 text-sm font-medium text-foreground",
+  paginationPage: "inline-flex h-8 min-w-8 cursor-default items-center justify-center rounded-md bg-muted/50 px-2.5 text-sm font-medium text-foreground hover:bg-muted/50",
+  paginationEllipsis: "inline-flex h-8 min-w-6 items-center justify-center px-1 text-sm text-muted-foreground",
   descriptionListRoot: "grid min-w-0 gap-3 text-sm",
   descriptionListItem: "grid min-w-0 gap-1 rounded-md border border-border/60 bg-background px-3 py-2 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out hover:shadow-sm",
   descriptionListTerm: "min-w-0 truncate text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground",
   descriptionListValue: "min-w-0 text-sm leading-6 text-foreground",
   accordionRoot: "grid min-w-0 gap-2",
-  accordionItem: "overflow-hidden rounded-lg border border-border/70 bg-background motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
-  accordionTrigger: "flex w-full min-w-0 cursor-pointer items-center justify-between gap-3 px-4 py-3 text-left text-sm font-medium text-foreground hover:bg-muted/40 disabled:!cursor-not-allowed disabled:opacity-50 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  accordionItem: "overflow-hidden rounded-lg border border-border/70 bg-background motion-safe:transition motion-safe:duration-300 motion-safe:ease-out motion-reduce:transition-none",
+  accordionTrigger: "flex w-full min-w-0 cursor-pointer items-center justify-between gap-3 px-4 py-3 text-start text-sm font-medium text-foreground hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:!cursor-not-allowed disabled:opacity-50 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out motion-reduce:transition-none",
   accordionTriggerIcon: cn(
     "h-2 w-2 shrink-0 rotate-45 border-b border-r border-current text-muted-foreground",
-    motionTransform
+    motionTransform,
+    "motion-reduce:transition-none"
   ),
-  accordionPanel: "border-t border-border/60 px-4 py-3 text-sm leading-6 text-muted-foreground motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  accordionPanel: "border-t border-border/60 px-4 py-3 text-sm leading-6 text-muted-foreground motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out motion-reduce:animate-none",
   menuTrigger: "inline-flex min-w-0",
   menuContent: "z-50 min-w-44 overflow-hidden rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg outline-none motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-95 motion-safe:duration-300 motion-safe:ease-out",
   menuLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
@@ -8497,7 +6090,7 @@ var baseSlots = {
   menuItemPrimary: "text-primary focus:text-primary data-[highlighted]:text-primary",
   menuItemSuccess: "text-emerald-700 focus:text-emerald-700 data-[highlighted]:text-emerald-700",
   menuItemWarning: "text-amber-700 focus:text-amber-700 data-[highlighted]:text-amber-700",
-  menuItemDanger: "text-destructive focus:text-destructive data-[highlighted]:text-destructive",
+  menuItemDanger: "text-destructive-text focus:text-destructive-text data-[highlighted]:text-destructive-text",
   menuItemMuted: "text-muted-foreground focus:text-foreground data-[highlighted]:text-foreground",
   menuItemDisabled: "!cursor-not-allowed opacity-50 data-[disabled]:pointer-events-none",
   menuItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
@@ -8528,13 +6121,13 @@ var baseSlots = {
   tableBody: "[&_tr:last-child>*]:border-b-0",
   tableFooter: "bg-muted/30 font-medium [&_tr>*]:border-t [&_tr>*]:border-border/70",
   tableFooterBar: cn(
-    "flex min-w-0 flex-wrap items-center justify-between gap-3 rounded-lg border border-border/70 bg-muted/20 px-4 py-3 text-sm text-muted-foreground shadow-none",
+    "flex min-w-0 flex-wrap items-center justify-between gap-3 rounded-lg border border-border/70 bg-muted/20 px-4 py-3 text-sm text-foreground shadow-none",
     motionBase
   ),
   tableFooterBarAttached: "-mt-px rounded-t-none border-t border-border/70 shadow-none",
   tableFooterBarLeading: "flex min-w-0 items-center gap-2",
   tableFooterBarContent: "min-w-0 flex-1",
-  tableFooterBarActions: "ml-auto flex shrink-0 flex-wrap items-center gap-2",
+  tableFooterBarActions: "ms-auto flex shrink-0 flex-wrap items-center gap-2",
   tableSplitRoot: "grid w-full min-w-0 grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)_auto] caption-bottom border-separate border-spacing-0 text-sm text-foreground",
   tableSplitHeader: "block w-full min-w-0 shrink-0 overflow-x-hidden overflow-y-hidden bg-transparent",
   tableSplitBody: cn(
@@ -8544,7 +6137,7 @@ var baseSlots = {
   tableSplitFooter: "block w-full min-w-0 shrink-0 overflow-x-hidden overflow-y-hidden",
   tableSplitRow: "grid w-max min-w-full [grid-template-columns:var(--base-table-column-template)]",
   tableSplitHead: "flex min-w-0 overflow-hidden",
-  tableSplitCell: "block min-w-0 overflow-hidden",
+  tableSplitCell: "block min-w-0 overflow-hidden [overflow-wrap:anywhere]",
   tableRow: cn(
     "[&>*]:border-b [&>*]:border-border/60 data-[state=selected]:bg-primary/5 data-[state=selected]:[&>*]:bg-primary/5",
     motionBase
@@ -8573,8 +6166,11 @@ var baseSlots = {
     "inline-flex h-5 w-4 shrink-0 cursor-grab items-center justify-center rounded-sm text-muted-foreground hover:bg-muted active:cursor-grabbing focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed disabled:opacity-50",
     motionBase
   ),
-  tableHeadResizeHandle: "absolute right-0 top-1/2 h-7 w-2 -translate-y-1/2 cursor-col-resize rounded-sm after:absolute after:left-1/2 after:top-1/2 after:h-5 after:w-px after:-translate-x-1/2 after:-translate-y-1/2 after:bg-border hover:after:bg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed disabled:opacity-50",
-  tableCell: "px-3 py-2 align-middle text-sm text-foreground",
+  tableHeadResizeHandle: cn(
+    "absolute end-0 top-1/2 h-7 w-2 -translate-y-1/2 cursor-col-resize touch-none rounded-sm after:absolute after:start-1/2 after:top-1/2 after:h-5 after:w-px after:-translate-x-1/2 after:-translate-y-1/2 after:bg-border hover:after:bg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed disabled:opacity-50",
+    motionBase
+  ),
+  tableCell: "min-w-0 px-3 py-2 align-middle text-sm text-foreground [overflow-wrap:anywhere]",
   tableCellAlignCenter: "text-center",
   tableCellAlignRight: "text-right",
   tableEmptyRow: "[&>*]:border-b [&>*]:border-border/60",
@@ -9528,1532 +7124,6 @@ function resolveBaseAppearance(appearance) {
     )
   };
 }
-function getBaseButtonToneClassName(theme, tone = "default", active = false) {
-  return cn(
-    tone === "default" && theme.slots.buttonDefault,
-    tone === "primary" && theme.slots.buttonPrimary,
-    tone === "success" && theme.slots.buttonSuccess,
-    tone === "warning" && theme.slots.buttonWarning,
-    tone === "danger" && theme.slots.buttonDanger,
-    tone === "muted" && theme.slots.buttonMuted,
-    active && theme.slots.buttonActive
-  );
-}
-function LoadingIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      "aria-hidden": "true",
-      viewBox: "0 0 24 24",
-      className: "h-4 w-4 animate-spin",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "circle",
-          {
-            cx: "12",
-            cy: "12",
-            r: "9",
-            className: "opacity-25",
-            stroke: "currentColor",
-            strokeWidth: "3"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            className: "opacity-75",
-            fill: "currentColor",
-            d: "M12 3a9 9 0 0 1 9 9h-3a6 6 0 0 0-6-6V3Z"
-          }
-        )
-      ]
-    }
-  );
-}
-react.forwardRef(
-  function BaseButton2({
-    children,
-    label,
-    icon,
-    endIcon,
-    type = "button",
-    title,
-    ariaLabel,
-    tone,
-    active = false,
-    iconOnly = false,
-    disabled = false,
-    loading = false,
-    stopPropagation = false,
-    appearance,
-    className,
-    classNames,
-    style,
-    onClick,
-    "aria-label": nativeAriaLabel,
-    ...buttonProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    const resolvedLabel = children ?? label;
-    const labelText = typeof resolvedLabel === "string" ? resolvedLabel : void 0;
-    const resolvedAriaLabel = ariaLabel ?? nativeAriaLabel ?? labelText ?? title ?? (iconOnly ? "Action" : void 0);
-    const resolvedDisabled = disabled || loading;
-    const handleClick = (event) => {
-      if (stopPropagation) {
-        event.stopPropagation();
-      }
-      if (resolvedDisabled) return;
-      onClick?.(event);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        ...buttonProps,
-        ref,
-        type,
-        title,
-        "aria-label": resolvedAriaLabel,
-        "aria-pressed": active || void 0,
-        "aria-busy": loading || void 0,
-        disabled: resolvedDisabled,
-        className: cn(
-          theme.slots.buttonBase,
-          iconOnly && theme.slots.buttonIconOnly,
-          getBaseButtonToneClassName(theme, tone, active),
-          resolvedDisabled && theme.slots.buttonDisabled,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.button,
-          ...active ? theme.styles.buttonActive : void 0,
-          ...resolvedDisabled ? theme.styles.buttonDisabled : void 0,
-          ...style
-        },
-        onClick: handleClick,
-        children: [
-          loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.buttonIcon, classNames?.icon), children: /* @__PURE__ */ jsxRuntime.jsx(LoadingIcon, {}) }) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.buttonIcon, classNames?.icon), children: icon }) : null,
-          iconOnly ? hasRenderableNode(resolvedLabel) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: resolvedLabel }) : null : hasRenderableNode(resolvedLabel) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.buttonLabel, classNames?.label), children: resolvedLabel }) : null,
-          !loading && endIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.buttonIcon, classNames?.icon), children: endIcon }) : null
-        ]
-      }
-    );
-  }
-);
-function setRefs(element, ...refs) {
-  refs.forEach((ref) => {
-    if (!ref) return;
-    if (typeof ref === "function") {
-      ref(element);
-      return;
-    }
-    ref.current = element;
-  });
-}
-react.forwardRef(
-  function BaseCheckbox2({
-    label,
-    description,
-    indeterminate = false,
-    invalid = false,
-    disabled = false,
-    appearance,
-    className,
-    classNames,
-    style,
-    checked,
-    defaultChecked,
-    onChange,
-    "aria-invalid": nativeAriaInvalid,
-    ...checkboxProps
-  }, forwardedRef) {
-    const theme = resolveBaseAppearance(appearance);
-    const inputRef = react.useRef(null);
-    const [uncontrolledChecked, setUncontrolledChecked] = react.useState(
-      defaultChecked ?? false
-    );
-    const isControlled = checked !== void 0;
-    const resolvedChecked = Boolean(isControlled ? checked : uncontrolledChecked);
-    const active = indeterminate || resolvedChecked;
-    react.useEffect(() => {
-      if (inputRef.current) {
-        inputRef.current.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const handleChange = (event) => {
-      if (disabled) return;
-      if (!isControlled) {
-        setUncontrolledChecked(event.currentTarget.checked);
-      }
-      onChange?.(event);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        className: cn(
-          theme.slots.checkboxRoot,
-          disabled && theme.slots.checkboxDisabled,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.checkboxRoot,
-          ...style
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: cn(
-                theme.slots.checkboxBox,
-                active && theme.slots.checkboxBoxChecked,
-                invalid && theme.slots.checkboxBoxInvalid,
-                classNames?.box
-              ),
-              style: {
-                ...theme.styles.checkboxBox
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    ...checkboxProps,
-                    ref: (element) => setRefs(element, inputRef, forwardedRef),
-                    type: "checkbox",
-                    disabled,
-                    checked,
-                    defaultChecked,
-                    "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-                    "aria-checked": indeterminate ? "mixed" : resolvedChecked,
-                    className: cn(theme.slots.checkboxInput, classNames?.input),
-                    onChange: handleChange
-                  }
-                ),
-                active ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: cn(theme.slots.checkboxIndicator, classNames?.indicator),
-                    children: indeterminate ? "\u2013" : "\u2713"
-                  }
-                ) : null
-              ]
-            }
-          ),
-          hasRenderableNode(label) || hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(theme.slots.checkboxContent, classNames?.content), children: [
-            hasRenderableNode(label) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.checkboxLabel, classNames?.label), children: label }) : null,
-            hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: cn(
-                  theme.slots.checkboxDescription,
-                  classNames?.description
-                ),
-                children: description
-              }
-            ) : null
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-react.forwardRef(
-  function BaseInput2({
-    icon,
-    trailing,
-    invalid = false,
-    disabled = false,
-    readOnly = false,
-    appearance,
-    className,
-    classNames,
-    style,
-    "aria-invalid": nativeAriaInvalid,
-    ...inputProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          theme.slots.controlWrapper,
-          invalid && theme.slots.controlInvalid,
-          disabled && theme.slots.controlDisabled,
-          readOnly && theme.slots.controlReadOnly,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
-          ...disabled ? theme.styles.controlDisabled : void 0,
-          ...style
-        },
-        children: [
-          hasRenderableNode(icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ...inputProps,
-              ref,
-              disabled,
-              readOnly,
-              "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-              className: cn(
-                theme.slots.controlBase,
-                theme.slots.controlInput,
-                classNames?.control
-              )
-            }
-          ),
-          hasRenderableNode(trailing) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlTrailing, classNames?.trailing), children: trailing }) : null
-        ]
-      }
-    );
-  }
-);
-function normalizeValues(values) {
-  const nextValues = [];
-  const seen = /* @__PURE__ */ new Set();
-  values?.forEach((value) => {
-    if (seen.has(value)) return;
-    seen.add(value);
-    nextValues.push(value);
-  });
-  return nextValues;
-}
-function getNextEnabledIndex(options, currentIndex, direction) {
-  if (!options.length) return -1;
-  const startIndex = currentIndex >= 0 ? currentIndex : 0;
-  for (let offset = 1; offset <= options.length; offset += 1) {
-    const nextIndex = (startIndex + offset * direction + options.length) % options.length;
-    if (!options[nextIndex]?.disabled) {
-      return nextIndex;
-    }
-  }
-  return -1;
-}
-function getFirstEnabledIndex(options) {
-  return options.findIndex((option) => !option.disabled);
-}
-function getSafeTagCount(maxTagCount, total) {
-  if (maxTagCount === void 0) return total;
-  if (!Number.isFinite(maxTagCount)) return total;
-  return Math.max(0, Math.min(total, Math.floor(maxTagCount)));
-}
-function getDefaultRemoveLabel(option) {
-  return `Remove ${option.value}`;
-}
-react.forwardRef(
-  function BaseMultiSelect2({
-    options,
-    value,
-    defaultValue,
-    name,
-    placeholder = "Select options",
-    icon,
-    invalid = false,
-    disabled = false,
-    required = false,
-    openForPreview = false,
-    maxTagCount,
-    removeLabel = getDefaultRemoveLabel,
-    emptyLabel = "No options",
-    appearance,
-    className,
-    classNames,
-    style,
-    id,
-    "aria-invalid": nativeAriaInvalid,
-    "aria-label": nativeAriaLabel,
-    "aria-labelledby": nativeAriaLabelledBy,
-    onValueChange,
-    ...rootProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    const generatedId = react.useId();
-    const multiSelectId = id ?? generatedId;
-    const controlId = `${multiSelectId}-control`;
-    const listboxId = `${multiSelectId}-listbox`;
-    const rootRef = react.useRef(null);
-    const optionList = options ?? [];
-    const forceOpen = openForPreview;
-    const [uncontrolledOpen, setUncontrolledOpen] = react.useState(false);
-    const open = forceOpen || uncontrolledOpen;
-    const [uncontrolledValue, setUncontrolledValue] = react.useState(
-      () => normalizeValues(defaultValue)
-    );
-    const [activeIndex, setActiveIndex] = react.useState(
-      () => getFirstEnabledIndex(optionList)
-    );
-    const isControlled = value !== void 0;
-    const selectedValues = react.useMemo(
-      () => normalizeValues(isControlled ? value : uncontrolledValue),
-      [isControlled, uncontrolledValue, value]
-    );
-    const selectedValueSet = react.useMemo(
-      () => new Set(selectedValues),
-      [selectedValues]
-    );
-    const optionByValue = react.useMemo(() => {
-      const map = /* @__PURE__ */ new Map();
-      optionList.forEach((option) => {
-        if (!map.has(option.value)) {
-          map.set(option.value, option);
-        }
-      });
-      return map;
-    }, [optionList]);
-    const selectedOptions = react.useMemo(
-      () => selectedValues.map((selectedValue) => optionByValue.get(selectedValue)).filter(
-        (option) => option !== void 0
-      ),
-      [optionByValue, selectedValues]
-    );
-    const firstEnabledIndex = react.useMemo(
-      () => getFirstEnabledIndex(optionList),
-      [optionList]
-    );
-    const resolvedActiveIndex = activeIndex >= 0 && !optionList[activeIndex]?.disabled ? activeIndex : firstEnabledIndex;
-    const visibleTagCount = getSafeTagCount(
-      maxTagCount,
-      selectedOptions.length
-    );
-    const visibleOptions = selectedOptions.slice(0, visibleTagCount);
-    const overflowCount = selectedOptions.length - visibleOptions.length;
-    const isPlaceholder = selectedOptions.length === 0;
-    const setRootRef = (node) => {
-      rootRef.current = node;
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    };
-    const setOpen = (nextOpen) => {
-      if (disabled || forceOpen) return;
-      setUncontrolledOpen(nextOpen);
-      if (nextOpen) {
-        setActiveIndex(resolvedActiveIndex);
-      }
-    };
-    react.useEffect(() => {
-      if (!open || forceOpen) return void 0;
-      const handlePointerDown = (event) => {
-        if (!rootRef.current?.contains(event.target)) {
-          setUncontrolledOpen(false);
-        }
-      };
-      document.addEventListener("pointerdown", handlePointerDown);
-      return () => {
-        document.removeEventListener("pointerdown", handlePointerDown);
-      };
-    }, [forceOpen, open]);
-    react.useEffect(() => {
-      if (resolvedActiveIndex >= 0 && resolvedActiveIndex !== activeIndex) {
-        setActiveIndex(resolvedActiveIndex);
-      }
-    }, [activeIndex, resolvedActiveIndex]);
-    const commitValues = (nextValues) => {
-      const normalizedValues = normalizeValues(nextValues);
-      if (!isControlled) {
-        setUncontrolledValue(normalizedValues);
-      }
-      onValueChange?.(normalizedValues);
-    };
-    const toggleOption = (option) => {
-      if (!option || option.disabled || disabled) return;
-      const nextValues = selectedValueSet.has(option.value) ? selectedValues.filter((selectedValue) => selectedValue !== option.value) : [...selectedValues, option.value];
-      commitValues(nextValues);
-    };
-    const removeOption = (option) => {
-      if (disabled) return;
-      commitValues(
-        selectedValues.filter((selectedValue) => selectedValue !== option.value)
-      );
-    };
-    const focusOption = (direction) => {
-      const nextIndex = getNextEnabledIndex(
-        optionList,
-        resolvedActiveIndex,
-        direction
-      );
-      if (nextIndex >= 0) {
-        setActiveIndex(nextIndex);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (disabled) return;
-      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-        event.preventDefault();
-        if (!open) {
-          setOpen(true);
-          setActiveIndex(firstEnabledIndex);
-          return;
-        }
-        focusOption(event.key === "ArrowDown" ? 1 : -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        setOpen(true);
-        setActiveIndex(firstEnabledIndex);
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        setOpen(true);
-        for (let index = optionList.length - 1; index >= 0; index -= 1) {
-          if (!optionList[index]?.disabled) {
-            setActiveIndex(index);
-            break;
-          }
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (!open) {
-          setOpen(true);
-          return;
-        }
-        toggleOption(optionList[resolvedActiveIndex]);
-        return;
-      }
-      if (event.key === "Escape") {
-        setOpen(false);
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ...rootProps,
-        id,
-        ref: setRootRef,
-        className: cn(
-          theme.slots.controlWrapper,
-          "overflow-visible",
-          open && "z-50",
-          invalid && theme.slots.controlInvalid,
-          disabled && theme.slots.controlDisabled,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
-          ...disabled ? theme.styles.controlDisabled : void 0,
-          ...style
-        },
-        children: [
-          hasRenderableNode(icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: controlId,
-              role: "combobox",
-              tabIndex: disabled ? -1 : 0,
-              "aria-haspopup": "listbox",
-              "aria-expanded": open,
-              "aria-controls": listboxId,
-              "aria-disabled": disabled || void 0,
-              "aria-required": required || void 0,
-              "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-              "aria-label": nativeAriaLabel,
-              "aria-labelledby": nativeAriaLabelledBy,
-              className: cn(
-                theme.slots.controlBase,
-                "flex min-h-9 cursor-pointer flex-wrap items-center gap-1.5 py-1.5 pr-9 text-left",
-                disabled && "!cursor-not-allowed",
-                classNames?.control
-              ),
-              onClick: () => setOpen(!open),
-              onKeyDown: handleKeyDown,
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "span",
-                {
-                  className: cn(
-                    "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
-                    classNames?.tagList
-                  ),
-                  children: [
-                    visibleOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
-                      "span",
-                      {
-                        className: cn(
-                          "inline-flex max-w-full items-center gap-1 rounded-full border border-border/70 bg-muted/65 px-2 py-0.5 text-xs font-medium text-foreground",
-                          classNames?.tag
-                        ),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "span",
-                            {
-                              className: cn(
-                                "max-w-40 truncate",
-                                classNames?.tagLabel
-                              ),
-                              children: option.label
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "button",
-                            {
-                              type: "button",
-                              "aria-label": removeLabel(option),
-                              disabled,
-                              className: cn(
-                                "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:bg-background/80 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed",
-                                classNames?.tagRemove
-                              ),
-                              onClick: (event) => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                removeOption(option);
-                              },
-                              onMouseDown: (event) => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                              },
-                              onKeyDown: (event) => event.stopPropagation(),
-                              children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "x" })
-                            }
-                          )
-                        ]
-                      },
-                      option.value
-                    )),
-                    overflowCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
-                      "span",
-                      {
-                        className: cn(
-                          "inline-flex max-w-full items-center rounded-full border border-border/70 bg-muted/45 px-2 py-0.5 text-xs font-medium text-muted-foreground",
-                          classNames?.tag
-                        ),
-                        children: [
-                          "+",
-                          overflowCount
-                        ]
-                      }
-                    ) : null,
-                    isPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "min-w-0 truncate",
-                          theme.slots.selectPlaceholder,
-                          classNames?.placeholder
-                        ),
-                        children: placeholder
-                      }
-                    ) : null
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: cn(
-                theme.slots.selectChevron,
-                open && "rotate-[225deg]",
-                classNames?.chevron
-              )
-            }
-          ),
-          name ? selectedValues.map((selectedValue) => /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "hidden",
-              name,
-              value: selectedValue,
-              className: classNames?.hiddenInput
-            },
-            selectedValue
-          )) : null,
-          open ? /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: listboxId,
-              role: "listbox",
-              "aria-multiselectable": "true",
-              "aria-labelledby": controlId,
-              className: cn(theme.slots.selectMenu, classNames?.menu),
-              style: theme.styles.selectMenu,
-              children: optionList.length > 0 ? optionList.map((option, index) => {
-                const selected = selectedValueSet.has(option.value);
-                const active = index === resolvedActiveIndex;
-                return /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    role: "option",
-                    "aria-selected": selected,
-                    disabled: option.disabled,
-                    className: cn(
-                      theme.slots.selectOption,
-                      "gap-2",
-                      active && theme.slots.selectOptionActive,
-                      selected && theme.slots.selectOptionSelected,
-                      option.disabled && theme.slots.selectOptionDisabled,
-                      classNames?.option
-                    ),
-                    style: {
-                      ...theme.styles.selectOption,
-                      ...active ? theme.styles.selectOptionActive : void 0,
-                      ...selected ? theme.styles.selectOptionSelected : void 0
-                    },
-                    onMouseEnter: () => {
-                      if (!option.disabled) {
-                        setActiveIndex(index);
-                      }
-                    },
-                    onMouseDown: (event) => event.preventDefault(),
-                    onClick: () => toggleOption(option),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          "aria-hidden": "true",
-                          className: cn(
-                            "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-border/70 text-[10px]",
-                            selected && "border-primary/40 bg-primary text-primary-foreground",
-                            classNames?.optionIndicator
-                          ),
-                          children: selected ? "\u2713" : null
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          className: cn(
-                            "min-w-0 flex-1 truncate",
-                            classNames?.optionLabel
-                          ),
-                          children: option.label
-                        }
-                      )
-                    ]
-                  },
-                  option.value
-                );
-              }) : /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "px-2.5 py-2 text-sm text-muted-foreground",
-                    classNames?.empty
-                  ),
-                  children: emptyLabel
-                }
-              )
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-function findOption(options, value) {
-  if (value === void 0) return void 0;
-  return options.find((option) => option.value === value);
-}
-function getInitialValue(options, defaultValue) {
-  if (typeof defaultValue === "string") {
-    return defaultValue;
-  }
-  return "";
-}
-function getNextEnabledIndex2(options, currentIndex, direction) {
-  if (!options.length) return -1;
-  for (let offset = 1; offset <= options.length; offset += 1) {
-    const nextIndex = (currentIndex + offset * direction + options.length) % options.length;
-    if (!options[nextIndex]?.disabled) {
-      return nextIndex;
-    }
-  }
-  return -1;
-}
-react.forwardRef(
-  function BaseSelect2({
-    options,
-    placeholder,
-    icon,
-    invalid = false,
-    disabled = false,
-    openForPreview = false,
-    appearance,
-    className,
-    classNames,
-    style,
-    children,
-    value,
-    defaultValue,
-    onChange,
-    name,
-    id,
-    required,
-    "aria-invalid": nativeAriaInvalid,
-    "aria-label": nativeAriaLabel,
-    "aria-labelledby": nativeAriaLabelledBy,
-    ...selectProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    const generatedId = react.useId();
-    const selectId = id ?? generatedId;
-    const listboxId = `${selectId}-listbox`;
-    const rootRef = react.useRef(null);
-    const selectRef = react.useRef(null);
-    const optionList = options ?? [];
-    const isCustomSelect = optionList.length > 0;
-    const forceOpen = openForPreview;
-    const [uncontrolledOpen, setUncontrolledOpen] = react.useState(false);
-    const open = forceOpen || uncontrolledOpen;
-    const [uncontrolledValue, setUncontrolledValue] = react.useState(
-      () => getInitialValue(optionList, defaultValue)
-    );
-    const isControlled = value !== void 0;
-    const selectedValue = String(isControlled ? value : uncontrolledValue);
-    const selectedOption = findOption(optionList, selectedValue);
-    const activeIndex = react.useMemo(() => {
-      const selectedIndex = optionList.findIndex(
-        (option) => option.value === selectedValue && !option.disabled
-      );
-      if (selectedIndex >= 0) return selectedIndex;
-      return optionList.findIndex((option) => !option.disabled);
-    }, [optionList, selectedValue]);
-    const visibleLabel = selectedOption?.label ?? placeholder;
-    const isPlaceholder = !selectedOption;
-    const setSelectRef = (node) => {
-      selectRef.current = node;
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    };
-    react.useEffect(() => {
-      if (!open || forceOpen) return void 0;
-      const handlePointerDown = (event) => {
-        if (!rootRef.current?.contains(event.target)) {
-          setUncontrolledOpen(false);
-        }
-      };
-      document.addEventListener("pointerdown", handlePointerDown);
-      return () => {
-        document.removeEventListener("pointerdown", handlePointerDown);
-      };
-    }, [forceOpen, open]);
-    const notifyChange = (nextValue) => {
-      const selectElement = selectRef.current;
-      if (!selectElement) return;
-      const valueSetter = Object.getOwnPropertyDescriptor(
-        HTMLSelectElement.prototype,
-        "value"
-      )?.set;
-      valueSetter?.call(selectElement, nextValue);
-      selectElement.dispatchEvent(new Event("change", { bubbles: true }));
-    };
-    const commitValue = (nextValue, optionDisabled) => {
-      if (optionDisabled || disabled) return;
-      if (!isControlled) {
-        setUncontrolledValue(nextValue);
-      }
-      notifyChange(nextValue);
-      if (!forceOpen) {
-        setUncontrolledOpen(false);
-      }
-    };
-    const focusOption = (direction) => {
-      const currentIndex = activeIndex >= 0 ? activeIndex : 0;
-      const nextIndex = getNextEnabledIndex2(optionList, currentIndex, direction);
-      if (nextIndex >= 0) {
-        commitValue(optionList[nextIndex].value, optionList[nextIndex].disabled);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (disabled) return;
-      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-        event.preventDefault();
-        if (!open) {
-          setUncontrolledOpen(true);
-          return;
-        }
-        focusOption(event.key === "ArrowDown" ? 1 : -1);
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (!forceOpen) {
-          setUncontrolledOpen((current) => !current);
-        }
-        return;
-      }
-      if (event.key === "Escape") {
-        setUncontrolledOpen(false);
-      }
-    };
-    if (!isCustomSelect) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            theme.slots.controlWrapper,
-            invalid && theme.slots.controlInvalid,
-            disabled && theme.slots.controlDisabled,
-            classNames?.root,
-            className
-          ),
-          style: {
-            ...theme.styles.control,
-            ...invalid ? theme.styles.controlInvalid : void 0,
-            ...disabled ? theme.styles.controlDisabled : void 0,
-            ...style
-          },
-          children: [
-            hasRenderableNode(icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "select",
-              {
-                ...selectProps,
-                id,
-                ref,
-                name,
-                value,
-                defaultValue,
-                required,
-                disabled,
-                "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-                "aria-label": nativeAriaLabel,
-                "aria-labelledby": nativeAriaLabelledBy,
-                onChange,
-                className: cn(
-                  theme.slots.controlBase,
-                  theme.slots.controlSelect,
-                  classNames?.control
-                ),
-                children: [
-                  hasRenderableNode(placeholder) ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder }) : null,
-                  children
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: theme.slots.selectChevron })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: rootRef,
-        className: cn(
-          theme.slots.controlWrapper,
-          "overflow-visible",
-          open && "z-50",
-          invalid && theme.slots.controlInvalid,
-          disabled && theme.slots.controlDisabled,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
-          ...disabled ? theme.styles.controlDisabled : void 0,
-          ...style
-        },
-        children: [
-          hasRenderableNode(icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.controlIcon, classNames?.icon), children: icon }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              id: `${selectId}-button`,
-              disabled,
-              "aria-haspopup": "listbox",
-              "aria-expanded": open,
-              "aria-controls": listboxId,
-              "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-              "aria-label": nativeAriaLabel,
-              "aria-labelledby": nativeAriaLabelledBy,
-              className: cn(
-                theme.slots.controlBase,
-                theme.slots.controlSelect,
-                "flex items-center text-left",
-                classNames?.control
-              ),
-              onClick: () => {
-                if (!forceOpen) {
-                  setUncontrolledOpen((current) => !current);
-                }
-              },
-              onKeyDown: handleKeyDown,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: cn(
-                    "min-w-0 flex-1 truncate",
-                    isPlaceholder && theme.slots.selectPlaceholder,
-                    isPlaceholder && classNames?.placeholder
-                  ),
-                  children: visibleLabel
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: cn(
-                theme.slots.selectChevron,
-                open && "rotate-[225deg]"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "select",
-            {
-              ...selectProps,
-              ref: setSelectRef,
-              id,
-              name,
-              value: selectedValue,
-              required,
-              disabled,
-              "aria-hidden": "true",
-              tabIndex: -1,
-              className: theme.slots.selectNative,
-              onChange,
-              children: [
-                hasRenderableNode(placeholder) ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder }) : null,
-                optionList.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "option",
-                  {
-                    value: option.value,
-                    disabled: option.disabled,
-                    children: typeof option.label === "string" ? option.label : option.value
-                  },
-                  option.value
-                ))
-              ]
-            }
-          ),
-          open ? /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: listboxId,
-              role: "listbox",
-              "aria-labelledby": `${selectId}-button`,
-              className: cn(theme.slots.selectMenu, classNames?.menu),
-              style: theme.styles.selectMenu,
-              children: optionList.map((option, index) => {
-                const selected = option.value === selectedValue;
-                const active = index === activeIndex;
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    role: "option",
-                    "aria-selected": selected,
-                    disabled: option.disabled,
-                    className: cn(
-                      theme.slots.selectOption,
-                      active && theme.slots.selectOptionActive,
-                      selected && theme.slots.selectOptionSelected,
-                      option.disabled && theme.slots.selectOptionDisabled,
-                      classNames?.option
-                    ),
-                    style: {
-                      ...theme.styles.selectOption,
-                      ...active ? theme.styles.selectOptionActive : void 0,
-                      ...selected ? theme.styles.selectOptionSelected : void 0
-                    },
-                    onMouseDown: (event) => event.preventDefault(),
-                    onClick: () => commitValue(option.value, option.disabled),
-                    children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: option.label })
-                  },
-                  option.value
-                );
-              })
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-react.forwardRef(
-  function BaseSwitch2({
-    label,
-    description,
-    disabled = false,
-    appearance,
-    className,
-    classNames,
-    style,
-    checked,
-    defaultChecked,
-    onChange,
-    ...switchProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    const [uncontrolledChecked, setUncontrolledChecked] = react.useState(
-      defaultChecked ?? false
-    );
-    const isControlled = checked !== void 0;
-    const resolvedChecked = isControlled ? checked : uncontrolledChecked;
-    const handleChange = (event) => {
-      if (!isControlled) {
-        setUncontrolledChecked(event.currentTarget.checked);
-      }
-      onChange?.(event);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        className: cn(
-          theme.slots.switchRoot,
-          disabled && theme.slots.switchDisabled,
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.switchRoot,
-          ...style
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: cn(
-                theme.slots.switchTrack,
-                resolvedChecked && theme.slots.switchChecked,
-                classNames?.track
-              ),
-              style: theme.styles.switchTrack,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    ...switchProps,
-                    ref,
-                    type: "checkbox",
-                    disabled,
-                    checked,
-                    defaultChecked,
-                    onChange: handleChange,
-                    className: cn(theme.slots.switchInput, classNames?.input)
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: cn(
-                      theme.slots.switchThumb,
-                      resolvedChecked && "translate-x-5",
-                      classNames?.thumb
-                    ),
-                    style: theme.styles.switchThumb
-                  }
-                )
-              ]
-            }
-          ),
-          hasRenderableNode(label) || hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(theme.slots.switchContent, classNames?.content), children: [
-            hasRenderableNode(label) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.switchLabel, classNames?.label), children: label }) : null,
-            hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: cn(
-                  theme.slots.switchDescription,
-                  classNames?.description
-                ),
-                children: description
-              }
-            ) : null
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-var DATA_TRANSFER_COLUMN_TYPE = "application/x-monkeys-base-table-column";
-var BaseTableContext = react.createContext(null);
-function useBaseTableContext(appearance) {
-  const context = react.useContext(BaseTableContext);
-  if (context) {
-    return {
-      ...context,
-      theme: appearance ? resolveBaseAppearance(appearance) : context.theme,
-      appearance: appearance ?? context.appearance
-    };
-  }
-  const theme = resolveBaseAppearance(appearance);
-  return {
-    appearance,
-    theme,
-    layout: "native",
-    setDraggingColumnId: () => {
-    }
-  };
-}
-function toCssSize(value) {
-  if (value === void 0) return void 0;
-  return typeof value === "number" ? `${value}px` : value;
-}
-function clampWidth(value, minWidth, maxWidth) {
-  const min5 = minWidth ?? 48;
-  const max5 = maxWidth ?? Number.POSITIVE_INFINITY;
-  return Math.min(Math.max(value, min5), max5);
-}
-function getNextColumnOrder(order, columnId, targetColumnId) {
-  if (!order || columnId === targetColumnId) return void 0;
-  const fromIndex = order.indexOf(columnId);
-  const toIndex = order.indexOf(targetColumnId);
-  if (fromIndex < 0 || toIndex < 0) return void 0;
-  const next = [...order];
-  const [moved] = next.splice(fromIndex, 1);
-  next.splice(toIndex, 0, moved);
-  return next;
-}
-function sortAriaValue(direction) {
-  switch (direction) {
-    case "asc":
-      return "ascending";
-    case "desc":
-      return "descending";
-    default:
-      return void 0;
-  }
-}
-function getSplitHeadJustifyContent(align) {
-  switch (align) {
-    case "center":
-      return "center";
-    case "right":
-      return "flex-end";
-    default:
-      return "flex-start";
-  }
-}
-function getSplitHeadAlignItems(verticalAlign) {
-  switch (verticalAlign) {
-    case "top":
-      return "flex-start";
-    case "bottom":
-      return "flex-end";
-    default:
-      return "center";
-  }
-}
-function SortIndicator({
-  direction,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: cn(
-        className,
-        direction === "desc" && "rotate-180",
-        (!direction || direction === "none") && "opacity-45"
-      ),
-      children: "\u25B2"
-    }
-  );
-}
-function DragHandleIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "grid gap-0.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" })
-  ] });
-}
-react.forwardRef(function BaseTableHead2({
-  columnId,
-  align,
-  verticalAlign,
-  icon,
-  label,
-  description,
-  meta,
-  actions,
-  trailing,
-  sortable,
-  sortDirection = "none",
-  sortLabel,
-  onSort,
-  draggable,
-  dragLabel,
-  resizable,
-  resizeLabel,
-  width,
-  minWidth,
-  maxWidth,
-  appearance,
-  className,
-  classNames,
-  style,
-  children,
-  onDragOver,
-  onDrop,
-  ...headProps
-}, forwardedRef) {
-  const tableContext = useBaseTableContext(appearance);
-  const { theme } = tableContext;
-  const isSplitScroll = tableContext.layout === "split-scroll";
-  const resolvedAlign = align ?? (isSplitScroll ? "center" : "left");
-  const resolvedVerticalAlign = verticalAlign ?? "middle";
-  const headRef = react.useRef(null);
-  const setHeadRef = (node) => {
-    headRef.current = node;
-    if (typeof forwardedRef === "function") {
-      forwardedRef(node);
-    } else if (forwardedRef) {
-      forwardedRef.current = node;
-    }
-  };
-  const controlledWidth = columnId && tableContext.columnSizes?.[columnId] !== void 0 ? tableContext.columnSizes[columnId] : width;
-  const canDrag = Boolean(
-    columnId && draggable !== false && (draggable || tableContext.columnDragEnabled) && tableContext.columnOrder && tableContext.onColumnOrderChange
-  );
-  const canResize = Boolean(
-    columnId && resizable !== false && (resizable || tableContext.columnResizeEnabled) && tableContext.onColumnSizeChange
-  );
-  const interactiveSort = Boolean(sortable || onSort);
-  const ariaSort = sortAriaValue(sortDirection);
-  const content = hasRenderableNode(label) ? label : children;
-  const usesRichHeader = canDrag || hasRenderableNode(icon) || hasRenderableNode(label) || hasRenderableNode(description) || hasRenderableNode(meta) || hasRenderableNode(actions) || hasRenderableNode(trailing) || interactiveSort;
-  const renderedContent = usesRichHeader ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(theme.slots.tableHeadContent, classNames?.content), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(theme.slots.tableHeadMain, classNames?.main), children: [
-      canDrag ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          draggable: true,
-          title: dragLabel,
-          "aria-label": dragLabel ?? `Drag column ${columnId}`,
-          className: cn(theme.slots.tableHeadDragHandle, classNames?.dragHandle),
-          onClick: (event) => event.stopPropagation(),
-          onDragStart: (event) => {
-            event.stopPropagation();
-            tableContext.setDraggingColumnId(columnId);
-            event.dataTransfer.effectAllowed = "move";
-            event.dataTransfer.setData(DATA_TRANSFER_COLUMN_TYPE, columnId);
-          },
-          onDragEnd: (event) => {
-            event.stopPropagation();
-            tableContext.setDraggingColumnId(void 0);
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(DragHandleIcon, {})
-        }
-      ) : null,
-      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadIcon, classNames?.icon), children: icon }) : null,
-      interactiveSort ? /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          disabled: !onSort,
-          title: sortLabel,
-          className: cn(theme.slots.tableHeadSortButton, classNames?.sortButton),
-          onClick: (event) => {
-            event.stopPropagation();
-            onSort?.(columnId);
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(theme.slots.tableHeadText, classNames?.text), children: [
-              hasRenderableNode(content) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadLabel, classNames?.label), children: content }) : null,
-              hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: cn(
-                    theme.slots.tableHeadDescription,
-                    classNames?.description
-                  ),
-                  children: description
-                }
-              ) : null
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SortIndicator,
-              {
-                direction: sortDirection,
-                className: cn(theme.slots.tableHeadSortIcon, classNames?.sortIcon)
-              }
-            )
-          ]
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(theme.slots.tableHeadText, classNames?.text), children: [
-        hasRenderableNode(content) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadLabel, classNames?.label), children: content }) : null,
-        hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: cn(
-              theme.slots.tableHeadDescription,
-              classNames?.description
-            ),
-            children: description
-          }
-        ) : null
-      ] })
-    ] }),
-    hasRenderableNode(meta) || hasRenderableNode(actions) || hasRenderableNode(trailing) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(theme.slots.tableHeadActions, classNames?.actions), children: [
-      hasRenderableNode(meta) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.tableHeadMeta, classNames?.meta), children: meta }) : null,
-      actions,
-      trailing
-    ] }) : null
-  ] }) : children;
-  const handleDragOver = (event) => {
-    onDragOver?.(event);
-    if (!canDrag || !tableContext.draggingColumnId || tableContext.draggingColumnId === columnId) {
-      return;
-    }
-    event.preventDefault();
-    event.dataTransfer.dropEffect = "move";
-  };
-  const handleDrop = (event) => {
-    onDrop?.(event);
-    if (!canDrag || !columnId) return;
-    const sourceColumnId = tableContext.draggingColumnId || event.dataTransfer.getData(DATA_TRANSFER_COLUMN_TYPE);
-    if (!sourceColumnId || sourceColumnId === columnId) return;
-    const nextOrder = getNextColumnOrder(
-      tableContext.columnOrder,
-      sourceColumnId,
-      columnId
-    );
-    if (nextOrder) {
-      event.preventDefault();
-      tableContext.onColumnOrderChange?.(nextOrder, {
-        columnId: sourceColumnId,
-        targetColumnId: columnId
-      });
-    }
-    tableContext.setDraggingColumnId(void 0);
-  };
-  const handleResizePointerDown = (event) => {
-    if (!canResize || !columnId || !tableContext.onColumnSizeChange) return;
-    event.preventDefault();
-    event.stopPropagation();
-    const startX = event.clientX;
-    const currentWidth = typeof controlledWidth === "number" ? controlledWidth : headRef.current?.offsetWidth ?? minWidth ?? 96;
-    const previousWidth = clampWidth(currentWidth, minWidth, maxWidth);
-    const pointerId = event.pointerId;
-    const target = event.currentTarget;
-    target.setPointerCapture?.(pointerId);
-    const handlePointerMove = (moveEvent) => {
-      const nextWidth = clampWidth(
-        previousWidth + moveEvent.clientX - startX,
-        minWidth,
-        maxWidth
-      );
-      tableContext.onColumnSizeChange?.(columnId, nextWidth, {
-        columnId,
-        previousWidth,
-        minWidth,
-        maxWidth
-      });
-    };
-    const cleanup = () => {
-      target.releasePointerCapture?.(pointerId);
-      window.removeEventListener("pointermove", handlePointerMove);
-      window.removeEventListener("pointerup", cleanup);
-      window.removeEventListener("pointercancel", cleanup);
-    };
-    window.addEventListener("pointermove", handlePointerMove);
-    window.addEventListener("pointerup", cleanup);
-    window.addEventListener("pointercancel", cleanup);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "th",
-    {
-      ...headProps,
-      ref: setHeadRef,
-      scope: headProps.scope ?? "col",
-      "aria-sort": ariaSort,
-      className: cn(
-        theme.slots.tableHead,
-        isSplitScroll && theme.slots.tableSplitHead,
-        resolvedAlign === "center" && theme.slots.tableCellAlignCenter,
-        resolvedAlign === "right" && theme.slots.tableCellAlignRight,
-        classNames?.root,
-        className
-      ),
-      style: {
-        ...theme.styles.tableHead,
-        ...isSplitScroll ? theme.styles.tableSplitHead : void 0,
-        width: isSplitScroll ? void 0 : toCssSize(controlledWidth),
-        minWidth: isSplitScroll ? void 0 : toCssSize(minWidth),
-        maxWidth: isSplitScroll ? void 0 : toCssSize(maxWidth),
-        ...isSplitScroll ? {
-          alignItems: getSplitHeadAlignItems(resolvedVerticalAlign),
-          justifyContent: getSplitHeadJustifyContent(resolvedAlign),
-          textAlign: resolvedAlign
-        } : verticalAlign ? { verticalAlign } : void 0,
-        ...style
-      },
-      onDragOver: handleDragOver,
-      onDrop: handleDrop,
-      children: [
-        renderedContent,
-        canResize ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            title: resizeLabel,
-            "aria-label": resizeLabel ?? `Resize column ${columnId}`,
-            className: cn(theme.slots.tableHeadResizeHandle, classNames?.resizeHandle),
-            onClick: (event) => event.stopPropagation(),
-            onPointerDown: handleResizePointerDown
-          }
-        ) : null
-      ]
-    }
-  );
-});
-react.forwardRef(
-  function BaseTextarea2({
-    invalid = false,
-    disabled = false,
-    readOnly = false,
-    appearance,
-    className,
-    classNames,
-    style,
-    "aria-invalid": nativeAriaInvalid,
-    ...textareaProps
-  }, ref) {
-    const theme = resolveBaseAppearance(appearance);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        ...textareaProps,
-        ref,
-        disabled,
-        readOnly,
-        "aria-invalid": nativeAriaInvalid ?? (invalid || void 0),
-        className: cn(
-          theme.slots.controlWrapper,
-          theme.slots.controlBase,
-          theme.slots.controlTextarea,
-          invalid && theme.slots.controlInvalid,
-          disabled && theme.slots.controlDisabled,
-          readOnly && theme.slots.controlReadOnly,
-          classNames?.control,
-          className
-        ),
-        style: {
-          ...theme.styles.control,
-          ...invalid ? theme.styles.controlInvalid : void 0,
-          ...disabled ? theme.styles.controlDisabled : void 0,
-          ...style
-        }
-      }
-    );
-  }
-);
 
 // src/components/data-explorer/utils.ts
 function cn2(...parts) {
@@ -11079,7 +7149,7 @@ var baseSlots2 = {
   actionButtonBase: "inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   actionButtonDefault: "border-border bg-background text-foreground hover:bg-accent/60",
   actionButtonPrimary: "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15",
-  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive hover:bg-destructive/15",
+  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive-text hover:bg-destructive/15",
   actionButtonMuted: "border-border/60 bg-muted/45 text-muted-foreground hover:bg-muted/70 hover:text-foreground",
   actionButtonActive: "ring-1 ring-primary/30",
   actionButtonDisabled: "cursor-not-allowed opacity-60",
@@ -11099,7 +7169,7 @@ var baseSlots2 = {
   menuSeparator: "-mx-1 my-1 h-px bg-border",
   menuItem: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   menuItemPrimary: "text-primary focus:text-primary",
-  menuItemDanger: "text-destructive focus:text-destructive",
+  menuItemDanger: "text-destructive-text focus:text-destructive-text",
   menuItemMuted: "text-muted-foreground",
   menuItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
   menuItemLabel: "truncate",
@@ -11154,7 +7224,7 @@ var baseSlots2 = {
   treeNodeChildren: "mt-0.5 min-w-0 space-y-0.5",
   treeNodeDragHandle: "inline-flex h-5 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground active:cursor-grabbing group-hover/tree-node:opacity-100",
   treeEmpty: "px-3 py-2 text-xs text-muted-foreground",
-  treeError: "px-3 py-2 text-xs text-destructive",
+  treeError: "px-3 py-2 text-xs text-destructive-text",
   treeLoading: "px-3 py-2 text-xs text-muted-foreground"
 };
 var densitySlots2 = {
@@ -11548,110 +7618,6 @@ function resolveDataExplorerAppearance(appearance) {
     )
   };
 }
-function getDataExplorerActionToneClassName(theme, tone, active) {
-  return cn2(
-    tone === "primary" ? theme.slots.actionButtonPrimary : tone === "danger" ? theme.slots.actionButtonDanger : tone === "muted" ? theme.slots.actionButtonMuted : theme.slots.actionButtonDefault,
-    active && theme.slots.actionButtonActive
-  );
-}
-function LoadingIcon2() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      "aria-hidden": "true",
-      viewBox: "0 0 24 24",
-      className: "h-4 w-4 animate-spin",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "circle",
-          {
-            cx: "12",
-            cy: "12",
-            r: "9",
-            className: "opacity-25",
-            stroke: "currentColor",
-            strokeWidth: "3"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            className: "opacity-75",
-            fill: "currentColor",
-            d: "M12 3a9 9 0 0 1 9 9h-3a6 6 0 0 0-6-6V3Z"
-          }
-        )
-      ]
-    }
-  );
-}
-react.forwardRef(function DataExplorerButton2({
-  children,
-  label,
-  icon,
-  endIcon,
-  type = "button",
-  title,
-  ariaLabel,
-  tone,
-  active = false,
-  iconOnly = false,
-  disabled = false,
-  loading = false,
-  stopPropagation = false,
-  appearance,
-  className,
-  classNames,
-  style,
-  onClick,
-  "aria-label": nativeAriaLabel,
-  ...buttonProps
-}, ref) {
-  const theme = resolveDataExplorerAppearance(appearance);
-  const resolvedLabel = children ?? label;
-  const resolvedDisabled = disabled || loading;
-  const handleClick = (event) => {
-    if (stopPropagation) {
-      event.stopPropagation();
-    }
-    if (resolvedDisabled) return;
-    onClick?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      ...buttonProps,
-      ref,
-      type,
-      title,
-      "aria-label": ariaLabel ?? nativeAriaLabel,
-      "aria-pressed": active || void 0,
-      "aria-busy": loading || void 0,
-      disabled: resolvedDisabled,
-      className: cn2(
-        theme.slots.controlButton,
-        iconOnly && theme.slots.actionIconButton,
-        getDataExplorerActionToneClassName(theme, tone, active),
-        resolvedDisabled && theme.slots.actionButtonDisabled,
-        classNames?.root,
-        className
-      ),
-      style: {
-        ...theme.styles.control,
-        ...active ? theme.styles.controlActive : void 0,
-        ...resolvedDisabled ? theme.styles.controlDisabled : void 0,
-        ...style
-      },
-      onClick: handleClick,
-      children: [
-        loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.controlButtonIcon, classNames?.icon), children: /* @__PURE__ */ jsxRuntime.jsx(LoadingIcon2, {}) }) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.controlButtonIcon, classNames?.icon), children: icon }) : null,
-        iconOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: resolvedLabel }) : resolvedLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.controlButtonLabel, classNames?.label), children: resolvedLabel }) : null,
-        endIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn2(theme.slots.controlButtonIcon, classNames?.icon), children: endIcon }) : null
-      ]
-    }
-  );
-});
 
 // src/theme-system/resolve-theme.ts
 var DEFAULT_THEME_ID = "default";