@majoo-ui/react 1.62.7 → 1.63.0-rc.2

package/index.esm.js

@@ -412,14 +412,14 @@ function requireReactPropTypesSecret () {
 	return ReactPropTypesSecret_1;
 }
 
-var has$a;
+var has$9;
 var hasRequiredHas;
 
 function requireHas () {
-	if (hasRequiredHas) return has$a;
+	if (hasRequiredHas) return has$9;
 	hasRequiredHas = 1;
-	has$a = Function.call.bind(Object.prototype.hasOwnProperty);
-	return has$a;
+	has$9 = Function.call.bind(Object.prototype.hasOwnProperty);
+	return has$9;
 }
 
 /**
@@ -1282,7 +1282,7 @@ var globalThis_1 =
 
 var objectGetOwnPropertyDescriptor = {};
 
-var fails$i = function (exec) {
+var fails$j = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -1290,19 +1290,19 @@ var fails$i = function (exec) {
   }
 };
 
-var fails$h = fails$i;
+var fails$i = fails$j;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$h(function () {
+var descriptors = !fails$i(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
-var fails$g = fails$i;
+var fails$h = fails$j;
 
-var functionBindNative = !fails$g(function () {
+var functionBindNative = !fails$h(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
-  var test = (function () { /* empty */ }).bind();
+  var test = function () { /* empty */ }.bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
   return typeof test != 'function' || test.hasOwnProperty('prototype');
 });
@@ -1363,14 +1363,14 @@ var classofRaw$2 = function (it) {
 };
 
 var uncurryThis$k = functionUncurryThis;
