storybook 9.0.0-beta.4 → 9.0.0-beta.5

package/dist/theming/create.js

@@ -1,92 +1,92 @@
-var ae = Object.defineProperty;
-var n = (r, e) => ae(r, "name", { value: e, configurable: !0 });
+var se = Object.defineProperty;
+var n = (r, e) => se(r, "name", { value: e, configurable: !0 });
 
 // ../node_modules/@babel/runtime/helpers/esm/extends.js
-function v() {
-  return v = Object.assign ? Object.assign.bind() : function(r) {
+function l() {
+  return l = Object.assign ? Object.assign.bind() : function(r) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (r[a] = t[a]);
     }
     return r;
-  }, v.apply(null, arguments);
+  }, l.apply(null, arguments);
 }
-n(v, "_extends");
+n(l, "_extends");
 
 // ../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-function q(r) {
+function V(r) {
   if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
-n(q, "_assertThisInitialized");
+n(V, "_assertThisInitialized");
 
 // ../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function m(r, e) {
-  return m = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
+function v(r, e) {
+  return v = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
     return t.__proto__ = a, t;
-  }, m(r, e);
+  }, v(r, e);
 }
-n(m, "_setPrototypeOf");
+n(v, "_setPrototypeOf");
 
 // ../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function U(r, e) {
-  r.prototype = Object.create(e.prototype), r.prototype.constructor = r, m(r, e);
+function N(r, e) {
+  r.prototype = Object.create(e.prototype), r.prototype.constructor = r, v(r, e);
 }
-n(U, "_inheritsLoose");
+n(N, "_inheritsLoose");
 
 // ../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
-function F(r) {
-  return F = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+function R(r) {
+  return R = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
     return e.__proto__ || Object.getPrototypeOf(e);
-  }, F(r);
+  }, R(r);
 }
-n(F, "_getPrototypeOf");
+n(R, "_getPrototypeOf");
 
 // ../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
-function V(r) {
+function G(r) {
   try {
     return Function.toString.call(r).indexOf("[native code]") !== -1;
   } catch {
     return typeof r == "function";
   }
 }
-n(V, "_isNativeFunction");
+n(G, "_isNativeFunction");
 
 // ../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
-function T() {
+function k() {
   try {
     var r = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (T = /* @__PURE__ */ n(function() {
+  return (k = /* @__PURE__ */ n(function() {
     return !!r;
   }, "_isNativeReflectConstruct"))();
 }
-n(T, "_isNativeReflectConstruct");
+n(k, "_isNativeReflectConstruct");
 
 // ../node_modules/@babel/runtime/helpers/esm/construct.js
-function N(r, e, t) {
-  if (T()) return Reflect.construct.apply(null, arguments);
+function Q(r, e, t) {
+  if (k()) return Reflect.construct.apply(null, arguments);
   var a = [null];
   a.push.apply(a, e);
   var i = new (r.bind.apply(r, a))();
-  return t && m(i, t.prototype), i;
+  return t && v(i, t.prototype), i;
 }
-n(N, "_construct");
+n(Q, "_construct");
 
 // ../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
-function C(r) {
+function j(r) {
   var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
-  return C = /* @__PURE__ */ n(function(a) {
-    if (a === null || !V(a)) return a;
+  return j = /* @__PURE__ */ n(function(a) {
+    if (a === null || !G(a)) return a;
     if (typeof a != "function") throw new TypeError("Super expression must either be null or a function");
     if (e !== void 0) {
       if (e.has(a)) return e.get(a);
       e.set(a, i);
     }
     function i() {
-      return N(a, arguments, F(this).constructor);
+      return Q(a, arguments, R(this).constructor);
     }
     return n(i, "Wrapper"), i.prototype = Object.create(a.prototype, {
       constructor: {
@@ -95,13 +95,13 @@ function C(r) {
         writable: !0,
         configurable: !0
       }
-    }), m(i, a);
-  }, "_wrapNativeSuper"), C(r);
+    }), v(i, a);
+  }, "_wrapNativeSuper"), j(r);
 }
-n(C, "_wrapNativeSuper");
+n(j, "_wrapNativeSuper");
 
 // ../node_modules/polished/dist/polished.esm.js
-var ie = {
+var fe = {
   1: `Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0\
 .4, lightness: 0.75 }).
 
@@ -334,45 +334,78 @@ n please supply them in simple values, e.g. animation('rotate', '2s').
   78: `base must be set in "px" or "%" but you set it in "%s".
 `
 };
-function oe() {
+function pe() {
   for (var r = arguments.length, e = new Array(r), t = 0; t < r; t++)
     e[t] = arguments[t];
   var a = e[0], i = [], o;
   for (o = 1; o < e.length; o += 1)
     i.push(e[o]);
-  return i.forEach(function(s) {
-    a = a.replace(/%[a-z]/, s);
+  return i.forEach(function(u) {
+    a = a.replace(/%[a-z]/, u);
   }), a;
 }
-n(oe, "format");
+n(pe, "format");
 var d = /* @__PURE__ */ function(r) {
-  U(e, r);
+  N(e, r);
   function e(t) {
-    for (var a, i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), s = 1; s < i; s++)
-      o[s - 1] = arguments[s];
-    return a = r.call(this, oe.apply(void 0, [ie[t]].concat(o))) || this, q(a);
+    for (var a, i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), u = 1; u < i; u++)
+      o[u - 1] = arguments[u];
+    return a = r.call(this, pe.apply(void 0, [fe[t]].concat(o))) || this, V(a);
   }
   return n(e, "PolishedError"), e;
-}(/* @__PURE__ */ C(Error));
-function I(r) {
+}(/* @__PURE__ */ j(Error));
+function Y(r, e) {
+  return r.substr(-e.length) === e;
+}
+n(Y, "endsWith");
+var le = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
+function J(r) {
+  if (typeof r != "string") return r;
+  var e = r.match(le);
+  return e ? parseFloat(r) : r;
+}
+n(J, "stripUnit");
+var de = /* @__PURE__ */ n(function(e) {
+  return function(t, a) {
+    a === void 0 && (a = "16px");
+    var i = t, o = a;
+    if (typeof t == "string") {
+      if (!Y(t, "px"))
+        throw new d(69, e, t);
+      i = J(t);
+    }
+    if (typeof a == "string") {
+      if (!Y(a, "px"))
+        throw new d(70, e, a);
+      o = J(a);
+    }
+    if (typeof i == "string")
+      throw new d(71, t, e);
+    if (typeof o == "string")
+      throw new d(72, a, e);
+    return "" + i / o + e;
+  };
+}, "pxtoFactory"), X = de, Mr = X("em");
+var Pr = X("rem");
+function $(r) {
   return Math.round(r * 255);
 }
-n(I, "colorToInt");
-function ue(r, e, t) {
-  return I(r) + "," + I(e) + "," + I(t);
+n($, "colorToInt");
+function ce(r, e, t) {
+  return $(r) + "," + $(e) + "," + $(t);
 }
-n(ue, "convertToInt");
-function w(r, e, t, a) {
-  if (a === void 0 && (a = ue), e === 0)
+n(ce, "convertToInt");
+function T(r, e, t, a) {
+  if (a === void 0 && (a = ce), e === 0)
     return a(t, t, t);
-  var i = (r % 360 + 360) % 360 / 60, o = (1 - Math.abs(2 * t - 1)) * e, s = o * (1 - Math.abs(i % 2 - 1)), f = 0, p = 0, l = 0;
-  i >= 0 && i < 1 ? (f = o, p = s) : i >= 1 && i < 2 ? (f = s, p = o) : i >= 2 && i < 3 ? (p = o, l = s) : i >= 3 && i < 4 ? (p = s, l = o) :
-  i >= 4 && i < 5 ? (f = s, l = o) : i >= 5 && i < 6 && (f = o, l = s);
-  var h = t - o / 2, b = f + h, c = p + h, A = l + h;
-  return a(b, c, A);
-}
-n(w, "hslToRgb");
-var G = {
+  var i = (r % 360 + 360) % 360 / 60, o = (1 - Math.abs(2 * t - 1)) * e, u = o * (1 - Math.abs(i % 2 - 1)), f = 0, p = 0, g = 0;
+  i >= 0 && i < 1 ? (f = o, p = u) : i >= 1 && i < 2 ? (f = u, p = o) : i >= 2 && i < 3 ? (p = o, g = u) : i >= 3 && i < 4 ? (p = u, g = o) :
+  i >= 4 && i < 5 ? (f = u, g = o) : i >= 5 && i < 6 && (f = o, g = u);
+  var b = t - o / 2, h = f + b, c = p + b, A = g + b;
+  return a(h, c, A);
+}
+n(T, "hslToRgb");
+var Z = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "00ffff",
@@ -522,26 +555,26 @@ var G = {
   yellow: "ff0",
   yellowgreen: "9acd32"
 };
-function se(r) {
+function me(r) {
   if (typeof r != "string") return r;
   var e = r.toLowerCase();
-  return G[e] ? "#" + G[e] : r;
+  return Z[e] ? "#" + Z[e] : r;
 }
-n(se, "nameToHex");
-var fe = /^#[a-fA-F0-9]{6}$/, pe = /^#[a-fA-F0-9]{8}$/, le = /^#[a-fA-F0-9]{3}$/, de = /^#[a-fA-F0-9]{4}$/, R = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,
-ce = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, me = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,
-ge = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-function $(r) {
+n(me, "nameToHex");
+var ge = /^#[a-fA-F0-9]{6}$/, he = /^#[a-fA-F0-9]{8}$/, be = /^#[a-fA-F0-9]{3}$/, ve = /^#[a-fA-F0-9]{4}$/, B = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,
+ye = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, we = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,
+xe = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+function F(r) {
   if (typeof r != "string")
     throw new d(3);
-  var e = se(r);
-  if (e.match(fe))
+  var e = me(r);
+  if (e.match(ge))
     return {
       red: parseInt("" + e[1] + e[2], 16),
       green: parseInt("" + e[3] + e[4], 16),
       blue: parseInt("" + e[5] + e[6], 16)
     };
-  if (e.match(pe)) {
+  if (e.match(he)) {
     var t = parseFloat((parseInt("" + e[7] + e[8], 16) / 255).toFixed(2));
     return {
       red: parseInt("" + e[1] + e[2], 16),
@@ -550,13 +583,13 @@ function $(r) {
       alpha: t
     };
   }
-  if (e.match(le))
+  if (e.match(be))
     return {
       red: parseInt("" + e[1] + e[1], 16),
       green: parseInt("" + e[2] + e[2], 16),
       blue: parseInt("" + e[3] + e[3], 16)
     };
-  if (e.match(de)) {
+  if (e.match(ve)) {
     var a = parseFloat((parseInt("" + e[4] + e[4], 16) / 255).toFixed(2));
     return {
       red: parseInt("" + e[1] + e[1], 16),
@@ -565,14 +598,14 @@ function $(r) {
       alpha: a
     };
   }
-  var i = R.exec(e);
+  var i = B.exec(e);
   if (i)
     return {
       red: parseInt("" + i[1], 10),
       green: parseInt("" + i[2], 10),
       blue: parseInt("" + i[3], 10)
     };
-  var o = ce.exec(e.substring(0, 50));
+  var o = ye.exec(e.substring(0, 50));
   if (o)
     return {
       red: parseInt("" + o[1], 10),
@@ -580,48 +613,48 @@ function $(r) {
       blue: parseInt("" + o[3], 10),
       alpha: parseFloat("" + o[4]) > 1 ? parseFloat("" + o[4]) / 100 : parseFloat("" + o[4])
     };
-  var s = me.exec(e);
-  if (s) {
-    var f = parseInt("" + s[1], 10), p = parseInt("" + s[2], 10) / 100, l = parseInt("" + s[3], 10) / 100, h = "rgb(" + w(f, p, l) + ")", b = R.
-    exec(h);
-    if (!b)
-      throw new d(4, e, h);
+  var u = we.exec(e);
+  if (u) {
+    var f = parseInt("" + u[1], 10), p = parseInt("" + u[2], 10) / 100, g = parseInt("" + u[3], 10) / 100, b = "rgb(" + T(f, p, g) + ")", h = B.
+    exec(b);
+    if (!h)
+      throw new d(4, e, b);
     return {
-      red: parseInt("" + b[1], 10),
-      green: parseInt("" + b[2], 10),
-      blue: parseInt("" + b[3], 10)
+      red: parseInt("" + h[1], 10),
+      green: parseInt("" + h[2], 10),
+      blue: parseInt("" + h[3], 10)
     };
   }
-  var c = ge.exec(e.substring(0, 50));
+  var c = xe.exec(e.substring(0, 50));
   if (c) {
-    var A = parseInt("" + c[1], 10), te = parseInt("" + c[2], 10) / 100, ne = parseInt("" + c[3], 10) / 100, W = "rgb(" + w(A, te, ne) + ")",
-    S = R.exec(W);
-    if (!S)
-      throw new d(4, e, W);
+    var A = parseInt("" + c[1], 10), oe = parseInt("" + c[2], 10) / 100, ue = parseInt("" + c[3], 10) / 100, U = "rgb(" + T(A, oe, ue) + ")",
+    I = B.exec(U);
+    if (!I)
+      throw new d(4, e, U);
     return {
-      red: parseInt("" + S[1], 10),
-      green: parseInt("" + S[2], 10),
-      blue: parseInt("" + S[3], 10),
+      red: parseInt("" + I[1], 10),
+      green: parseInt("" + I[2], 10),
+      blue: parseInt("" + I[3], 10),
       alpha: parseFloat("" + c[4]) > 1 ? parseFloat("" + c[4]) / 100 : parseFloat("" + c[4])
     };
   }
   throw new d(5);
 }
-n($, "parseToRgb");
-function he(r) {
-  var e = r.red / 255, t = r.green / 255, a = r.blue / 255, i = Math.max(e, t, a), o = Math.min(e, t, a), s = (i + o) / 2;
+n(F, "parseToRgb");
+function Se(r) {
+  var e = r.red / 255, t = r.green / 255, a = r.blue / 255, i = Math.max(e, t, a), o = Math.min(e, t, a), u = (i + o) / 2;
   if (i === o)
     return r.alpha !== void 0 ? {
       hue: 0,
       saturation: 0,
-      lightness: s,
+      lightness: u,
       alpha: r.alpha
     } : {
       hue: 0,
       saturation: 0,
-      lightness: s
+      lightness: u
     };
-  var f, p = i - o, l = s > 0.5 ? p / (2 - i - o) : p / (i + o);
+  var f, p = i - o, g = u > 0.5 ? p / (2 - i - o) : p / (i + o);
   switch (i) {
     case e:
       f = (t - a) / p + (t < a ? 6 : 0);
@@ -635,142 +668,227 @@ function he(r) {
   }
   return f *= 60, r.alpha !== void 0 ? {
     hue: f,
-    saturation: l,
-    lightness: s,
+    saturation: g,
+    lightness: u,
     alpha: r.alpha
   } : {
     hue: f,
-    saturation: l,
-    lightness: s
+    saturation: g,
+    lightness: u
   };
 }
-n(he, "rgbToHsl");
-function Q(r) {
-  return he($(r));
+n(Se, "rgbToHsl");
+function y(r) {
+  return Se(F(r));
 }
-n(Q, "parseToHsl");
-var be = /* @__PURE__ */ n(function(e) {
+n(y, "parseToHsl");
+var Fe = /* @__PURE__ */ n(function(e) {
   return e.length === 7 && e[1] === e[2] && e[3] === e[4] && e[5] === e[6] ? "#" + e[1] + e[3] + e[5] : e;
-}, "reduceHexValue"), O = be;
-function g(r) {
+}, "reduceHexValue"), P = Fe;
+function x(r) {
   var e = r.toString(16);
   return e.length === 1 ? "0" + e : e;
 }
-n(g, "numberToHex");
-function j(r) {
-  return g(Math.round(r * 255));
+n(x, "numberToHex");
+function M(r) {
+  return x(Math.round(r * 255));
 }
-n(j, "colorToHex");
-function ve(r, e, t) {
-  return O("#" + j(r) + j(e) + j(t));
+n(M, "colorToHex");
+function Ce(r, e, t) {
+  return P("#" + M(r) + M(e) + M(t));
 }
-n(ve, "convertToHex");
-function z(r, e, t) {
-  return w(r, e, t, ve);
+n(Ce, "convertToHex");
+function O(r, e, t) {
+  return T(r, e, t, Ce);
 }
-n(z, "hslToHex");
-function ye(r, e, t) {
+n(O, "hslToHex");
+function ze(r, e, t) {
   if (typeof r == "number" && typeof e == "number" && typeof t == "number")
-    return z(r, e, t);
+    return O(r, e, t);
   if (typeof r == "object" && e === void 0 && t === void 0)
-    return z(r.hue, r.saturation, r.lightness);
+    return O(r.hue, r.saturation, r.lightness);
   throw new d(1);
 }
-n(ye, "hsl");
-function we(r, e, t, a) {
+n(ze, "hsl");
+function Ae(r, e, t, a) {
   if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
-    return a >= 1 ? z(r, e, t) : "rgba(" + w(r, e, t) + "," + a + ")";
+    return a >= 1 ? O(r, e, t) : "rgba(" + T(r, e, t) + "," + a + ")";
   if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
-    return r.alpha >= 1 ? z(r.hue, r.saturation, r.lightness) : "rgba(" + w(r.hue, r.saturation, r.lightness) + "," + r.alpha + ")";
+    return r.alpha >= 1 ? O(r.hue, r.saturation, r.lightness) : "rgba(" + T(r.hue, r.saturation, r.lightness) + "," + r.alpha + ")";
   throw new d(2);
 }
-n(we, "hsla");
-function k(r, e, t) {
+n(Ae, "hsla");
+function E(r, e, t) {
   if (typeof r == "number" && typeof e == "number" && typeof t == "number")
-    return O("#" + g(r) + g(e) + g(t));
+    return P("#" + x(r) + x(e) + x(t));
   if (typeof r == "object" && e === void 0 && t === void 0)
-    return O("#" + g(r.red) + g(r.green) + g(r.blue));
+    return P("#" + x(r.red) + x(r.green) + x(r.blue));
   throw new d(6);
 }
-n(k, "rgb");
-function x(r, e, t, a) {
+n(E, "rgb");
+function S(r, e, t, a) {
   if (typeof r == "string" && typeof e == "number") {
-    var i = $(r);
+    var i = F(r);
     return "rgba(" + i.red + "," + i.green + "," + i.blue + "," + e + ")";
   } else {
     if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
-      return a >= 1 ? k(r, e, t) : "rgba(" + r + "," + e + "," + t + "," + a + ")";
+      return a >= 1 ? E(r, e, t) : "rgba(" + r + "," + e + "," + t + "," + a + ")";
     if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
-      return r.alpha >= 1 ? k(r.red, r.green, r.blue) : "rgba(" + r.red + "," + r.green + "," + r.blue + "," + r.alpha + ")";
+      return r.alpha >= 1 ? E(r.red, r.green, r.blue) : "rgba(" + r.red + "," + r.green + "," + r.blue + "," + r.alpha + ")";
   }
   throw new d(7);
 }
-n(x, "rgba");
-var xe = /* @__PURE__ */ n(function(e) {
+n(S, "rgba");
+var Te = /* @__PURE__ */ n(function(e) {
   return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && (typeof e.alpha != "number" || typeof e.alpha >
   "u");
-}, "isRgb"), Se = /* @__PURE__ */ n(function(e) {
+}, "isRgb"), Ie = /* @__PURE__ */ n(function(e) {
   return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && typeof e.alpha == "number";
-}, "isRgba"), Fe = /* @__PURE__ */ n(function(e) {
+}, "isRgba"), Re = /* @__PURE__ */ n(function(e) {
   return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && (typeof e.alpha != "number" || typeof e.
   alpha > "u");
-}, "isHsl"), Ce = /* @__PURE__ */ n(function(e) {
+}, "isHsl"), je = /* @__PURE__ */ n(function(e) {
   return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && typeof e.alpha == "number";
 }, "isHsla");
-function Y(r) {
+function w(r) {
   if (typeof r != "object") throw new d(8);
-  if (Se(r)) return x(r);
-  if (xe(r)) return k(r);
-  if (Ce(r)) return we(r);
-  if (Fe(r)) return ye(r);
+  if (Ie(r)) return S(r);
+  if (Te(r)) return E(r);
+  if (je(r)) return Ae(r);
+  if (Re(r)) return ze(r);
   throw new d(8);
 }
-n(Y, "toColorString");
-function J(r, e, t) {
+n(w, "toColorString");
+function K(r, e, t) {
   return /* @__PURE__ */ n(function() {
     var i = t.concat(Array.prototype.slice.call(arguments));
-    return i.length >= e ? r.apply(this, i) : J(r, e, i);
+    return i.length >= e ? r.apply(this, i) : K(r, e, i);
   }, "fn");
 }
-n(J, "curried");
-function B(r) {
-  return J(r, r.length, []);
+n(K, "curried");
+function m(r) {
+  return K(r, r.length, []);
 }
-n(B, "curry");
-function M(r, e, t) {
+n(m, "curry");
+function Oe(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    hue: t.hue + parseFloat(r)
+  }));
+}
+n(Oe, "adjustHue");
+var Er = m(Oe);
+function C(r, e, t) {
   return Math.max(r, Math.min(e, t));
 }
-n(M, "guard");
-function ze(r, e) {
+n(C, "guard");
+function ke(r, e) {
   if (e === "transparent") return e;
-  var t = Q(e);
-  return Y(v({}, t, {
-    lightness: M(0, 1, t.lightness - parseFloat(r))
+  var t = y(e);
+  return w(l({}, t, {
+    lightness: C(0, 1, t.lightness - parseFloat(r))
   }));
 }
-n(ze, "darken");
-var Ae = /* @__PURE__ */ B(ze), Z = Ae;
-function Te(r, e) {
+n(ke, "darken");
+var $e = m(ke), _ = $e;
+function Be(r, e) {
   if (e === "transparent") return e;
-  var t = Q(e);
-  return Y(v({}, t, {
-    lightness: M(0, 1, t.lightness + parseFloat(r))
+  var t = y(e);
+  return w(l({}, t, {
+    saturation: C(0, 1, t.saturation - parseFloat(r))
   }));
 }
-n(Te, "lighten");
-var Ie = /* @__PURE__ */ B(Te), X = Ie;
-function Re(r, e) {
+n(Be, "desaturate");
+var Hr = m(Be);
+function Me(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    lightness: C(0, 1, t.lightness + parseFloat(r))
+  }));
+}
+n(Me, "lighten");
+var Pe = m(Me), ee = Pe;
+function Ee(r, e, t) {
+  if (e === "transparent") return t;
+  if (t === "transparent") return e;
+  if (r === 0) return t;
+  var a = F(e), i = l({}, a, {
+    alpha: typeof a.alpha == "number" ? a.alpha : 1
+  }), o = F(t), u = l({}, o, {
+    alpha: typeof o.alpha == "number" ? o.alpha : 1
+  }), f = i.alpha - u.alpha, p = parseFloat(r) * 2 - 1, g = p * f === -1 ? p : p + f, b = 1 + p * f, h = (g / b + 1) / 2, c = 1 - h, A = {
+    red: Math.floor(i.red * h + u.red * c),
+    green: Math.floor(i.green * h + u.green * c),
+    blue: Math.floor(i.blue * h + u.blue * c),
+    alpha: i.alpha * parseFloat(r) + u.alpha * (1 - parseFloat(r))
+  };
+  return S(A);
+}
+n(Ee, "mix");
+var He = m(Ee), re = He;
+function Le(r, e) {
+  if (e === "transparent") return e;
+  var t = F(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = l({}, t, {
+    alpha: C(0, 1, (a * 100 + parseFloat(r) * 100) / 100)
+  });
+  return S(i);
+}
+n(Le, "opacify");
+var Lr = m(Le);
+function De(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    saturation: C(0, 1, t.saturation + parseFloat(r))
+  }));
+}
+n(De, "saturate");
+var Dr = m(De);
+function We(r, e) {
+  return e === "transparent" ? e : w(l({}, y(e), {
+    hue: parseFloat(r)
+  }));
+}
+n(We, "setHue");
+var Wr = m(We);
+function qe(r, e) {
+  return e === "transparent" ? e : w(l({}, y(e), {
+    lightness: parseFloat(r)
+  }));
+}
+n(qe, "setLightness");
+var qr = m(qe);
+function Ue(r, e) {
+  return e === "transparent" ? e : w(l({}, y(e), {
+    saturation: parseFloat(r)
+  }));
+}
+n(Ue, "setSaturation");
+var Ur = m(Ue);
+function Ve(r, e) {
+  return e === "transparent" ? e : re(parseFloat(r), "rgb(0, 0, 0)", e);
+}
+n(Ve, "shade");
+var Vr = m(Ve);
+function Ne(r, e) {
+  return e === "transparent" ? e : re(parseFloat(r), "rgb(255, 255, 255)", e);
+}
+n(Ne, "tint");
+var Nr = m(Ne);
+function Ge(r, e) {
   if (e === "transparent") return e;
-  var t = $(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = v({}, t, {
-    alpha: M(0, 1, +(a * 100 - parseFloat(r) * 100).toFixed(2) / 100)
+  var t = F(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = l({}, t, {
+    alpha: C(0, 1, +(a * 100 - parseFloat(r) * 100).toFixed(2) / 100)
   });
-  return x(i);
+  return S(i);
 }
-n(Re, "transparentize");
-var je = /* @__PURE__ */ B(Re), K = je;
+n(Ge, "transparentize");
+var Qe = m(Ge), te = Qe;
 
 // src/theming/base.ts
-var u = {
+var s = {
   // Official color palette
   primary: "#FF4785",
   // coral
@@ -808,20 +926,20 @@ var u = {
   positiveText: "#448028",
   negativeText: "#D43900",
   warningText: "#A15C20"
-}, P = {
+}, H = {
   app: "#F6F9FC",
-  bar: u.lightest,
-  content: u.lightest,
-  preview: u.lightest,
+  bar: s.lightest,
+  content: s.lightest,
+  preview: s.lightest,
   gridCellSize: 10,
-  hoverable: K(0.9, u.secondary),
+  hoverable: te(0.9, s.secondary),
   // hover state for items in a list
   // Notification, error, and warning backgrounds
   positive: "#E1FFD4",
   negative: "#FEDED2",
   warning: "#FFF5CF",
   critical: "#FF4400"
-}, y = {
+}, z = {
   fonts: {
     base: [
       '"Nunito Sans"',
@@ -867,7 +985,7 @@ var u = {
 };
 
 // src/theming/themes/dark.ts
-var Oe = {
+var Ye = {
   base: "dark",
   // Storybook-specific color palette
   colorPrimary: "#FF4785",
@@ -877,20 +995,20 @@ var Oe = {
   // UI
   appBg: "#222425",
   appContentBg: "#1B1C1D",
-  appPreviewBg: u.lightest,
+  appPreviewBg: s.lightest,
   appBorderColor: "rgba(255,255,255,.1)",
   appBorderRadius: 4,
   // Fonts
-  fontBase: y.fonts.base,
-  fontCode: y.fonts.mono,
+  fontBase: z.fonts.base,
+  fontCode: z.fonts.mono,
   // Text colors
   textColor: "#C9CDCF",
   textInverseColor: "#222425",
   textMutedColor: "#798186",
   // Toolbar default and active colors
-  barTextColor: u.mediumdark,
-  barHoverColor: u.secondary,
-  barSelectedColor: u.secondary,
+  barTextColor: s.mediumdark,
+  barHoverColor: s.secondary,
+  barSelectedColor: s.secondary,
   barBg: "#292C2E",
   // Form colors
   buttonBg: "#222425",
@@ -899,12 +1017,12 @@ var Oe = {
   booleanSelectedBg: "#2E3438",
   inputBg: "#1B1C1D",
   inputBorder: "rgba(255,255,255,.1)",
-  inputTextColor: u.lightest,
+  inputTextColor: s.lightest,
   inputBorderRadius: 4
-}, _ = Oe;
+}, ne = Ye;
 
 // src/theming/themes/light.ts
-var ke = {
+var Je = {
   base: "light",
   // Storybook-specific color palette
   colorPrimary: "#FF4785",
@@ -912,63 +1030,63 @@ var ke = {
   colorSecondary: "#029CFD",
   // ocean
   // UI
-  appBg: P.app,
-  appContentBg: u.lightest,
-  appPreviewBg: u.lightest,
-  appBorderColor: u.border,
+  appBg: H.app,
+  appContentBg: s.lightest,
+  appPreviewBg: s.lightest,
+  appBorderColor: s.border,
   appBorderRadius: 4,
   // Fonts
-  fontBase: y.fonts.base,
-  fontCode: y.fonts.mono,
+  fontBase: z.fonts.base,
+  fontCode: z.fonts.mono,
   // Text colors
-  textColor: u.darkest,
-  textInverseColor: u.lightest,
-  textMutedColor: u.dark,
+  textColor: s.darkest,
+  textInverseColor: s.lightest,
+  textMutedColor: s.dark,
   // Toolbar default and active colors
-  barTextColor: u.mediumdark,
-  barHoverColor: u.secondary,
-  barSelectedColor: u.secondary,
-  barBg: u.lightest,
+  barTextColor: s.mediumdark,
+  barHoverColor: s.secondary,
+  barSelectedColor: s.secondary,
+  barBg: s.lightest,
   // Form colors
-  buttonBg: P.app,
-  buttonBorder: u.medium,
-  booleanBg: u.mediumlight,
-  booleanSelectedBg: u.lightest,
-  inputBg: u.lightest,
-  inputBorder: u.border,
-  inputTextColor: u.darkest,
+  buttonBg: H.app,
+  buttonBorder: s.medium,
+  booleanBg: s.mediumlight,
+  booleanSelectedBg: s.lightest,
+  inputBg: s.lightest,
+  inputBorder: s.border,
+  inputTextColor: s.darkest,
   inputBorderRadius: 4
-}, E = ke;
+}, L = Je;
 
 // src/theming/utils.ts
-import { logger as $e } from "storybook/internal/client-logger";
-import { global as Be } from "@storybook/global";
-var { window: H } = Be;
-var Me = /* @__PURE__ */ n((r) => typeof r != "string" ? ($e.warn(
+import { logger as Ze } from "storybook/internal/client-logger";
+import { global as Xe } from "@storybook/global";
+var { window: D } = Xe;
+var Ke = /* @__PURE__ */ n((r) => typeof r != "string" ? (Ze.warn(
   `Color passed to theme object should be a string. Instead ${r}(${typeof r}) was passed.`
-), !1) : !0, "isColorString"), Pe = /* @__PURE__ */ n((r) => !/(gradient|var|calc)/.test(r), "isValidColorForPolished"), Ee = /* @__PURE__ */ n(
-(r, e) => r === "darken" ? x(`${Z(1, e)}`, 0.95) : r === "lighten" ? x(`${X(1, e)}`, 0.95) : e, "applyPolished"), ee = /* @__PURE__ */ n((r) => (e) => {
-  if (!Me(e) || !Pe(e))
+), !1) : !0, "isColorString"), _e = /* @__PURE__ */ n((r) => !/(gradient|var|calc)/.test(r), "isValidColorForPolished"), er = /* @__PURE__ */ n(
+(r, e) => r === "darken" ? S(`${_(1, e)}`, 0.95) : r === "lighten" ? S(`${ee(1, e)}`, 0.95) : e, "applyPolished"), ae = /* @__PURE__ */ n((r) => (e) => {
+  if (!Ke(e) || !_e(e))
     return e;
   try {
-    return Ee(r, e);
+    return er(r, e);
   } catch {
     return e;
   }
-}, "colorFactory"), Rr = ee("lighten"), jr = ee("darken"), re = /* @__PURE__ */ n(() => !H || !H.matchMedia ? "light" : H.matchMedia("(prefe\
+}, "colorFactory"), nt = ae("lighten"), at = ae("darken"), ie = /* @__PURE__ */ n(() => !D || !D.matchMedia ? "light" : D.matchMedia("(prefe\
 rs-color-scheme: dark)").matches ? "dark" : "light", "getPreferredColorScheme");
 
 // src/theming/create.ts
-var L = {
-  light: E,
-  dark: _,
-  normal: E
-}, D = re(), Pr = /* @__PURE__ */ n((r = { base: D }, e) => {
+var W = {
+  light: L,
+  dark: ne,
+  normal: L
+}, q = ie(), pt = /* @__PURE__ */ n((r = { base: q }, e) => {
   let t = {
-    ...L[D],
-    ...L[r.base] || {},
+    ...W[q],
+    ...W[r.base] || {},
     ...r,
-    base: L[r.base] ? r.base : D
+    base: W[r.base] ? r.base : q
   };
   return {
     ...e,
@@ -977,6 +1095,6 @@ var L = {
   };
 }, "create");
 export {
-  Pr as create,
-  L as themes
+  pt as create,
+  W as themes
 };