-var fails$f = fails$i;
+var fails$g = fails$j;
 var classof$5 = classofRaw$2;
 
 var $Object$4 = Object;
 var split = uncurryThis$k(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$f(function () {
+var indexedObject = fails$g(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
@@ -1473,13 +1473,13 @@ var environmentV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = environmentV8Version;
-var fails$e = fails$i;
+var fails$f = fails$j;
 var globalThis$b = globalThis_1;
 
 var $String$5 = globalThis$b.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$e(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$f(function () {
   var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -1565,11 +1565,11 @@ var isPure = false;
 var globalThis$a = globalThis_1;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$2 = Object.defineProperty;
+var defineProperty$3 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$2(globalThis$a, key, { value: value, configurable: true, writable: true });
+    defineProperty$3(globalThis$a, key, { value: value, configurable: true, writable: true });
   } catch (error) {
     globalThis$a[key] = value;
   } return value;
@@ -1582,10 +1582,10 @@ var SHARED = '__core-js_shared__';
 var store$3 = sharedStore.exports = globalThis$9[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.48.0',
+  version: '3.49.0',
   mode: 'global',
   copyright: '© 2013–2025 Denis Pushkarev (zloirock.ru), 2025–2026 CoreJS Company (core-js.io). All rights reserved.',
-  license: 'https://github.com/zloirock/core-js/blob/v3.48.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.49.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -1640,7 +1640,7 @@ var Symbol$5 = globalThis$8.Symbol;
 var WellKnownSymbolsStore = shared$2('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$5['for'] || Symbol$5 : Symbol$5 && Symbol$5.withoutSetter || uid$2;
 
-var wellKnownSymbol$8 = function (name) {
+var wellKnownSymbol$9 = function (name) {
   if (!hasOwn$a(WellKnownSymbolsStore, name)) {
     WellKnownSymbolsStore[name] = NATIVE_SYMBOL$2 && hasOwn$a(Symbol$5, name)
       ? Symbol$5[name]
@@ -1653,10 +1653,10 @@ var isObject$9 = isObject$b;
 var isSymbol$6 = isSymbol$7;
 var getMethod$3 = getMethod$4;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$7 = wellKnownSymbol$8;
+var wellKnownSymbol$8 = wellKnownSymbol$9;
 
 var $TypeError$b = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$7('toPrimitive');
+var TO_PRIMITIVE = wellKnownSymbol$8('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
@@ -1696,11 +1696,11 @@ var documentCreateElement$1 = function (it) {
 };
 
 var DESCRIPTORS$c = descriptors;
-var fails$d = fails$i;
+var fails$e = fails$j;
 var createElement = documentCreateElement$1;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$c && !fails$d(function () {
+var ie8DomDefine = !DESCRIPTORS$c && !fails$e(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
@@ -1733,11 +1733,11 @@ objectGetOwnPropertyDescriptor.f = DESCRIPTORS$b ? $getOwnPropertyDescriptor$1 :
 var objectDefineProperty = {};
 
 var DESCRIPTORS$a = descriptors;
-var fails$c = fails$i;
+var fails$d = fails$j;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$a && fails$c(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$a && fails$d(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -1872,10 +1872,10 @@ var hiddenKeys$3 = hiddenKeys$4;
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
 var TypeError$1 = globalThis$5.TypeError;
 var WeakMap = globalThis$5.WeakMap;
-var set$2, get$4, has$9;
+var set$2, get$4, has$8;
 
 var enforce = function (it) {
-  return has$9(it) ? get$4(it) : set$2(it, {});
+  return has$8(it) ? get$4(it) : set$2(it, {});
 };
 
 var getterFor = function (TYPE) {
@@ -1903,7 +1903,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   get$4 = function (it) {
     return store.get(it) || {};
   };
-  has$9 = function (it) {
+  has$8 = function (it) {
     return store.has(it);
   };
 } else {
@@ -1918,7 +1918,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   get$4 = function (it) {
     return hasOwn$7(it, STATE) ? it[STATE] : {};
   };
-  has$9 = function (it) {
+  has$8 = function (it) {
     return hasOwn$7(it, STATE);
   };
 }
@@ -1926,13 +1926,13 @@ if (NATIVE_WEAK_MAP || shared.state) {
 var internalState = {
   set: set$2,
   get: get$4,
-  has: has$9,
+  has: has$8,
   enforce: enforce,
   getterFor: getterFor
 };
 
 var uncurryThis$f = functionUncurryThis;
-var fails$b = fails$i;
+var fails$c = fails$j;
 var isCallable$8 = isCallable$g;
 var hasOwn$6 = hasOwnProperty_1;
 var DESCRIPTORS$6 = descriptors;
@@ -1944,13 +1944,13 @@ var enforceInternalState = InternalStateModule$1.enforce;
 var getInternalState$1 = InternalStateModule$1.get;
 var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$1 = Object.defineProperty;
+var defineProperty$2 = Object.defineProperty;
 var stringSlice = uncurryThis$f(''.slice);
 var replace$1 = uncurryThis$f(''.replace);
 var join = uncurryThis$f([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$6 && !fails$b(function () {
-  return defineProperty$1(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+var CONFIGURABLE_LENGTH = DESCRIPTORS$6 && !fails$c(function () {
+  return defineProperty$2(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
@@ -1962,15 +1962,15 @@ var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
   if (!hasOwn$6(value, 'name') || (CONFIGURABLE_FUNCTION_NAME && value.name !== name)) {
-    if (DESCRIPTORS$6) defineProperty$1(value, 'name', { value: name, configurable: true });
+    if (DESCRIPTORS$6) defineProperty$2(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
   if (CONFIGURABLE_LENGTH && options && hasOwn$6(options, 'arity') && value.length !== options.arity) {
-    defineProperty$1(value, 'length', { value: options.arity });
+    defineProperty$2(value, 'length', { value: options.arity });
   }
   try {
     if (options && hasOwn$6(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$6) defineProperty$1(value, 'prototype', { writable: false });
+      if (DESCRIPTORS$6) defineProperty$2(value, 'prototype', { writable: false });
     // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
     } else if (value.prototype) value.prototype = undefined;
   } catch (error) { /* empty */ }
@@ -2097,6 +2097,9 @@ var createMethod = function (IS_INCLUDES) {
 };
 
 var arrayIncludes = {
+  // `Array.prototype.includes` method
+  // https://tc39.es/ecma262/#sec-array.prototype.includes
+  includes: createMethod(true),
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
   indexOf: createMethod(false)
@@ -2183,7 +2186,7 @@ var copyConstructorProperties$1 = function (target, source, exceptions) {
   }
 };
 
-var fails$a = fails$i;
+var fails$b = fails$j;
 var isCallable$6 = isCallable$g;
 
 var replacement = /#|\.prototype\./;
@@ -2192,7 +2195,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize$1(feature)];
   return value === POLYFILL ? true
     : value === NATIVE ? false
-    : isCallable$6(detection) ? fails$a(detection)
+    : isCallable$6(detection) ? fails$b(detection)
     : !!detection;
 };
 
@@ -2270,9 +2273,9 @@ var anInstance$1 = function (it, Prototype) {
   throw new $TypeError$8('Incorrect invocation');
 };
 
-var fails$9 = fails$i;
+var fails$a = fails$j;
 
-var correctPrototypeGetter = !fails$9(function () {
+var correctPrototypeGetter = !fails$a(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -2302,12 +2305,12 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
 };
 
 var makeBuiltIn = makeBuiltInExports;
-var defineProperty = objectDefineProperty;
+var defineProperty$1 = objectDefineProperty;
 
 var defineBuiltInAccessor$2 = function (target, name, descriptor) {
   if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
   if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
-  return defineProperty.f(target, name, descriptor);
+  return defineProperty$1.f(target, name, descriptor);
 };
 
 var DESCRIPTORS$5 = descriptors;
@@ -2441,14 +2444,14 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var fails$8 = fails$i;
+var fails$9 = fails$j;
 var isCallable$4 = isCallable$g;
 var isObject$5 = isObject$b;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$3 = defineBuiltIn$5;
-var wellKnownSymbol$6 = wellKnownSymbol$8;
+var wellKnownSymbol$7 = wellKnownSymbol$9;
 
-var ITERATOR$3 = wellKnownSymbol$6('iterator');
+var ITERATOR$3 = wellKnownSymbol$7('iterator');
 
 // `%IteratorPrototype%` object
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-object
@@ -2465,7 +2468,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$5(IteratorPrototype$2) || fails$8(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$5(IteratorPrototype$2) || fails$9(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$3].call(test) !== test;
@@ -2484,7 +2487,7 @@ if (!isCallable$4(IteratorPrototype$2[ITERATOR$3])) {
 var iteratorsCore = {
   IteratorPrototype: IteratorPrototype$2};
 
-var $$k = _export;
+var $$l = _export;
 var globalThis$3 = globalThis_1;
 var anInstance = anInstance$1;
 var anObject$d = anObject$i;
@@ -2492,15 +2495,15 @@ var isCallable$3 = isCallable$g;
 var getPrototypeOf = objectGetPrototypeOf;
 var defineBuiltInAccessor$1 = defineBuiltInAccessor$2;
 var createProperty$2 = createProperty$3;
-var fails$7 = fails$i;
+var fails$8 = fails$j;
 var hasOwn$2 = hasOwnProperty_1;
-var wellKnownSymbol$5 = wellKnownSymbol$8;
+var wellKnownSymbol$6 = wellKnownSymbol$9;
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
 var DESCRIPTORS$3 = descriptors;
 
 var CONSTRUCTOR = 'constructor';
 var ITERATOR$2 = 'Iterator';
-var TO_STRING_TAG$3 = wellKnownSymbol$5('toStringTag');
+var TO_STRING_TAG$3 = wellKnownSymbol$6('toStringTag');
 
 var $TypeError$7 = TypeError;
 var NativeIterator = globalThis$3[ITERATOR$2];
@@ -2509,7 +2512,7 @@ var NativeIterator = globalThis$3[ITERATOR$2];
 var FORCED$6 = !isCallable$3(NativeIterator)
   || NativeIterator.prototype !== IteratorPrototype$1
   // FF44- non-standard `Iterator` passes previous tests
-  || !fails$7(function () { NativeIterator({}); });
+  || !fails$8(function () { NativeIterator({}); });
 
 var IteratorConstructor = function Iterator() {
   anInstance(this, IteratorPrototype$1);
@@ -2543,7 +2546,7 @@ IteratorConstructor.prototype = IteratorPrototype$1;
 
 // `Iterator` constructor
 // https://tc39.es/ecma262/#sec-iterator
-$$k({ global: true, constructor: true, forced: FORCED$6 }, {
+$$l({ global: true, constructor: true, forced: FORCED$6 }, {
   Iterator: IteratorConstructor
 });
 
@@ -2611,10 +2614,10 @@ var iteratorCloseAll$1 = function (iters, kind, value) {
 };
 
 var call$d = functionCall;
-var create = objectCreate;
+var create$1 = objectCreate;
 var createNonEnumerableProperty = createNonEnumerableProperty$3;
 var defineBuiltIns = defineBuiltIns$1;
-var wellKnownSymbol$4 = wellKnownSymbol$8;
+var wellKnownSymbol$5 = wellKnownSymbol$9;
 var InternalStateModule = internalState;
 var getMethod$1 = getMethod$4;
 var IteratorPrototype = iteratorsCore.IteratorPrototype;
@@ -2622,7 +2625,7 @@ var createIterResultObject = createIterResultObject$1;
 var iteratorClose$b = iteratorClose$d;
 var iteratorCloseAll = iteratorCloseAll$1;
 
-var TO_STRING_TAG$2 = wellKnownSymbol$4('toStringTag');
+var TO_STRING_TAG$2 = wellKnownSymbol$5('toStringTag');
 var ITERATOR_HELPER = 'IteratorHelper';
 var WRAP_FOR_VALID_ITERATOR = 'WrapForValidIterator';
 var NORMAL = 'normal';
@@ -2632,7 +2635,7 @@ var setInternalState = InternalStateModule.set;
 var createIteratorProxyPrototype = function (IS_ITERATOR) {
   var getInternalState = InternalStateModule.getterFor(IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER);
 
-  return defineBuiltIns(create(IteratorPrototype), {
+  return defineBuiltIns(create$1(IteratorPrototype), {
     next: function next() {
       var state = getInternalState(this);
       // for simplification:
@@ -2651,11 +2654,13 @@ var createIteratorProxyPrototype = function (IS_ITERATOR) {
     'return': function () {
       var state = getInternalState(this);
       var iterator = state.iterator;
+      var done = state.done;
       state.done = true;
       if (IS_ITERATOR) {
         var returnMethod = getMethod$1(iterator, 'return');
         return returnMethod ? call$d(returnMethod, iterator) : createIterResultObject(undefined, true);
       }
+      if (done) return createIterResultObject(undefined, true);
       if (state.inner) try {
         iteratorClose$b(state.inner.iterator, NORMAL);
       } catch (error) {
@@ -2664,7 +2669,8 @@ var createIteratorProxyPrototype = function (IS_ITERATOR) {
       if (state.openIters) try {
         iteratorCloseAll(state.openIters, NORMAL);
       } catch (error) {
-        return iteratorClose$b(iterator, THROW, error);
+        if (iterator) return iteratorClose$b(iterator, THROW, error);
+        throw error;
       }
       if (iterator) iteratorClose$b(iterator, NORMAL);
       return createIterResultObject(undefined, true);
@@ -2743,7 +2749,7 @@ var iteratorHelperWithoutClosingOnEarlyError$7 = function (METHOD_NAME, Expected
   if (!CLOSED) return method;
 };
 
-var $$j = _export;
+var $$k = _export;
 var call$c = functionCall;
 var aCallable$b = aCallable$d;
 var anObject$a = anObject$i;
@@ -2776,7 +2782,7 @@ var IteratorProxy$1 = createIteratorProxy$1(function () {
 
 // `Iterator.prototype.filter` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.filter
-$$j({ target: 'Iterator', proto: true, real: true, forced: FORCED$5 }, {
+$$k({ target: 'Iterator', proto: true, real: true, forced: FORCED$5 }, {
   filter: function filter(predicate) {
     anObject$a(this);
     try {
@@ -2819,20 +2825,20 @@ var functionBindContext = function (fn, that) {
 
 var iterators = {};
 
-var wellKnownSymbol$3 = wellKnownSymbol$8;
+var wellKnownSymbol$4 = wellKnownSymbol$9;
 var Iterators$1 = iterators;
 
-var ITERATOR$1 = wellKnownSymbol$3('iterator');
-var ArrayPrototype = Array.prototype;
+var ITERATOR$1 = wellKnownSymbol$4('iterator');
+var ArrayPrototype$1 = Array.prototype;
 
 // check on default Array iterator
 var isArrayIteratorMethod$1 = function (it) {
-  return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$1] === it);
+  return it !== undefined && (Iterators$1.Array === it || ArrayPrototype$1[ITERATOR$1] === it);
 };
 
-var wellKnownSymbol$2 = wellKnownSymbol$8;
+var wellKnownSymbol$3 = wellKnownSymbol$9;
 
-var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol$3('toStringTag');
 var test = {};
 // eslint-disable-next-line unicorn/no-immediate-mutation -- ES3 syntax limitation
 test[TO_STRING_TAG$1] = 'z';
@@ -2842,9 +2848,9 @@ var toStringTagSupport = String(test) === '[object z]';
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var isCallable$2 = isCallable$g;
 var classofRaw = classofRaw$2;
-var wellKnownSymbol$1 = wellKnownSymbol$8;
+var wellKnownSymbol$2 = wellKnownSymbol$9;
 
-var TO_STRING_TAG = wellKnownSymbol$1('toStringTag');
+var TO_STRING_TAG = wellKnownSymbol$2('toStringTag');
 var $Object = Object;
 
 // ES3 wrong here
@@ -2873,9 +2879,9 @@ var classof$3 = classof$4;
 var getMethod = getMethod$4;
 var isNullOrUndefined = isNullOrUndefined$3;
 var Iterators = iterators;
-var wellKnownSymbol = wellKnownSymbol$8;
+var wellKnownSymbol$1 = wellKnownSymbol$9;
 
-var ITERATOR = wellKnownSymbol('iterator');
+var ITERATOR = wellKnownSymbol$1('iterator');
 
 var getIteratorMethod$2 = function (it) {
   if (!isNullOrUndefined(it)) return getMethod(it, ITERATOR)
@@ -2927,7 +2933,9 @@ var iterate$8 = function (iterable, unboundFunction, options) {
   var iterator, iterFn, index, length, result, next, step;
 
   var stop = function (condition) {
-    if (iterator) iteratorClose$8(iterator, 'normal');
+    var $iterator = iterator;
+    iterator = undefined;
+    if ($iterator) iteratorClose$8($iterator, 'normal');
     return new Result(true, condition);
   };
 
@@ -2957,16 +2965,19 @@ var iterate$8 = function (iterable, unboundFunction, options) {
 
   next = IS_RECORD ? iterable.next : iterator.next;
   while (!(step = call$a(next, iterator)).done) {
+    // `IteratorValue` errors should propagate without closing the iterator
+    var value = step.value;
     try {
-      result = callFn(step.value);
+      result = callFn(value);
     } catch (error) {
-      iteratorClose$8(iterator, 'throw', error);
+      if (iterator) iteratorClose$8(iterator, 'throw', error);
+      else throw error;
     }
     if (typeof result == 'object' && result && isPrototypeOf(ResultPrototype, result)) return result;
   } return new Result(false);
 };
 
-var $$i = _export;
+var $$j = _export;
 var call$9 = functionCall;
 var iterate$7 = iterate$8;
 var aCallable$8 = aCallable$d;
@@ -2979,7 +2990,7 @@ var forEachWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError
 
 // `Iterator.prototype.forEach` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.foreach
-$$i({ target: 'Iterator', proto: true, real: true, forced: forEachWithoutClosingOnEarlyError }, {
+$$j({ target: 'Iterator', proto: true, real: true, forced: forEachWithoutClosingOnEarlyError }, {
   forEach: function forEach(fn) {
     anObject$7(this);
     try {
@@ -2998,7 +3009,7 @@ $$i({ target: 'Iterator', proto: true, real: true, forced: forEachWithoutClosing
   }
 });
 
-var $$h = _export;
+var $$i = _export;
 var call$8 = functionCall;
 var aCallable$7 = aCallable$d;
 var anObject$6 = anObject$i;
@@ -3024,7 +3035,7 @@ var IteratorProxy = createIteratorProxy(function () {
 
 // `Iterator.prototype.map` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.map
-$$h({ target: 'Iterator', proto: true, real: true, forced: FORCED$4 }, {
+$$i({ target: 'Iterator', proto: true, real: true, forced: FORCED$4 }, {
   map: function map(mapper) {
     anObject$6(this);
     try {
@@ -3055,11 +3066,11 @@ var setHelpers = {
   proto: SetPrototype$1
 };
 
-var has$8 = setHelpers.has;
+var has$7 = setHelpers.has;
 
 // Perform ? RequireInternalSlot(M, [[SetData]])
 var aSet$7 = function (it) {
-  has$8(it);
+  has$7(it);
   return it;
 };
 
@@ -3168,7 +3179,7 @@ var getSetRecord$6 = getSetRecord$7;
 var iterateSet$2 = setIterate;
 var iterateSimple$5 = iterateSimple$7;
 
-var has$7 = SetHelpers$2.has;
+var has$6 = SetHelpers$2.has;
 var remove$1 = SetHelpers$2.remove;
 
 // `Set.prototype.difference` method
@@ -3177,11 +3188,11 @@ var setDifference = function difference(other) {
   var O = aSet$6(this);
   var otherRec = getSetRecord$6(other);
   var result = clone$2(O);
-  if (size$4(O) <= otherRec.size) iterateSet$2(O, function (e) {
+  if (size$4(result) <= otherRec.size) iterateSet$2(result, function (e) {
     if (otherRec.includes(e)) remove$1(result, e);
   });
   else iterateSimple$5(otherRec.getIterator(), function (e) {
-    if (has$7(result, e)) remove$1(result, e);
+    if (has$6(result, e)) remove$1(result, e);
   });
   return result;
 };
@@ -3244,16 +3255,16 @@ var setMethodAcceptSetLike$7 = function (name, callback) {
   }
 };
 
-var $$g = _export;
+var $$h = _export;
 var difference = setDifference;
-var fails$6 = fails$i;
+var fails$7 = fails$j;
 var setMethodAcceptSetLike$6 = setMethodAcceptSetLike$7;
 
 var SET_LIKE_INCORRECT_BEHAVIOR = !setMethodAcceptSetLike$6('difference', function (result) {
   return result.size === 0;
 });
 
-var FORCED$3 = SET_LIKE_INCORRECT_BEHAVIOR || fails$6(function () {
+var FORCED$3 = SET_LIKE_INCORRECT_BEHAVIOR || fails$7(function () {
   // https://bugs.webkit.org/show_bug.cgi?id=288595
   var setLike = {
     size: 1,
@@ -3277,7 +3288,7 @@ var FORCED$3 = SET_LIKE_INCORRECT_BEHAVIOR || fails$6(function () {
 
 // `Set.prototype.difference` method
 // https://tc39.es/ecma262/#sec-set.prototype.difference
-$$g({ target: 'Set', proto: true, real: true, forced: FORCED$3 }, {
+$$h({ target: 'Set', proto: true, real: true, forced: FORCED$3 }, {
   difference: difference
 });
 
@@ -3290,7 +3301,7 @@ var iterateSimple$4 = iterateSimple$7;
 
 var Set$1 = SetHelpers$1.Set;
 var add$2 = SetHelpers$1.add;
-var has$6 = SetHelpers$1.has;
+var has$5 = SetHelpers$1.has;
 
 // `Set.prototype.intersection` method
 // https://tc39.es/ecma262/#sec-set.prototype.intersection
@@ -3301,7 +3312,7 @@ var setIntersection = function intersection(other) {
 
   if (size$3(O) > otherRec.size) {
     iterateSimple$4(otherRec.getIterator(), function (e) {
-      if (has$6(O, e)) add$2(result, e);
+      if (has$5(O, e)) add$2(result, e);
     });
   } else {
     iterateSet$1(O, function (e) {
@@ -3312,26 +3323,26 @@ var setIntersection = function intersection(other) {
   return result;
 };
 
-var $$f = _export;
-var fails$5 = fails$i;
+var $$g = _export;
+var fails$6 = fails$j;
 var intersection = setIntersection;
 var setMethodAcceptSetLike$5 = setMethodAcceptSetLike$7;
 
 var INCORRECT$3 = !setMethodAcceptSetLike$5('intersection', function (result) {
   return result.size === 2 && result.has(1) && result.has(2);
-}) || fails$5(function () {
+}) || fails$6(function () {
   // eslint-disable-next-line es/no-array-from, es/no-set, es/no-set-prototype-intersection -- testing
   return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
 });
 
 // `Set.prototype.intersection` method
 // https://tc39.es/ecma262/#sec-set.prototype.intersection
-$$f({ target: 'Set', proto: true, real: true, forced: INCORRECT$3 }, {
+$$g({ target: 'Set', proto: true, real: true, forced: INCORRECT$3 }, {
   intersection: intersection
 });
 
 var aSet$4 = aSet$7;
-var has$5 = setHelpers.has;
+var has$4 = setHelpers.has;
 var size$2 = setSize;
 var getSetRecord$4 = getSetRecord$7;
 var iterateSet = setIterate;
@@ -3348,11 +3359,11 @@ var setIsDisjointFrom = function isDisjointFrom(other) {
   }, true) !== false;
   var iterator = otherRec.getIterator();
   return iterateSimple$3(iterator, function (e) {
-    if (has$5(O, e)) return iteratorClose$5(iterator, 'normal', false);
+    if (has$4(O, e)) return iteratorClose$5(iterator.iterator, 'normal', false);
   }) !== false;
 };
 
-var $$e = _export;
+var $$f = _export;
 var isDisjointFrom = setIsDisjointFrom;
 var setMethodAcceptSetLike$4 = setMethodAcceptSetLike$7;
 
@@ -3362,7 +3373,7 @@ var INCORRECT$2 = !setMethodAcceptSetLike$4('isDisjointFrom', function (result)
 
 // `Set.prototype.isDisjointFrom` method
 // https://tc39.es/ecma262/#sec-set.prototype.isdisjointfrom
-$$e({ target: 'Set', proto: true, real: true, forced: INCORRECT$2 }, {
+$$f({ target: 'Set', proto: true, real: true, forced: INCORRECT$2 }, {
   isDisjointFrom: isDisjointFrom
 });
 
@@ -3382,7 +3393,7 @@ var setIsSubsetOf = function isSubsetOf(other) {
   }, true) !== false;
 };
 
-var $$d = _export;
+var $$e = _export;
 var isSubsetOf = setIsSubsetOf;
 var setMethodAcceptSetLike$3 = setMethodAcceptSetLike$7;
 
@@ -3392,12 +3403,12 @@ var INCORRECT$1 = !setMethodAcceptSetLike$3('isSubsetOf', function (result) {
 
 // `Set.prototype.isSubsetOf` method
 // https://tc39.es/ecma262/#sec-set.prototype.issubsetof
-$$d({ target: 'Set', proto: true, real: true, forced: INCORRECT$1 }, {
+$$e({ target: 'Set', proto: true, real: true, forced: INCORRECT$1 }, {
   isSubsetOf: isSubsetOf
 });
 
 var aSet$2 = aSet$7;
-var has$4 = setHelpers.has;
+var has$3 = setHelpers.has;
 var size = setSize;
 var getSetRecord$2 = getSetRecord$7;
 var iterateSimple$2 = iterateSimple$7;
@@ -3411,11 +3422,11 @@ var setIsSupersetOf = function isSupersetOf(other) {
   if (size(O) < otherRec.size) return false;
   var iterator = otherRec.getIterator();
   return iterateSimple$2(iterator, function (e) {
-    if (!has$4(O, e)) return iteratorClose$4(iterator, 'normal', false);
+    if (!has$3(O, e)) return iteratorClose$4(iterator.iterator, 'normal', false);
   }) !== false;
 };
 
-var $$c = _export;
+var $$d = _export;
 var isSupersetOf = setIsSupersetOf;
 var setMethodAcceptSetLike$2 = setMethodAcceptSetLike$7;
 
@@ -3425,7 +3436,7 @@ var INCORRECT = !setMethodAcceptSetLike$2('isSupersetOf', function (result) {
 
 // `Set.prototype.isSupersetOf` method
 // https://tc39.es/ecma262/#sec-set.prototype.issupersetof
-$$c({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+$$d({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
   isSupersetOf: isSupersetOf
 });
 
@@ -3436,7 +3447,7 @@ var getSetRecord$1 = getSetRecord$7;
 var iterateSimple$1 = iterateSimple$7;
 
 var add$1 = SetHelpers.add;
-var has$3 = SetHelpers.has;
+var has$2 = SetHelpers.has;
 var remove = SetHelpers.remove;
 
 // `Set.prototype.symmetricDifference` method
@@ -3446,7 +3457,7 @@ var setSymmetricDifference = function symmetricDifference(other) {
   var keysIter = getSetRecord$1(other).getIterator();
   var result = clone$1(O);
   iterateSimple$1(keysIter, function (e) {
-    if (has$3(O, e)) remove(result, e);
+    if (has$2(O, e)) remove(result, e);
     else add$1(result, e);
   });
   return result;
@@ -3482,7 +3493,7 @@ var setMethodGetKeysBeforeCloningDetection = function (METHOD_NAME) {
   }
 };
 
-var $$b = _export;
+var $$c = _export;
 var symmetricDifference = setSymmetricDifference;
 var setMethodGetKeysBeforeCloning$1 = setMethodGetKeysBeforeCloningDetection;
 var setMethodAcceptSetLike$1 = setMethodAcceptSetLike$7;
@@ -3491,7 +3502,7 @@ var FORCED$2 = !setMethodAcceptSetLike$1('symmetricDifference') || !setMethodGet
 
 // `Set.prototype.symmetricDifference` method
 // https://tc39.es/ecma262/#sec-set.prototype.symmetricdifference
-$$b({ target: 'Set', proto: true, real: true, forced: FORCED$2 }, {
+$$c({ target: 'Set', proto: true, real: true, forced: FORCED$2 }, {
   symmetricDifference: symmetricDifference
 });
 
@@ -3513,7 +3524,7 @@ var setUnion = function union(other) {
   return result;
 };
 
-var $$a = _export;
+var $$b = _export;
 var union = setUnion;
 var setMethodGetKeysBeforeCloning = setMethodGetKeysBeforeCloningDetection;
 var setMethodAcceptSetLike = setMethodAcceptSetLike$7;
@@ -3522,7 +3533,7 @@ var FORCED$1 = !setMethodAcceptSetLike('union') || !setMethodGetKeysBeforeClonin
 
 // `Set.prototype.union` method
 // https://tc39.es/ecma262/#sec-set.prototype.union
-$$a({ target: 'Set', proto: true, real: true, forced: FORCED$1 }, {
+$$b({ target: 'Set', proto: true, real: true, forced: FORCED$1 }, {
   union: union
 });
 
@@ -3542,6 +3553,7 @@ const {
     shadows: Object.assign({}, foundations.shadows),
     fontSizes: Object.assign({}, foundations.fontSizes),
     fonts: Object.assign({}, foundations.fonts),
+    fontWeights: Object.assign({}, foundations.fontWeights),
     lineHeights: Object.assign({}, foundations.lineHeights),
     letterSpacings: Object.assign({}, foundations.letterSpacings),
     radii: Object.assign({}, foundations.radii),
@@ -3607,7 +3619,99 @@ createTheme({
     bgBorder: '#004a49'
   }
 });
-const colors$7 = foundations.colors;
+createTheme({
+  colors: {
+    btnPrimary: '#124FE3',
+    btnHoverPrimary: '#124FE3',
+    btnActivePrimary: '#183B90',
+    textBrand: '#124FE3',
+    primary50: '#EDF2FD',
+    primary100: '#D1DDFA',
+    primary200: '#A3BBF6',
+    primary300: '#6B93F0',
+    primary400: '#3A70EE',
+    primary500: '#124FE3',
+    primary600: '#0D41BA',
+    primary700: '#093395',
+    primary800: '#09276C',
+    primary900: '#081A45',
+    btnNegative: '#D50B3E',
+    btnHoverNegative: '#AF0932',
+    btnActiveNegative: '#880727',
+    textRed: '#D50B3E',
+    btnHoverSecondary: '#EDF2FD',
+    btnActiveSecondary: '#D1DDFA',
+    btnHoverNegativeSecondary: '#FCE9EA',
+    btnActiveNegativeSecondary: '#F5BCC0',
+    gray50: '#F6F8FA',
+    gray100: '#ECEFF5',
+    gray150: '#D6DCE3',
+    gray200: '#D6DCE3',
+    gray300: '#AFBECB',
+    gray400: '#819CB0',
+    gray500: '#627F95',
+    gray600: '#4C677B',
+    gray700: '#3F5264',
+    gray800: '#384655',
+    gray900: '#323C49',
+    textDisable: '#819BAF',
+    bgBorder: '#EBEFF3',
+    textPrimary: '#29323C',
+    textSecondary: '#3F5265',
+    borderFocus: '#BBDDFF',
+    iconBrand: '#124FE3',
+    iconAccent: '#8DC8FF',
+    bgBrand: '#124FE3',
+    iconGreen: '#9BE9D8',
+    borderActive: '#29323C',
+    red50: '#FEF0F3',
+    red100: '#FCD8DE',
+    red200: '#F9A8B4',
+    red300: '#F47689',
+    red400: '#E83D57',
+    red500: '#D50B3E',
+    red600: '#AF0932',
+    red700: '#880727',
+    red800: '#62051C',
+    red900: '#3B0311',
+    red1000: '#1F0209',
+    bgGray: '#F6F8F9',
+    bgSuccess: '#EEFBF4',
+    bgFailed: '#FEF0F4',
+    bgInactive: '#F7F7F8',
+    textGreen: '#17663A',
+    hlFailed: '#D50B3E',
+    hlSuccess: '#56B35F',
+    hlPending: '#F07167',
+    hlNews: '#124FE3',
+    textBlue: '#0075AD',
+    cardBorder: '#EBEFF3',
+    bgSelectedLight: '#EFF7FF',
+    btnSelect: '#29323C',
+    chartBrand: '#124FE3',
+    chartLightBrand: '#EBEFF3'
+  },
+  shadows: {
+    card: 'none'
+  },
+  sizes: {
+    cardLineHeight: '0px'
+  },
+  fontWeights: {
+    cardLabel: '400',
+    cardLabelMd: '400',
+    cardDesc: '700'
+  },
+  fontSizes: {
+    cardLabelMd: '12px',
+    cardDescMd: '14px'
+  },
+  lineHeights: {
+    cardLabelMd: '16px',
+    cardDescMd: '20px'
+  }
+});
+const colors$7 = theme.colors;
 
 const normalize = {
   '*,::before,::after': {
@@ -3846,10 +3950,13 @@ const applyGlobalStyles = (additionaStyles, theme) => {
   const globalStyles = globalCss({
     ...normalize
   }, {
+    // Use raw font value from theme if available, so consumer themes
+    // (created via createTheme) correctly override the default font.
+    // Falling back to '$main' token for the default theme.
     'html,body,#root': {
       width: '100%',
       height: '100%',
-      fontFamily: '$main'
+      fontFamily: theme?.fonts?.main?.value || '$main'
     },
     'h1,h2,h3,h4,h5,h6,p': {
       margin: '0'
@@ -4574,7 +4681,8 @@ const Colors$1 = props => {
       backgroundColor: `${i.hex}`
     }
   }), /*#__PURE__*/React__default.createElement(StyledFlex, {
-    justify: "between"
+    justify: "between",
+    wrap: "wrap"
   }, /*#__PURE__*/React__default.createElement(StyledParagraph, {
     onClick: onClick(i.name)
   }, i.name), /*#__PURE__*/React__default.createElement(StyledParagraph, {
@@ -4657,6 +4765,9 @@ const Text$1 = styled('p', {
       },
       white: {
         color: '$textWhite'
+      },
+      brand: {
+        color: '$textBrand'
       }
     },
     uppercase: {
@@ -4875,7 +4986,7 @@ const StyledLink = styled('a', {
      */
     color: {
       success: {
-        color: '$primary500'
+        color: '$textGreen'
       },
       info: {
         color: '$hlNews'
@@ -4884,7 +4995,7 @@ const StyledLink = styled('a', {
         color: '$hlProcess'
       },
       failed: {
-        color: '$hlFailed'
+        color: '$textRed'
       },
       pending: {
         color: '$hlPending'
@@ -5228,40 +5339,40 @@ const ButtonPrimary = {
   color: '$textWhite',
   border: 'none',
   '&:hover': {
-    backgroundColor: '$primary600'
+    backgroundColor: '$btnHoverPrimary'
   },
   '&:active': {
-    backgroundColor: '$primary700'
+    backgroundColor: '$btnActivePrimary'
   }
 };
 const PrimarySecondary = {
   backgroundColor: '$btnSecondary',
   border: '1px solid $btnPrimary',
-  color: '$textGreen',
+  color: '$textBrand',
   '&:hover': {
-    backgroundColor: '$primary50',
+    backgroundColor: '$btnHoverSecondary',
     border: '1px solid $btnPrimary',
-    color: '$textGreen'
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$primary100',
+    backgroundColor: '$btnActiveSecondary',
     border: '1px solid $btnPrimary'
   }
 };
 const GhostButton = {
   backgroundColor: '$btnSecondary',
-  color: '$textGreen',
+  color: '$textBrand',
   border: 'none',
   '&:focus': {
     outline: 'none'
   },
   '&:hover': {
-    backgroundColor: '$primary50',
-    outline: '1px solid $primary50',
-    color: '$textGreen'
+    backgroundColor: '$btnHoverSecondary',
+    outline: '1px solid $btnHoverSecondary',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$primary100',
+    backgroundColor: '$btnActiveSecondary',
     outline: '1px solid $btnPrimary'
   }
 };
@@ -5270,10 +5381,10 @@ const ButtonNegative = {
   color: '$textWhite',
   border: 'none',
   '&:hover': {
-    backgroundColor: '$red600'
+    backgroundColor: '$btnHoverNegative'
   },
   '&:active': {
-    backgroundColor: '$red700'
+    backgroundColor: '$btnActiveNegative'
   }
 };
 const ButtonNegativeSecondary = {
@@ -5281,11 +5392,11 @@ const ButtonNegativeSecondary = {
   border: '1px solid $btnNegative',
   color: '$textRed',
   '&:hover': {
-    backgroundColor: '$red50',
+    backgroundColor: '$btnHoverNegativeSecondary',
     border: '1px solid $textRed'
   },
   '&:active': {
-    backgroundColor: '$red100',
+    backgroundColor: '$btnActiveNegativeSecondary',
     border: '1px solid $textRed'
   }
 };
@@ -5294,12 +5405,12 @@ const ButtonNegativeGhost = {
   color: '$textRed',
   border: 'none',
   '&:hover': {
-    backgroundColor: '$red50',
-    outline: '1px solid $red50',
+    backgroundColor: '$btnHoverNegativeSecondary',
+    outline: '1px solid $btnHoverNegativeSecondary',
     color: '$textRed'
   },
   '&:active': {
-    backgroundColor: '$red100',
+    backgroundColor: '$btnActiveNegativeSecondary',
     outline: '1px solid $btnNegative'
   }
 };
@@ -5384,7 +5495,7 @@ const ButtonPrimitive = styled('button', {
   position: 'relative',
   whiteSpace: 'nowrap',
   '&:focus': {
-    outline: '2px solid #82C4E0'
+    outline: '2px solid $borderFocus'
   },
   '&:disabled': {
     border: '1px solid $btnDisable',
@@ -5555,17 +5666,18 @@ const CardComponent = styled('div', {
   borderRadius: '$lg',
   position: 'relative',
   backgroundColor: '$white',
+  border: '1px solid $cardBorder',
   variants: {
     shadow: {
       true: {
-        boxShadow: '0px 0px 11px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.03)'
+        boxShadow: '$card'
       }
     },
     isTemplateFormat: {
       true: {
         padding: '$spacing-03 $spacing-03 14px !important',
         '@md': {
-          padding: '$spacing-03 $spacing-06 14px  !important'
+          padding: '$spacing-03 $spacing-05 14px  !important'
         }
       }
     },
@@ -5588,7 +5700,7 @@ const CardComponent = styled('div', {
 });
 const CardLineColor = styled('span', {
   width: '100%',
-  height: '6px',
+  height: '$cardLineHeight',
   borderRadius: '0px 0px $lg $lg',
   position: 'absolute',
   bottom: 0,
@@ -5695,27 +5807,27 @@ const StyledIcon$1 = styled('span', {
 });
 const StyledLabel$2 = styled('h3', {
   color: '$textSecondary',
-  fontWeight: 500,
+  fontWeight: '$cardLabel',
   fontSize: '$label',
   lineHeight: '$label',
   letterSpacing: '$label',
   marginTop: 0,
   marginBottom: 8,
   '@md': {
-    fontWeight: 600,
-    fontSize: '$short-content-bold',
-    lineHeight: '$short-content-bold'
+    fontWeight: '$cardLabelMd',
+    fontSize: '$cardLabelMd',
+    lineHeight: '$cardLabelMd'
   }
 });
 const StyledDescription$3 = styled('p', {
   color: '$textPrimary',
-  fontWeight: 600,
+  fontWeight: '$cardDesc',
   fontSize: '$short-content-bold',
   lineHeight: '$short-content-bold',
   marginBottom: 0,
   '@md': {
-    fontSize: '$section-title',
-    lineHeight: '$section-title'
+    fontSize: '$cardDescMd',
+    lineHeight: '$cardDescMd'
   }
 });
 const Card = _a => {
@@ -5784,7 +5896,7 @@ const BreadcrumbStyle = styled('nav', {
     marginInline: '0.5rem',
     content: '/',
     fontSize: 12,
-    color: '$textGreen'
+    color: '$textBrand'
   },
   '& li:last-child:before': {
     color: '$textSecondary'
@@ -5802,7 +5914,7 @@ const BreadcrumbLinkStyle = styled(Text$1, {
   '&:hover': {
     textDecoration: 'underline'
   },
-  color: '$textGreen',
+  color: '$textBrand',
   variants: {
     isCurrentPage: {
       true: {
@@ -5928,7 +6040,7 @@ const Badge = styled(Text$1, {
     colorScheme: 'primary',
     badgeVariant: 'outline',
     css: {
-      color: '$primary500'
+      color: '$bgBrand'
     }
   }, {
     colorScheme: 'secondary',
@@ -5966,6 +6078,12 @@ const Badge = styled(Text$1, {
     css: {
       color: '$green500'
     }
+  }, {
+    colorScheme: 'dark',
+    badgeVariant: 'outline',
+    css: {
+      color: '$borderActive'
+    }
   }, {
     colorScheme: 'gray',
     badgeVariant: 'solid',
@@ -5976,7 +6094,7 @@ const Badge = styled(Text$1, {
     colorScheme: 'primary',
     badgeVariant: 'solid',
     css: {
-      backgroundColor: '$primary500'
+      backgroundColor: '$bgBrand'
     }
   }, {
     colorScheme: 'secondary',
@@ -6014,53 +6132,65 @@ const Badge = styled(Text$1, {
     css: {
       backgroundColor: '$green500'
     }
+  }, {
+    colorScheme: 'dark',
+    badgeVariant: 'solid',
+    css: {
+      backgroundColor: '$borderActive'
+    }
   }, {
     colorScheme: 'gray',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(139, 147, 147, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-gray500) 50%, transparent)'
     }
   }, {
     colorScheme: 'primary',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(4, 201, 158, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-bgBrand) 50%, transparent)'
     }
   }, {
     colorScheme: 'secondary',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(244, 222, 21, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-secondary500) 50%, transparent)'
     }
   }, {
     colorScheme: 'blue',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(1, 151, 244, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-blue500) 50%, transparent)'
     }
   }, {
     colorScheme: 'orange',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(254, 127, 45, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-orange500) 50%, transparent)'
     }
   }, {
     colorScheme: 'red',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(223, 42, 54, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-red500) 50%, transparent)'
     }
   }, {
     colorScheme: 'purple',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(114, 46, 209, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-purple500) 50%, transparent)'
     }
   }, {
     colorScheme: 'green',
     badgeVariant: 'alpha',
     css: {
-      backgroundColor: 'rgba(3, 161, 126, .5)'
+      backgroundColor: 'color-mix(in srgb, var(--colors-green500) 50%, transparent)'
+    }
+  }, {
+    colorScheme: 'dark',
+    badgeVariant: 'alpha',
+    css: {
+      backgroundColor: 'color-mix(in srgb, var(--colors-borderActive) 50%, transparent)'
     }
   }],
   defaultVariants: {
@@ -6433,7 +6563,7 @@ Tooltip$1.defaultProps = {
 const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
   position: 'relative',
   overflow: 'hidden',
-  background: '$chartLightGreen',
+  background: '$chartLightBrand',
   width: 'auto',
   height: '12px',
   variants: {
@@ -6463,6 +6593,9 @@ const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
       },
       dark: {
         backgroundColor: '$chartLightGray'
+      },
+      brand: {
+        backgroundColor: '$chartLightBrand'
       }
     },
     size: {
@@ -6485,7 +6618,7 @@ const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
   }
 });
 const StyledIndicator$3 = styled$1(ProgressPrimitive.Indicator, {
-  backgroundColor: '$chartGreen',
+  backgroundColor: '$chartBrand',
   height: '60%',
   transition: 'width 660ms cubic-bezier(0.65, 0, 0.35, 1)',
   variants: {
@@ -6515,6 +6648,9 @@ const StyledIndicator$3 = styled$1(ProgressPrimitive.Indicator, {
       },
       dark: {
         backgroundColor: '$chartDark'
+      },
+      brand: {
+        backgroundColor: '$chartBrand'
       }
     },
     size: {
@@ -6580,12 +6716,12 @@ Progress$1.propTypes = {
 };
 Progress$1.defaultProps = {
   max: 100,
-  color: 'green',
+  color: 'brand',
   size: 'm',
   rounded: true
 };
 
-var $$9 = _export;
+var $$a = _export;
 var call$5 = functionCall;
 var iterate$4 = iterate$8;
 var aCallable$4 = aCallable$d;
@@ -6598,7 +6734,7 @@ var someWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError$3(
 
 // `Iterator.prototype.some` method
 // https://tc39.es/ecma262/#sec-iterator.prototype.some
-$$9({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEarlyError }, {
+$$a({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEarlyError }, {
   some: function some(predicate) {
     anObject$4(this);
     try {
@@ -6617,6 +6753,55 @@ $$9({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnE
   }
 });
 
+var wellKnownSymbol = wellKnownSymbol$9;
+var create = objectCreate;
+var defineProperty = objectDefineProperty.f;
+
+var UNSCOPABLES = wellKnownSymbol('unscopables');
+var ArrayPrototype = Array.prototype;
+
+// Array.prototype[@@unscopables]
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+if (ArrayPrototype[UNSCOPABLES] === undefined) {
+  defineProperty(ArrayPrototype, UNSCOPABLES, {
+    configurable: true,
+    value: create(null)
+  });
+}
+
+// add a key to Array.prototype[@@unscopables]
+var addToUnscopables$1 = function (key) {
+  ArrayPrototype[UNSCOPABLES][key] = true;
+};
+
+var $$9 = _export;
+var $includes = arrayIncludes.includes;
+var fails$5 = fails$j;
+var addToUnscopables = addToUnscopables$1;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$5(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// Safari 26.4- bug
+var BROKEN_ON_SPARSE_WITH_FROM_INDEX = fails$5(function () {
+  // eslint-disable-next-line no-sparse-arrays, es/no-array-prototype-includes -- detection
+  return [, 1].includes(undefined, 1);
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$9({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE || BROKEN_ON_SPARSE_WITH_FROM_INDEX }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
 function useMediaQuery(query) {
   const [matches, setMatches] = useState(false);
   useEffect(() => {
@@ -6999,7 +7184,7 @@ var getIteratorDirect$3 = getIteratorDirect$9;
 var iteratorClose$2 = iteratorClose$d;
 var iteratorHelperWithoutClosingOnEarlyError$2 = iteratorHelperWithoutClosingOnEarlyError$7;
 var apply$1 = functionApply;
-var fails$4 = fails$i;
+var fails$4 = fails$j;
 
 var $TypeError$3 = TypeError;
 
@@ -8585,7 +8770,7 @@ var $TypeError$1 = TypeError;
 var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
 
 var doesNotExceedSafeInteger$1 = function (it) {
-  if (it > MAX_SAFE_INTEGER) throw $TypeError$1('Maximum allowed index exceeded');
+  if (it > MAX_SAFE_INTEGER) throw new $TypeError$1('Maximum allowed index exceeded');
   return it;
 };
 
@@ -8594,7 +8779,7 @@ var toObject = toObject$3;
 var lengthOfArrayLike$1 = lengthOfArrayLike$4;
 var setArrayLength = arraySetLength;
 var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
-var fails$3 = fails$i;
+var fails$3 = fails$j;
 
 var INCORRECT_TO_LENGTH = fails$3(function () {
   return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
@@ -10198,7 +10383,7 @@ const TagWrapper$4 = styled('div', {
       },
       varian: {
         background: '$bgWhite',
-        color: '$textGreen',
+        color: '$textBrand',
         border: '1px solid $bgBorder'
       }
     }
@@ -10572,7 +10757,7 @@ const StyledSwitch$1 = styled(SwitchPrimitive.Root, {
     right: '$spacing-03'
   },
   '&[data-state="checked"]': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     '&::before': {
       display: 'block',
       content: 'attr(dataOnLabel)',
@@ -12280,7 +12465,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
                               } : {
                                 backgroundColor: highlightedIndex === index ? '$bgGray' : 'white',
                                 fontWeight: 'normal',
-                                color: selectedItem && selectedItem.value === item.value ? '$textGreen' : '$textPrimary'
+                                color: selectedItem && selectedItem.value === item.value ? '$textBrand' : '$textPrimary'
                               } : {
                                 backgroundColor: 'unset',
                                 cursor: 'default'
@@ -12434,7 +12619,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
                           } : {
                             backgroundColor: highlightedIndex === index ? '$bgGray' : 'white',
                             fontWeight: 'normal',
-                            color: selectedItem && selectedItem.value === item.value ? '$textGreen' : '$textPrimary'
+                            color: selectedItem && selectedItem.value === item.value ? '$textBrand' : '$textPrimary'
                           } : {
                             backgroundColor: 'unset',
                             cursor: 'default'
@@ -12549,7 +12734,7 @@ var parseJsonString = function (source, i) {
 };
 
 /* eslint-disable es/no-json -- safe */
-var fails$2 = fails$i;
+var fails$2 = fails$j;
 
 var nativeRawJson = !fails$2(function () {
   var unsafeInt = '9007199254740993';
@@ -12564,7 +12749,7 @@ var getBuiltIn$1 = getBuiltIn$6;
 var apply = functionApply;
 var call$2 = functionCall;
 var uncurryThis$5 = functionUncurryThis;
-var fails$1 = fails$i;
+var fails$1 = fails$j;
 var isArray$6 = isArray$8;
 var isCallable$1 = isCallable$g;
 var isRawJSON = isRawJson;
@@ -12588,8 +12773,8 @@ var push$2 = uncurryThis$5([].push);
 var numberToString = uncurryThis$5(1.1.toString);
 
 var surrogates = /[\uD800-\uDFFF]/g;
-var lowSurrogates = /^[\uD800-\uDBFF]$/;
-var hiSurrogates = /^[\uDC00-\uDFFF]$/;
+var leadingSurrogates = /^[\uD800-\uDBFF]$/;
+var trailingSurrogates = /^[\uDC00-\uDFFF]$/;
 
 var MARK = uid();
 var MARK_LENGTH = MARK.length;
@@ -12625,7 +12810,10 @@ var stringifyWithProperSymbolsConversion = WRONG_SYMBOLS_CONVERSION ? function (
 var fixIllFormedJSON = function (match, offset, string) {
   var prev = charAt(string, offset - 1);
   var next = charAt(string, offset + 1);
-  if ((exec$1(lowSurrogates, match) && !exec$1(hiSurrogates, next)) || (exec$1(hiSurrogates, match) && !exec$1(lowSurrogates, prev))) {
+  if (
+    (exec$1(leadingSurrogates, match) && !exec$1(trailingSurrogates, next)) ||
+    (exec$1(trailingSurrogates, match) && !exec$1(leadingSurrogates, prev))
+  ) {
     return '\\u' + numberToString(charCodeAt(match, 0), 16);
   } return match;
 };
@@ -12702,16 +12890,7 @@ var mapHelpers = {
   has: uncurryThis$4(MapPrototype.has),
   remove: uncurryThis$4(MapPrototype['delete'])};
 
-var has$2 = mapHelpers.has;
-
-// Perform ? RequireInternalSlot(M, [[MapData]])
-var aMap$2 = function (it) {
-  has$2(it);
-  return it;
-};
-
 var $$3 = _export;
-var aMap$1 = aMap$2;
 var MapHelpers$1 = mapHelpers;
 var IS_PURE$1 = isPure;
 
@@ -12720,10 +12899,10 @@ var has$1 = MapHelpers$1.has;
 var set$1 = MapHelpers$1.set;
 
 // `Map.prototype.getOrInsert` method
-// https://github.com/tc39/proposal-upsert
+// https://tc39.es/ecma262/#sec-map.prototype.getorinsert
 $$3({ target: 'Map', proto: true, real: true, forced: IS_PURE$1 }, {
   getOrInsert: function getOrInsert(key, value) {
-    if (has$1(aMap$1(this), key)) return get$3(this, key);
+    if (has$1(this, key)) return get$3(this, key);
     set$1(this, key, value);
     return value;
   }
@@ -12731,7 +12910,6 @@ $$3({ target: 'Map', proto: true, real: true, forced: IS_PURE$1 }, {
 
 var $$2 = _export;
 var aCallable$1 = aCallable$d;
-var aMap = aMap$2;
 var MapHelpers = mapHelpers;
 var IS_PURE = isPure;
 
@@ -12740,12 +12918,12 @@ var has = MapHelpers.has;
 var set = MapHelpers.set;
 
 // `Map.prototype.getOrInsertComputed` method
-// https://github.com/tc39/proposal-upsert
+// https://tc39.es/ecma262/#sec-map.prototype.getorinsertcomputed
 $$2({ target: 'Map', proto: true, real: true, forced: IS_PURE }, {
   getOrInsertComputed: function getOrInsertComputed(key, callbackfn) {
-    aMap(this);
+    var hasKey = has(this, key);
     aCallable$1(callbackfn);
-    if (has(this, key)) return get$2(this, key);
+    if (hasKey) return get$2(this, key);
     // CanonicalizeKeyedCollectionKey
     if (key === 0 && 1 / key === -Infinity) key = 0;
     var value = callbackfn(key);
@@ -13732,8 +13910,8 @@ const InputSelectCheck = /*#__PURE__*/forwardRef(({
     }, !item?.hideCheck && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
       color: colors$7.iconDisable
     }) : selectedValueSet.has(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
-      color: colors$7.iconGreen
-    })), isShowSelectAll && item?.id === '!all' && selectedValue?.length && selectedValue?.length < itemsLength ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, null, "-") : /*#__PURE__*/React__default.createElement("div", null)), /*#__PURE__*/React__default.createElement(Item$2, {
+      color: colors$7.iconBrand
+    })), isShowSelectAll && item?.id === '!all' && selectedValue?.length && selectedValue?.length < itemsLength && !selectedValueSet.has('!all') ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, null, "-") : /*#__PURE__*/React__default.createElement("div", null)), /*#__PURE__*/React__default.createElement(Item$2, {
       css: {
         backgroundColor: 'unset',
         width: '100%'
@@ -13770,7 +13948,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef(({
       }, !item?.hideCheck && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
         color: colors$7.iconDisable
       }) : filterSelectedChild?.length === item?.children?.filter(e => !e.isDisabled)?.length ? /*#__PURE__*/React__default.createElement(CheckOutline, {
-        color: colors$7.iconGreen
+        color: colors$7.iconBrand
       }) : filterSelectedChild?.length > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, null, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
         css: {
           backgroundColor: 'unset',
@@ -13902,13 +14080,13 @@ const InputSelectCheck = /*#__PURE__*/forwardRef(({
     css: {
       fontSize: '$label'
     },
-    color: "green"
+    color: "brand"
   }, `${totalOptions ? totalOptions : selectedItems?.filter(item => item?.id !== '!all')?.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems?.length) && /*#__PURE__*/React__default.createElement(Paragraph, {
     css: {
       fontSize: '$label',
       marginTop: '$spacing-01'
     },
-    color: "green"
+    color: "brand"
   }, `${totalOptions ? totalOptions : selectedItems?.filter(item => item?.id !== '!all')?.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
     placement: placement,
     css: {
@@ -14008,7 +14186,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef(({
     }, !item?.hideCheck && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
       color: colors$7.iconDisable
     }) : item?.children?.filter(e => selectedValueSet.has(e.id) && !e.isDisabled)?.length === item?.children?.filter(e => !e.isDisabled)?.length ? /*#__PURE__*/React__default.createElement(CheckOutline, {
-      color: colors$7.iconGreen
+      color: colors$7.iconBrand
     }) : item?.children?.filter(e => selectedValueSet.has(e.id) && !e.isDisabled)?.length > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, null, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
       css: {
         backgroundColor: 'unset',
@@ -14296,7 +14474,7 @@ const ItemWrapper = styled('div', {
   marginLeft: '10px',
   fontSize: '$content-button',
   fontWeight: 600,
-  color: '$textGreen',
+  color: '$textBrand',
   height: '100%'
 });
 const Item$1 = styled('div', {
@@ -14352,7 +14530,7 @@ function InputCreatable({
       display: isOpen ? 'block' : 'none'
     }
   }, /*#__PURE__*/React__default.createElement(ItemWrapper, null, /*#__PURE__*/React__default.createElement(CirclePlusOutline, {
-    color: colors$7.iconGreen
+    color: colors$7.iconBrand
   }), /*#__PURE__*/React__default.createElement(Item$1, {
     onClick: () => {
       if (onClickItem) onClickItem();
@@ -14551,7 +14729,7 @@ function InputResourceList({
                 type: "varian",
                 size: "lg",
                 css: {
-                  color: disabled || isDisabled ? '$textDisable' : '$textGreen'
+                  color: disabled || isDisabled ? '$textDisable' : '$textBrand'
                 }
               }, {}, {
                 children: variant
@@ -14767,7 +14945,7 @@ function InputResourceList({
       },
       children: jsx(Text$1, {
         variant: "helper",
-        color: disabled ? 'disable' : 'green',
+        color: disabled ? 'disable' : 'brand',
         children: `${checkedItems.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
       })
     })]
@@ -14788,7 +14966,7 @@ function InputResourceList({
             onClick: handleCheckedAllExpandable,
             border: !isAllSelected && !isIndeterminate,
             children: isAllSelected ? jsx(CheckOutline, {
-              color: colors$7.iconGreen
+              color: colors$7.iconBrand
             }) : isIndeterminate ? jsx(IndeterminateFilled, {
               children: "-"
             }) : ''
@@ -15005,7 +15183,7 @@ function ResendOTP(props) {
       }
     }
     return jsx(Paragraph, {
-      color: "green",
+      color: "brand",
       css: {
         cursor: time > 0 ? 'not-allowed' : 'pointer',
         userSelect: 'none'
@@ -15615,19 +15793,19 @@ const GroupItemComponent = styled(ToggleGroupPrimitive.Item, {
   margin: '0 $spacing-02',
   cursor: 'pointer',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$btnHoverSecondary',
+    color: '$textBrand'
   },
   '&:active': {
-    border: '1px solid #82C4E0'
+    border: '1px solid $borderFocus'
   },
   '&:focus': {
-    backgroundColor: '$primary500',
+    backgroundColor: '$btnPrimary',
     color: '$textWhite',
     border: 'none'
   },
   '&[data-state=on]': {
-    backgroundColor: '$primary500',
+    backgroundColor: '$btnPrimary',
     color: '$textWhite',
     border: 'none'
   },
@@ -15890,8 +16068,8 @@ const DateNumber = styled('div', {
     variant: {
       default: {
         '&:hover': {
-          backgroundColor: '$bgSuccess',
-          color: '$textGreen'
+          backgroundColor: '$bgSelectedLight',
+          color: '$textBrand'
         }
       },
       disabled: {
@@ -15903,7 +16081,7 @@ const DateNumber = styled('div', {
         color: "$gray400"
       },
       selected: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$bgBrand',
         color: '$white',
         borderRadius: '$round',
         width: 30,
@@ -15912,24 +16090,24 @@ const DateNumber = styled('div', {
       },
       defaultv2: {
         '&:hover': {
-          backgroundColor: '$green50'
+          backgroundColor: '$bgSelectedLight'
         }
       },
       selectedv2: {
-        backgroundColor: '$green50'
+        backgroundColor: '$bgSelectedLight'
       },
       start: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$bgBrand',
         borderRadius: '42px 0px 0px 42px',
         color: '$white'
       },
       end: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$bgBrand',
         borderRadius: '0px 42px 42px 0px',
         color: '$white'
       },
       road: {
-        backgroundColor: '$bgSuccess'
+        backgroundColor: '$bgSelectedLight'
       }
     },
     size: {
@@ -16038,7 +16216,7 @@ const IconUp = styled(ChevronUpOutline, {
   cursor: 'pointer',
   borderRadius: 6,
   '&:hover': {
-    background: '$bgSuccess'
+    background: '$bgSelectedLight'
   },
   variants: {
     disabled: {
@@ -16056,7 +16234,7 @@ const IconDown = styled(ChevronDownOutline, {
   cursor: 'pointer',
   borderRadius: 6,
   '&:hover': {
-    background: '$bgSuccess'
+    background: '$bgSelectedLight'
   },
   variants: {
     disabled: {
@@ -16776,11 +16954,11 @@ const ArrowButton$2 = styled('button', {
   justifyContent: 'center',
   color: '$iconPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$bgWhite'
   },
   cursor: 'pointer',
@@ -16832,11 +17010,11 @@ const TitleButton$2 = styled('p', {
   fontSize: 16,
   color: '$textPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$bgWhite'
   },
   cursor: 'pointer',
@@ -16865,11 +17043,11 @@ const MonthButton$2 = styled(Text$1, {
   fontWeight: '400',
   color: '$textPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$bgWhite'
   },
   '&:disabled': {
@@ -16880,7 +17058,7 @@ const MonthButton$2 = styled(Text$1, {
   variants: {
     isSelected: {
       true: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$bgBrand',
         color: '$bgWhite'
       }
     }
@@ -16902,8 +17080,8 @@ styled('button', {
   borderRadius: 2,
   color: '$textPrimary',
   '&:hover': {
-    background: '$bgSuccess',
-    color: '$textGreen'
+    background: '$bgSelectedLight',
+    color: '$textBrand'
   },
   variants: {
     disabled: {
@@ -17409,11 +17587,11 @@ const ArrowButton$1 = styled('button', {
   justifyContent: 'center',
   color: '$iconPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$white'
   },
   cursor: 'pointer',
@@ -17485,11 +17663,11 @@ const TitleButton$1 = styled(Heading, {
   padding: '2px $spacing-04',
   color: '$textPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$white'
   },
   cursor: 'pointer',
@@ -17518,11 +17696,11 @@ const MonthButton$1 = styled(Text$1, {
   fontWeight: '400',
   color: '$textPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$white'
   },
   '&:disabled': {
@@ -17533,7 +17711,7 @@ const MonthButton$1 = styled(Text$1, {
   variants: {
     isSelected: {
       true: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$bgBrand',
         color: '$white'
       }
     }
@@ -17901,11 +18079,11 @@ const ArrowButton = styled('button', {
   justifyContent: 'center',
   color: '$iconPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$bgWhite'
   },
   cursor: 'pointer',
@@ -17937,11 +18115,11 @@ const TitleButton = styled('p', {
   fontSize: 16,
   color: '$textPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$bgWhite'
   },
   cursor: 'pointer',
@@ -17970,11 +18148,11 @@ const MonthButton = styled(Text$1, {
   fontWeight: '400',
   color: '$textPrimary',
   '&:hover': {
-    backgroundColor: '$bgSuccess',
-    color: '$textGreen'
+    backgroundColor: '$bgSelectedLight',
+    color: '$textBrand'
   },
   '&:active': {
-    backgroundColor: '$bgGreen',
+    backgroundColor: '$bgBrand',
     color: '$bgWhite'
   },
   '&:disabled': {
@@ -17985,7 +18163,7 @@ const MonthButton = styled(Text$1, {
   variants: {
     isSelected: {
       true: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$bgBrand',
         color: '$bgWhite'
       }
     }
@@ -18850,11 +19028,11 @@ const IconStateFull$1 = props => {
     setIsHover(false);
   }
   return props.type === 'next' ? jsx(ChevronRightOutline, Object.assign({}, props, {
-    color: isHover && !props.disabled ? '#36D4B1' : '#404545',
+    color: isHover && !props.disabled ? colors$7.primary400 : colors$7.iconPrimary,
     onMouseEnter: handleHover,
     onMouseLeave: handleUnHover
   })) : jsx(ChevronLeftOutline, Object.assign({}, props, {
-    color: isHover && !props.disabled ? '#36D4B1' : '#404545',
+    color: isHover && !props.disabled ? colors$7.primary400 : colors$7.iconPrimary,
     onMouseEnter: handleHover,
     onMouseLeave: handleUnHover
   }));
@@ -19482,7 +19660,7 @@ const SignatureContainer = styled$1(Flex$1, {
   background: '$bgGray',
   '&:hover': {
     border: '2px dashed $primary400',
-    background: '$bgSuccess'
+    background: '$bgSelectedLight'
   },
   variants: {
     hasContent: {
@@ -19599,9 +19777,9 @@ const StyledTrack = styled$1(SliderPrimitive.Track, {
   position: 'relative',
   flexGrow: 1,
   borderRadius: '9999px',
-  backgroundColor: '$chartLightGreen',
+  backgroundColor: '$chartLightBrand',
   '&:hover': {
-    backgroundColor: '$green100'
+    backgroundColor: '$bgSelectedLight'
   },
   '&[data-orientation="horizontal"]': {
     height: 4
@@ -19678,6 +19856,12 @@ const StyledTrack = styled$1(SliderPrimitive.Track, {
         '&:hover': {
           backgroundColor: '$gray200'
         }
+      },
+      brand: {
+        backgroundColor: '$chartLightBrand',
+        '&:hover': {
+          backgroundColor: '$bgSelectedLight'
+        }
       }
     }
   }
@@ -19735,6 +19919,12 @@ const StyledRange = styled$1(SliderPrimitive.Range, {
         '&:hover': {
           backgroundColor: '$gray900'
         }
+      },
+      brand: {
+        backgroundColor: '$chartBrand',
+        '&:hover': {
+          backgroundColor: '$primary600'
+        }
       }
     }
   }
@@ -19746,11 +19936,11 @@ const StyledThumb = styled$1(SliderPrimitive.Thumb, {
   height: 17,
   borderRadius: '50%',
   backgroundColor: '$white',
-  border: '1px solid $chartLightGreen',
+  border: '1px solid $chartLightBrand',
   $$shadowColor: '$colors$gray200',
   boxShadow: '0px 2px 10px $$shadowColor',
   '&:hover': {
-    backgroundColor: '$chartGreen'
+    backgroundColor: '$chartBrand'
   },
   '&:focus': {
     boxShadow: '0 0 0 3px $$shadowColor'
@@ -19812,6 +20002,12 @@ const StyledThumb = styled$1(SliderPrimitive.Thumb, {
         '&:hover': {
           backgroundColor: '$chartLightGray'
         }
+      },
+      brand: {
+        border: '1px solid $chartBrand',
+        '&:hover': {
+          backgroundColor: '$chartLightBrand'
+        }
       }
     }
   }
@@ -19890,7 +20086,7 @@ Slider.defaultProps = {
   max: 100,
   step: 1,
   minStepsBetweenThumbs: 0,
-  color: 'green',
+  color: 'brand',
   size: 'm'
 };
 
@@ -20081,18 +20277,22 @@ const StyledTrigger$1 = styled(TabsPrimitive.Trigger, {
   lineHeight: '$short-content-bold',
   letterSpacing: '$header-tabs',
   fontWeight: 500,
-  color: '$textPrimary',
+  color: '$textSecondary',
   userSelect: 'none',
   cursor: 'pointer',
   position: 'relative',
+  '&:hover': {
+    backgroundColor: '$btnHoverSecondary'
+  },
   '&[data-state="active"]': {
+    color: '$textBrand',
     '&::after': {
       content: '',
       position: 'absolute',
       bottom: 0,
       left: 0,
       right: 0,
-      background: '$bgGreen',
+      background: '$bgBrand',
       height: '4px',
       borderRadius: '1px'
     }
@@ -20227,7 +20427,7 @@ const TabsList$1 = ({
     icon: true,
     onClick: () => listContainerRef.current.scrollLeft -= scrollAreaWidth / 2
   }, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
-    color: colors$7.iconGreen
+    color: colors$7.iconBrand
   }))), listContainerScrollPosition < scrollAreaWidth - 10 && /*#__PURE__*/React__default.createElement(ScrollButtonContainer, {
     position: "right"
   }, /*#__PURE__*/React__default.createElement(ScrollButton, {
@@ -20238,7 +20438,7 @@ const TabsList$1 = ({
     icon: true,
     onClick: () => listContainerRef.current.scrollLeft += scrollAreaWidth / 2
   }, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
-    color: colors$7.iconGreen
+    color: colors$7.iconBrand
   }))));
 };
 const TabsTrigger$1 = ({
@@ -20266,7 +20466,7 @@ const TabsTrigger$1 = ({
       whiteSpace: 'nowrap'
     }
   }, icon && /*#__PURE__*/React__default.cloneElement(icon, {
-    color: activeTabs === value || isIconHovered ? colors$7.iconGreen : colors$7.iconDisable
+    color: activeTabs === value || isIconHovered ? colors$7.iconBrand : colors$7.iconDisable
   }), (!icon || activeTabs === value) && children)));
 };
 TabsTrigger$1.propTypes = {
@@ -20442,23 +20642,23 @@ const IconButton = styled('button', {
   variants: {
     buttonType: {
       primary: {
-        backgroundColor: '$bgGreen',
+        backgroundColor: '$btnPrimary',
         '&:hover': {
-          backgroundColor: '$primary600',
-          color: '$textGreen'
+          backgroundColor: '$btnHoverPrimary',
+          color: '$textBrand'
         },
         '&:active': {
-          backgroundColor: '$primary700'
+          backgroundColor: '$btnActivePrimary'
         }
       },
       secondary: {
         backgroundColor: 'transparent',
         '&:hover': {
-          backgroundColor: '$primary50',
-          color: '$textGreen'
+          backgroundColor: '$btnHoverSecondary',
+          color: '$textBrand'
         },
         '&:active': {
-          backgroundColor: '$primary100'
+          backgroundColor: '$btnActiveSecondary'
         }
       }
     },
@@ -20600,7 +20800,7 @@ var hasOwn = hasOwnProperty_1;
 var toString$4 = toString$6;
 var lengthOfArrayLike = lengthOfArrayLike$4;
 var createProperty = createProperty$3;
-var fails = fails$i;
+var fails = fails$j;
 var parseJSONString = parseJsonString;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 
@@ -20718,10 +20918,12 @@ Context$1.prototype = {
     var expectKeypair = false;
     var object = {};
     var nodes = {};
+    var closed = false;
     while (i < source.length) {
       i = this.until(['"', '}'], i);
       if (at(source, i) === '}' && !expectKeypair) {
         i++;
+        closed = true;
         break;
       }
       // Parsing the key
@@ -20741,9 +20943,11 @@ Context$1.prototype = {
         i++;
       } else if (chr === '}') {
         i++;
+        closed = true;
         break;
       }
     }
+    if (!closed) throw new SyntaxError$1('Unterminated object at: ' + i);
     return this.node(OBJECT, object, this.index, i, nodes);
   },
   array: function () {
@@ -20752,10 +20956,12 @@ Context$1.prototype = {
     var expectElement = false;
     var array = [];
     var nodes = [];
+    var closed = false;
     while (i < source.length) {
       i = this.skip(IS_WHITESPACE, i);
       if (at(source, i) === ']' && !expectElement) {
         i++;
+        closed = true;
         break;
       }
       var result = this.fork(i).parse();
@@ -20767,9 +20973,11 @@ Context$1.prototype = {
         i++;
       } else if (at(source, i) === ']') {
         i++;
+        closed = true;
         break;
       }
     }
+    if (!closed) throw new SyntaxError$1('Unterminated array at: ' + i);
     return this.node(OBJECT, array, this.index, i, nodes);
   },
   string: function () {
@@ -20785,7 +20993,11 @@ Context$1.prototype = {
     if (at(source, i) === '0') i++;
     else if (exec(IS_NON_ZERO_DIGIT, at(source, i))) i = this.skip(IS_DIGIT, i + 1);
     else throw new SyntaxError$1('Failed to parse number at: ' + i);
-    if (at(source, i) === '.') i = this.skip(IS_DIGIT, i + 1);
+    if (at(source, i) === '.') {
+      var fractionStartIndex = i + 1;
+      i = this.skip(IS_DIGIT, fractionStartIndex);
+      if (fractionStartIndex === i) throw new SyntaxError$1("Failed to parse number's fraction at: " + i);
+    }
     if (at(source, i) === 'e' || at(source, i) === 'E') {
       i++;
       if (at(source, i) === '+' || at(source, i) === '-') i++;
@@ -21231,6 +21443,7 @@ function PaginationInfo({
       padding: '$spacing-04 0px'
     }
   }, limits?.map(limit => /*#__PURE__*/React__default.createElement(Flex$1, {
+    key: limit,
     css: {
       height: 44,
       width: '100%',
@@ -22721,14 +22934,14 @@ function HeaderMenuOption(props) {
             onChange: onChange,
             defaultValue: visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.map(item => item.id),
             value: items.length > 0 ? items : visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.map(item => item.id),
-            children: visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.filter(val => typeof val.Header === 'string').map((item, index, row) => jsxs(Fragment, {
+            children: visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.filter(val => typeof val.Header === 'string').map((item, index, row) => jsxs(React.Fragment, {
               children: [jsx(InputCheckbox, {
                 id: `idx-${index}`,
                 label: item.Header,
                 value: item.id,
                 disabled: index === 0
               }, index), row.length !== index + 1 && jsx(Separator$2, {})]
-            }))
+            }, index))
           })
         })
       })]
@@ -22762,14 +22975,14 @@ function HeaderMenuOption(props) {
           onChange: onChange,
           defaultValue: visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.map(item => item.id),
           value: items.length > 0 ? items : visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.map(item => item.id),
-          children: visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.filter(val => typeof val.Header === 'string').map((item, index, row) => jsxs(Fragment, {
+          children: visibleHeaders === null || visibleHeaders === void 0 ? void 0 : visibleHeaders.filter(val => typeof val.Header === 'string').map((item, index, row) => jsxs(React.Fragment, {
             children: [jsx(InputCheckbox, {
               id: `idx-${index}`,
               label: item.Header,
               value: item.id,
               disabled: index === 0
-            }, index), row.length !== index + 1 && jsx(Separator$2, {})]
-          }))
+            }), row.length !== index + 1 && jsx(Separator$2, {})]
+          }, index))
         })
       })
     })]
@@ -24261,7 +24474,7 @@ const contentShow = keyframes({
 });
 const StyledOverlay = styled(ADialog.Overlay, {
   zIndex: 1,
-  backgroundColor: colors$7.bgDimmer,
+  backgroundColor: '$bgDimmer',
   position: 'fixed',
   inset: 0,
   '@media (prefers-reduced-motion: no-preference)': {
@@ -24294,14 +24507,14 @@ const StyledTitle = styled(ADialog.Title, {
   display: 'flex',
   flexDirection: 'row',
   justifyContent: 'space-between',
-  color: colors$7.gray900,
+  color: '$gray900',
   fontSize: 17,
   fontWeight: 500
 });
 const StyledDescription$1 = styled('div', {
   mx: 24,
   my: 20,
-  color: colors$7.gray900,
+  color: '$gray900',
   fontSize: 15,
   lineHeight: 1.5
 });
@@ -24558,8 +24771,8 @@ function AlertDialog(props) {
   }, props?.actionButtonProps), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));
 }
 TemplateAlertFunction.propTypes = {
-  title: PropTypes.string.isRequired,
-  description: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
   btnSize: PropTypes.string,
   dialogType: PropTypes.string,
   onCancel: PropTypes.func,
@@ -24579,8 +24792,8 @@ TemplateAlertFunction.defaultProps = {
   hideCloseButton: false
 };
 AlertDialog.propTypes = {
-  title: PropTypes.string.isRequired,
-  description: PropTypes.string.isRequired,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
   btnSize: PropTypes.string,
   dialogType: PropTypes.string,
   onCancel: PropTypes.func,
@@ -24907,19 +25120,16 @@ if (params$1 + '' !== 'a=2') {
     var key = toString$3(name);
     var value = toString$3($value);
     var index = 0;
-    var dindex = 0;
-    var found = false;
     var entriesLength = entries.length;
     var entry;
     while (index < entriesLength) {
-      entry = entries[index++];
-      if (found || entry.key === key) {
-        found = true;
-        $delete(this, entry.key);
-      } else dindex++;
+      entry = entries[index];
+      $delete(this, entry.key);
+      index++;
     }
-    while (dindex < entriesLength) {
-      entry = entries[dindex++];
+    index = 0;
+    while (index < entriesLength) {
+      entry = entries[index++];
       if (!(entry.key === key && entry.value === value)) append(this, entry.key, entry.value);
     }
   }, { enumerable: true, unsafe: true });
@@ -25083,7 +25293,7 @@ const ButtonText = styled('button', {
   padding: '$spacing-02 $spacing-04 $spacing-02 $spacing-04',
   borderRadius: 4,
   '&:hover': {
-    background: '$bgSuccess'
+    background: '$bgSelectedLight'
   }
 });
 const CloseIcon = styled(CloseFilled, {
@@ -25112,13 +25322,13 @@ const IconStateFull = ({
     setIsHover(false);
   }
   return props.type === 'close' ? /*#__PURE__*/React__default.createElement(CloseIcon, _extends({}, props, {
-    color: isHover ? '#E13743' : '#DF2A36',
+    color: isHover ? colors$7.red400 : colors$7.red500,
     onMouseEnter: handleEnter,
     onMouseLeave: handleLeave
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, customPreviewIcon ? (/*#__PURE__*/React__default.cloneElement(customPreviewIcon, {
     ...customPreviewIcon.props,
     ...props,
-    color: isHover ? '#04C99E' : customPreviewIcon.props.color,
+    color: isHover ? colors$7.iconBrand : customPreviewIcon.props.color,
     onMouseEnter: handleEnter,
     onMouseLeave: handleLeave,
     style: {
@@ -25131,7 +25341,7 @@ const IconStateFull = ({
       ...customPreviewIcon.props.style
     }
   })) : /*#__PURE__*/React__default.createElement(EyeIcon, _extends({}, props, {
-    color: isHover ? '#04C99E' : '#A5ABAB',
+    color: isHover ? colors$7.iconBrand : colors$7.gray400,
     onMouseEnter: handleEnter,
     onMouseLeave: handleLeave
   })));
@@ -25226,7 +25436,7 @@ const Upload = ({
     alignItems: 'center',
     '&:hover': {
       border: '2px dashed $primary400',
-      background: '$bgSuccess'
+      background: '$bgSelectedLight'
     },
     variants: {
       showError: {
@@ -25786,7 +25996,7 @@ const Upload = ({
       justify: "center",
       align: "center"
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
-      color: disabled ? '#C0C4C4' : '#404545'
+      color: disabled ? colors$7.gray300 : colors$7.gray800
     })), /*#__PURE__*/React__default.createElement(Text, {
       css: {
         margin: '$spacing-04 $spacing-05 0 $spacing-05'
@@ -25850,7 +26060,7 @@ const Upload = ({
       style: {
         cursor: 'pointer'
       },
-      color: aspect ? '#04C99E' : '#404545',
+      color: aspect ? colors$7.iconBrand : colors$7.iconPrimary,
       onClick: toggleAspect
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
       gap: 4
@@ -26473,7 +26683,7 @@ const Device = props => {
                           height: 32,
                           width: 32,
                           color: '$textWhite',
-                          backgroundColor: '$bgGreen',
+                          backgroundColor: '$bgBrand',
                           justifyContent: 'center',
                           alignItems: 'center',
                           marginLeft: 8
@@ -26570,7 +26780,7 @@ const Device = props => {
                       children: [content === null || content === void 0 ? void 0 : content.icon, jsx(Paragraph, {
                         css: {
                           fontSize: 8,
-                          color: '$textGreen'
+                          color: '$textPrimary'
                         },
                         children: typeof (content === null || content === void 0 ? void 0 : content.sender) === 'string' ? content === null || content === void 0 ? void 0 : content.sender : (_h = content === null || content === void 0 ? void 0 : content.sender) === null || _h === void 0 ? void 0 : _h.call(content)
                       }), jsx(Paragraph, {
@@ -28288,7 +28498,7 @@ function ColorPicker({
       fontSize: 12,
       fontWeight: 600
     }
-  }, "Saved colors:"), onAddColor && /*#__PURE__*/React__default.createElement(Paragraph, {
+  }, "Saved colors:"), !!onAddColor && /*#__PURE__*/React__default.createElement(Paragraph, {
     css: {
       fontSize: 12,
       fontWeight: 600,
@@ -28299,7 +28509,7 @@ function ColorPicker({
         color: '$gray400'
       }
     },
-    onClick: onAddColor()
+    onClick: onAddColor
   }, "+ Add")), /*#__PURE__*/React__default.createElement(Colors, {
     wrap: "wrap",
     gap: 3
@@ -28554,7 +28764,7 @@ const Navigation = props => {
       !isMobile ? stepItems.push(/*#__PURE__*/React__default.createElement(StepperItem, {
         css: {
           opacity: data[i - 1].hidden ? 0 : undefined,
-          color: isActive ? '$textGreen' : isComplete ? '$gray900' : isAdditional ? '$textPrimary' : '$textDisable',
+          color: isActive ? '$textBrand' : isComplete ? '$gray900' : isAdditional ? '$textPrimary' : '$textDisable',
           cursor: props.totalSteps !== props.currentStep ? 'pointer' : 'auto'
         },
         align: "center",
@@ -28567,14 +28777,14 @@ const Navigation = props => {
         }
       }, /*#__PURE__*/React__default.createElement(Span, {
         css: {
-          backgroundColor: isActive ? '$bgGreen' : '$bgBorder'
+          backgroundColor: isActive ? '$bgBrand' : '$bgBorder'
         }
       }), isComplete && !hideCheckedIcon && /*#__PURE__*/React__default.createElement(StyledCheckFiled, {
         css: {
           marginRight: 9
         },
         size: "24",
-        color: colors$7.bgGreen
+        color: colors$7.bgBrand
       }), typeof data[i - 1].title === 'string' ? data[i - 1].title : data[i - 1].title?.(), data[i - 1]?.withTolltip && /*#__PURE__*/React__default.createElement(Tooltip$1, {
         align: "center",
         label: data[i - 1]?.tooltipsContents
@@ -28604,7 +28814,7 @@ const Navigation = props => {
       }, /*#__PURE__*/React__default.createElement(Box, {
         css: {
           width: 'max-content',
-          color: '$textGreen',
+          color: '$textBrand',
           fontWeight: 600
         }
       }, typeof data[i - 1].title === 'string' ? data[i - 1].title : data[i - 1].title?.()), data[i - 1]?.withTolltip && /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -28922,7 +29132,7 @@ const Title$1 = styled('a', {
   variants: {
     active: {
       true: {
-        color: '$textGreen !important'
+        color: '$textBrand !important'
       }
     }
   }
@@ -29520,7 +29730,7 @@ lodash.exports;
 	  var undefined$1;
 
 	  /** Used as the semantic version number. */
-	  var VERSION = '4.17.23';
+	  var VERSION = '4.18.1';
 
 	  /** Used as the size to enable large array optimizations. */
 	  var LARGE_ARRAY_SIZE = 200;
@@ -29528,7 +29738,8 @@ lodash.exports;
 	  /** Error message constants. */
 	  var CORE_ERROR_TEXT = 'Unsupported core-js use. Try https://npms.io/search?q=ponyfill.',
 	      FUNC_ERROR_TEXT = 'Expected a function',
-	      INVALID_TEMPL_VAR_ERROR_TEXT = 'Invalid `variable` option passed into `_.template`';
+	      INVALID_TEMPL_VAR_ERROR_TEXT = 'Invalid `variable` option passed into `_.template`',
+	      INVALID_TEMPL_IMPORTS_ERROR_TEXT = 'Invalid `imports` option passed into `_.template`';
 
 	  /** Used to stand-in for `undefined` hash values. */
 	  var HASH_UNDEFINED = '__lodash_hash_undefined__';
@@ -31260,6 +31471,10 @@ lodash.exports;
 	     * embedded Ruby (ERB) as well as ES2015 template strings. Change the
 	     * following template settings to use alternative delimiters.
 	     *
+	     * **Security:** See
+	     * [threat model](https://github.com/lodash/lodash/blob/main/threat-model.md)
+	     * — `_.template` is insecure and will be removed in v5.
+	     *
 	     * @static
 	     * @memberOf _
 	     * @type {Object}
@@ -31808,7 +32023,7 @@ lodash.exports;
 	     * @name has
 	     * @memberOf SetCache
 	     * @param {*} value The value to search for.
-	     * @returns {number} Returns `true` if `value` is found, else `false`.
+	     * @returns {boolean} Returns `true` if `value` is found, else `false`.
 	     */
 	    function setCacheHas(value) {
 	      return this.__data__.has(value);
@@ -33879,7 +34094,9 @@ lodash.exports;
 	    function baseUnset(object, path) {
 	      path = castPath(path, object);
 
-	      // Prevent prototype pollution, see: https://github.com/lodash/lodash/security/advisories/GHSA-xxjr-mmjv-4gpg
+	      // Prevent prototype pollution:
+	      // https://github.com/lodash/lodash/security/advisories/GHSA-xxjr-mmjv-4gpg
+	      // https://github.com/lodash/lodash/security/advisories/GHSA-f23m-r3pf-42rh
 	      var index = -1,
 	          length = path.length;
 
@@ -33887,32 +34104,17 @@ lodash.exports;
 	        return true;
 	      }
 
-	      var isRootPrimitive = object == null || (typeof object !== 'object' && typeof object !== 'function');
-
 	      while (++index < length) {
-	        var key = path[index];
-
-	        // skip non-string keys (e.g., Symbols, numbers)
-	        if (typeof key !== 'string') {
-	          continue;
-	        }
+	        var key = toKey(path[index]);
 
 	        // Always block "__proto__" anywhere in the path if it's not expected
 	        if (key === '__proto__' && !hasOwnProperty.call(object, '__proto__')) {
 	          return false;
 	        }
 
-	        // Block "constructor.prototype" chains
-	        if (key === 'constructor' &&
-	            (index + 1) < length &&
-	            typeof path[index + 1] === 'string' &&
-	            path[index + 1] === 'prototype') {
-
-	          // Allow ONLY when the path starts at a primitive root, e.g., _.unset(0, 'constructor.prototype.a')
-	          if (isRootPrimitive && index === 0) {
-	            continue;
-	          }
-
+	        // Block constructor/prototype as non-terminal traversal keys to prevent
+	        // escaping the object graph into built-in constructors and prototypes.
+	        if ((key === 'constructor' || key === 'prototype') && index < length - 1) {
 	          return false;
 	        }
 	      }
@@ -36469,7 +36671,7 @@ lodash.exports;
 
 	    /**
 	     * Creates an array with all falsey values removed. The values `false`, `null`,
-	     * `0`, `""`, `undefined`, and `NaN` are falsey.
+	     * `0`, `-0`, `0n`, `""`, `undefined`, and `NaN` are falsy.
 	     *
 	     * @static
 	     * @memberOf _
@@ -37008,7 +37210,7 @@ lodash.exports;
 
 	      while (++index < length) {
 	        var pair = pairs[index];
-	        result[pair[0]] = pair[1];
+	        baseAssignValue(result, pair[0], pair[1]);
 	      }
 	      return result;
 	    }
@@ -43668,6 +43870,8 @@ lodash.exports;
 	     * **Note:** JavaScript follows the IEEE-754 standard for resolving
 	     * floating-point values which can produce unexpected results.
 	     *
+	     * **Note:** If `lower` is greater than `upper`, the values are swapped.
+	     *
 	     * @static
 	     * @memberOf _
 	     * @since 0.7.0
@@ -43681,9 +43885,16 @@ lodash.exports;
 	     * _.random(0, 5);
 	     * // => an integer between 0 and 5
 	     *
+	     * // when lower is greater than upper the values are swapped
+	     * _.random(5, 0);
+	     * // => an integer between 0 and 5
+	     *
 	     * _.random(5);
 	     * // => also an integer between 0 and 5
 	     *
+	     * _.random(-5);
+	     * // => an integer between -5 and 0
+	     *
 	     * _.random(5, true);
 	     * // => a floating-point number between 0 and 5
 	     *
@@ -44285,6 +44496,10 @@ lodash.exports;
 	     * properties may be accessed as free variables in the template. If a setting
 	     * object is given, it takes precedence over `_.templateSettings` values.
 	     *
+	     * **Security:** `_.template` is insecure and should not be used. It will be
+	     * removed in Lodash v5. Avoid untrusted input. See
+	     * [threat model](https://github.com/lodash/lodash/blob/main/threat-model.md).
+	     *
 	     * **Note:** In the development build `_.template` utilizes
 	     * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)
 	     * for easier debugging.
@@ -44392,12 +44607,18 @@ lodash.exports;
 	        options = undefined$1;
 	      }
 	      string = toString(string);
-	      options = assignInWith({}, options, settings, customDefaultsAssignIn);
+	      options = assignWith({}, options, settings, customDefaultsAssignIn);
 
-	      var imports = assignInWith({}, options.imports, settings.imports, customDefaultsAssignIn),
+	      var imports = assignWith({}, options.imports, settings.imports, customDefaultsAssignIn),
 	          importsKeys = keys(imports),
 	          importsValues = baseValues(imports, importsKeys);
 
+	      arrayEach(importsKeys, function(key) {
+	        if (reForbiddenIdentifierChars.test(key)) {
+	          throw new Error(INVALID_TEMPL_IMPORTS_ERROR_TEXT);
+	        }
+	      });
+
 	      var isEscaping,
 	          isEvaluating,
 	          index = 0,
@@ -47009,7 +47230,7 @@ function Remove(props) {
     css: props === null || props === void 0 ? void 0 : props.css,
     position: props === null || props === void 0 ? void 0 : props.position,
     onClick: props === null || props === void 0 ? void 0 : props.onRemove,
-    color: isHover ? '#E13743' : '#A5ABAB',
+    color: isHover ? colors$7.red400 : colors$7.gray400,
     onMouseEnter: onEnter,
     onMouseLeave: onLeave
   });
@@ -48027,7 +48248,7 @@ function ButtonSelect({
       align: "center",
       gap: 3,
       css: {
-        backgroundColor: '$btnPrimary',
+        backgroundColor: '$btnSelect',
         borderRadius: 6,
         fontSize: 16,
         fontWeight: 600,
@@ -48108,7 +48329,9 @@ function MarkerSvg() {
   });
 }
 
-function MarkerIcon() {
+function MarkerIcon({
+  marker
+}) {
   return jsx(Box, {
     css: {
       position: 'absolute',
@@ -48119,7 +48342,7 @@ function MarkerIcon() {
         left: '47%'
       }
     },
-    children: jsx(MarkerSvg, {})
+    children: marker !== null && marker !== void 0 ? marker : jsx(MarkerSvg, {})
   });
 }
 
@@ -48140,13 +48363,13 @@ function ZoomControls({
       onClick: onZoomIn,
       children: jsx(PlusOutline, {
         size: 20,
-        color: "#04C99E"
+        color: colors$7.iconBrand
       })
     }), jsx(ZoomControlButton, {
       onClick: onZoomOut,
       children: jsx(MinusOutline, {
         size: 20,
-        color: "#04C99E"
+        color: colors$7.iconBrand
       })
     })]
   });
@@ -48198,7 +48421,8 @@ function MapPicker(props) {
     onChange,
     selectLocationText,
     searchPlaceholder,
-    header
+    header,
+    marker
   } = props;
   const [zoom, setZoom] = useState(16);
   const isDesktop = useMediaQuery('(min-width: 767px)');
@@ -48251,15 +48475,17 @@ function MapPicker(props) {
           center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
           radius: radius,
           pathOptions: {
-            color: colors$7.bgGreen,
-            fillColor: colors$7.bgGreen
+            color: colors$7.bgBrand,
+            fillColor: colors$7.bgBrand
           }
         }), jsx(TileLayer, {
           url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
         }), showSelectButton && jsx(ButtonSelect, {
           onClick: handleMarkerClick,
           label: selectLocationText
-        }), jsx(MarkerIcon, {}), jsx(ChangeView, {
+        }), jsx(MarkerIcon, {
+          marker: marker
+        }), jsx(ChangeView, {
           center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
           readOnly: readOnly,
           onDragEnd: handleSearchLatLng
@@ -48308,7 +48534,8 @@ function InputMapPicker(props) {
     readOnly,
     onChange,
     customInputValue,
-    header
+    header,
+    marker
   } = props;
   const modalTrigger = React__default.useRef(null);
   const [inputValue, setInputValue] = useState(placeholder);
@@ -48425,7 +48652,8 @@ function InputMapPicker(props) {
           radius: radius,
           showSelectButton: showSelectButton,
           readOnly: readOnly,
-          header: header
+          header: header,
+          marker: marker
         })
       })]
     })]
@@ -50100,7 +50328,7 @@ function TagList({
       }), jsx(Separator$2, {})]
     }), jsxs(Text$1, {
       variant: "helper",
-      color: "green",
+      color: "brand",
       css: {
         marginTop: '$spacing-03 !important'
       },