@mezo-org/mezo-clay 0.1.0-dev.9 → 0.2.0-dev.1

package/dist/node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js

@@ -0,0 +1,290 @@
+var _ = function() {
+  if (typeof Map < "u")
+    return Map;
+  function e(t, n) {
+    var r = -1;
+    return t.some(function(i, o) {
+      return i[0] === n ? (r = o, !0) : !1;
+    }), r;
+  }
+  return (
+    /** @class */
+    function() {
+      function t() {
+        this.__entries__ = [];
+      }
+      return Object.defineProperty(t.prototype, "size", {
+        /**
+         * @returns {boolean}
+         */
+        get: function() {
+          return this.__entries__.length;
+        },
+        enumerable: !0,
+        configurable: !0
+      }), t.prototype.get = function(n) {
+        var r = e(this.__entries__, n), i = this.__entries__[r];
+        return i && i[1];
+      }, t.prototype.set = function(n, r) {
+        var i = e(this.__entries__, n);
+        ~i ? this.__entries__[i][1] = r : this.__entries__.push([n, r]);
+      }, t.prototype.delete = function(n) {
+        var r = this.__entries__, i = e(r, n);
+        ~i && r.splice(i, 1);
+      }, t.prototype.has = function(n) {
+        return !!~e(this.__entries__, n);
+      }, t.prototype.clear = function() {
+        this.__entries__.splice(0);
+      }, t.prototype.forEach = function(n, r) {
+        r === void 0 && (r = null);
+        for (var i = 0, o = this.__entries__; i < o.length; i++) {
+          var s = o[i];
+          n.call(r, s[1], s[0]);
+        }
+      }, t;
+    }()
+  );
+}(), v = typeof window < "u" && typeof document < "u" && window.document === document, f = function() {
+  return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
+}(), O = function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(f) : function(e) {
+    return setTimeout(function() {
+      return e(Date.now());
+    }, 1e3 / 60);
+  };
+}(), E = 2;
+function R(e, t) {
+  var n = !1, r = !1, i = 0;
+  function o() {
+    n && (n = !1, e()), r && a();
+  }
+  function s() {
+    O(o);
+  }
+  function a() {
+    var u = Date.now();
+    if (n) {
+      if (u - i < E)
+        return;
+      r = !0;
+    } else
+      n = !0, r = !1, setTimeout(s, t);
+    i = u;
+  }
+  return a;
+}
+var M = 20, x = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], A = typeof MutationObserver < "u", z = (
+  /** @class */
+  function() {
+    function e() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = R(this.refresh.bind(this), M);
+    }
+    return e.prototype.addObserver = function(t) {
+      ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
+    }, e.prototype.removeObserver = function(t) {
+      var n = this.observers_, r = n.indexOf(t);
+      ~r && n.splice(r, 1), !n.length && this.connected_ && this.disconnect_();
+    }, e.prototype.refresh = function() {
+      var t = this.updateObservers_();
+      t && this.refresh();
+    }, e.prototype.updateObservers_ = function() {
+      var t = this.observers_.filter(function(n) {
+        return n.gatherActive(), n.hasActive();
+      });
+      return t.forEach(function(n) {
+        return n.broadcastActive();
+      }), t.length > 0;
+    }, e.prototype.connect_ = function() {
+      !v || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), A ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+        attributes: !0,
+        childList: !0,
+        characterData: !0,
+        subtree: !0
+      })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
+    }, e.prototype.disconnect_ = function() {
+      !v || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+    }, e.prototype.onTransitionEnd_ = function(t) {
+      var n = t.propertyName, r = n === void 0 ? "" : n, i = x.some(function(o) {
+        return !!~r.indexOf(o);
+      });
+      i && this.refresh();
+    }, e.getInstance = function() {
+      return this.instance_ || (this.instance_ = new e()), this.instance_;
+    }, e.instance_ = null, e;
+  }()
+), m = function(e, t) {
+  for (var n = 0, r = Object.keys(t); n < r.length; n++) {
+    var i = r[n];
+    Object.defineProperty(e, i, {
+      value: t[i],
+      enumerable: !1,
+      writable: !1,
+      configurable: !0
+    });
+  }
+  return e;
+}, c = function(e) {
+  var t = e && e.ownerDocument && e.ownerDocument.defaultView;
+  return t || f;
+}, y = d(0, 0, 0, 0);
+function h(e) {
+  return parseFloat(e) || 0;
+}
+function b(e) {
+  for (var t = [], n = 1; n < arguments.length; n++)
+    t[n - 1] = arguments[n];
+  return t.reduce(function(r, i) {
+    var o = e["border-" + i + "-width"];
+    return r + h(o);
+  }, 0);
+}
+function T(e) {
+  for (var t = ["top", "right", "bottom", "left"], n = {}, r = 0, i = t; r < i.length; r++) {
+    var o = i[r], s = e["padding-" + o];
+    n[o] = h(s);
+  }
+  return n;
+}
+function C(e) {
+  var t = e.getBBox();
+  return d(0, 0, t.width, t.height);
+}
+function S(e) {
+  var t = e.clientWidth, n = e.clientHeight;
+  if (!t && !n)
+    return y;
+  var r = c(e).getComputedStyle(e), i = T(r), o = i.left + i.right, s = i.top + i.bottom, a = h(r.width), u = h(r.height);
+  if (r.boxSizing === "border-box" && (Math.round(a + o) !== t && (a -= b(r, "left", "right") + o), Math.round(u + s) !== n && (u -= b(r, "top", "bottom") + s)), !G(e)) {
+    var l = Math.round(a + o) - t, p = Math.round(u + s) - n;
+    Math.abs(l) !== 1 && (a -= l), Math.abs(p) !== 1 && (u -= p);
+  }
+  return d(i.left, i.top, a, u);
+}
+var D = /* @__PURE__ */ function() {
+  return typeof SVGGraphicsElement < "u" ? function(e) {
+    return e instanceof c(e).SVGGraphicsElement;
+  } : function(e) {
+    return e instanceof c(e).SVGElement && typeof e.getBBox == "function";
+  };
+}();
+function G(e) {
+  return e === c(e).document.documentElement;
+}
+function L(e) {
+  return v ? D(e) ? C(e) : S(e) : y;
+}
+function P(e) {
+  var t = e.x, n = e.y, r = e.width, i = e.height, o = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, s = Object.create(o.prototype);
+  return m(s, {
+    x: t,
+    y: n,
+    width: r,
+    height: i,
+    top: n,
+    right: t + r,
+    bottom: i + n,
+    left: t
+  }), s;
+}
+function d(e, t, n, r) {
+  return { x: e, y: t, width: n, height: r };
+}
+var W = (
+  /** @class */
+  function() {
+    function e(t) {
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = d(0, 0, 0, 0), this.target = t;
+    }
+    return e.prototype.isActive = function() {
+      var t = L(this.target);
+      return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
+    }, e.prototype.broadcastRect = function() {
+      var t = this.contentRect_;
+      return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
+    }, e;
+  }()
+), j = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t, n) {
+      var r = P(n);
+      m(this, { target: t, contentRect: r });
+    }
+    return e;
+  }()
+), F = (
+  /** @class */
+  function() {
+    function e(t, n, r) {
+      if (this.activeObservations_ = [], this.observations_ = new _(), typeof t != "function")
+        throw new TypeError("The callback provided as parameter 1 is not a function.");
+      this.callback_ = t, this.controller_ = n, this.callbackCtx_ = r;
+    }
+    return e.prototype.observe = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof c(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var n = this.observations_;
+        n.has(t) || (n.set(t, new W(t)), this.controller_.addObserver(this), this.controller_.refresh());
+      }
+    }, e.prototype.unobserve = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof c(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var n = this.observations_;
+        n.has(t) && (n.delete(t), n.size || this.controller_.removeObserver(this));
+      }
+    }, e.prototype.disconnect = function() {
+      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+    }, e.prototype.gatherActive = function() {
+      var t = this;
+      this.clearActive(), this.observations_.forEach(function(n) {
+        n.isActive() && t.activeObservations_.push(n);
+      });
+    }, e.prototype.broadcastActive = function() {
+      if (this.hasActive()) {
+        var t = this.callbackCtx_, n = this.activeObservations_.map(function(r) {
+          return new j(r.target, r.broadcastRect());
+        });
+        this.callback_.call(t, n, t), this.clearActive();
+      }
+    }, e.prototype.clearActive = function() {
+      this.activeObservations_.splice(0);
+    }, e.prototype.hasActive = function() {
+      return this.activeObservations_.length > 0;
+    }, e;
+  }()
+), g = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new _(), w = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t) {
+      if (!(this instanceof e))
+        throw new TypeError("Cannot call a class as a function.");
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      var n = z.getInstance(), r = new F(t, n, this);
+      g.set(this, r);
+    }
+    return e;
+  }()
+);
+[
+  "observe",
+  "unobserve",
+  "disconnect"
+].forEach(function(e) {
+  w.prototype[e] = function() {
+    var t;
+    return (t = g.get(this))[e].apply(t, arguments);
+  };
+});
+var H = function() {
+  return typeof f.ResizeObserver < "u" ? f.ResizeObserver : w;
+}();
+export {
+  H as default
+};

package/dist/node_modules/.pnpm/use-fit-text@2.4.0_react@18.3.1/node_modules/use-fit-text/dist/index.js

@@ -0,0 +1,49 @@
+import D from "react";
+import O from "../../../../../../_virtual/ResizeObserver.es.js";
+var K, _;
+function k() {
+  if (_) return K;
+  _ = 1;
+  var c, t = D, j = (c = O) && typeof c == "object" && "default" in c ? c.default : c, E = { debug: 10, info: 20, warn: 30, error: 40, none: 100 }, H = typeof window < "u" && window.document && window.document.createElement ? t.useLayoutEffect : t.useEffect;
+  return K = function(r) {
+    r === void 0 && (r = {});
+    var M = r.logLevel;
+    M === void 0 && (M = "info");
+    var a = r.maxFontSize;
+    a === void 0 && (a = 100);
+    var f = r.minFontSize;
+    f === void 0 && (f = 20);
+    var h = r.onFinish, s = r.onStart, v = r.resolution;
+    v === void 0 && (v = 5);
+    var L = E[M], z = t.useCallback(function() {
+      return { calcKey: 0, fontSize: a, fontSizePrev: f, fontSizeMax: a, fontSizeMin: f };
+    }, [a, f]), n = t.useRef(null), p = t.useRef(), l = t.useRef(!1), q = t.useState(z), d = q[0], m = q[1], i = d.calcKey, e = d.fontSize, S = d.fontSizeMax, u = d.fontSizeMin, o = d.fontSizePrev, w = null, x = t.useState(function() {
+      return new j(function() {
+        w = window.requestAnimationFrame(function() {
+          l.current || (s && s(), l.current = !0, m(Object.assign({}, z(), { calcKey: i + 1 })));
+        });
+      });
+    })[0];
+    t.useEffect(function() {
+      return n.current && x.observe(n.current), function() {
+        w && window.cancelAnimationFrame(w), x.disconnect();
+      };
+    }, [w, x]);
+    var y = n.current && n.current.innerHTML;
+    return t.useEffect(function() {
+      i === 0 || l.current || (y !== p.current && (s && s(), m(Object.assign({}, z(), { calcKey: i + 1 }))), p.current = y);
+    }, [i, z, y, s]), H(function() {
+      if (i !== 0) {
+        var A = Math.abs(e - o) <= v, b = !!n.current && (n.current.scrollHeight > n.current.offsetHeight || n.current.scrollWidth > n.current.offsetWidth), g = e > o;
+        if (A) b && e === o ? (l.current = !1, L <= E.info && console.info("[use-fit-text] reached `minFontSize = " + f + "` without fitting text")) : b ? m({ fontSize: g ? o : u, fontSizeMax: S, fontSizeMin: u, fontSizePrev: o, calcKey: i }) : (l.current = !1, h && h(e));
+        else {
+          var F, R = S, P = u;
+          b ? (F = g ? o - e : u - e, R = Math.min(S, e)) : (F = g ? S - e : o - e, P = Math.max(u, e)), m({ calcKey: i, fontSize: e + F / 2, fontSizeMax: R, fontSizeMin: P, fontSizePrev: e });
+        }
+      }
+    }, [i, e, S, u, o, h, n, v]), { fontSize: e + "%", ref: n };
+  }, K;
+}
+export {
+  k as __require
+};

package/dist/ssr/index.d.ts

@@ -0,0 +1,17 @@
+import { Server } from 'styletron-engine-monolithic';
+import { StandardEngine } from 'styletron-standard';
+/**
+ * SSR only utils
+ * These are only needed for Next.js or other SSR setups
+ * Regular React apps can ignore these exports
+ */
+/**
+ * Creates a new Styletron Server instance for SSR
+ */
+export declare function createStyletronServer(): Server;
+export declare function getStyletronSSR(): StandardEngine;
+/**
+ * Extract stylesheets from Styletron Server
+ */
+export declare function extractStyles(engine: Server): import('styletron-engine-monolithic/lib/server/server').sheetT[];
+export type { StandardEngine } from 'styletron-standard';

package/dist/ssr/index.js

@@ -0,0 +1,27 @@
+import { Server as n, Client as r } from "styletron-engine-monolithic";
+function o() {
+  return new n();
+}
+let e = null;
+function s() {
+  if (!e)
+    if (typeof window > "u")
+      e = new n();
+    else {
+      const t = document.getElementsByClassName(
+        "_styletron_hydrate_"
+      );
+      e = new r({
+        hydrate: t
+      });
+    }
+  return e;
+}
+function i(t) {
+  return t.getStylesheets() || [];
+}
+export {
+  o as createStyletronServer,
+  i as extractStyles,
+  s as getStyletronSSR
+};

package/dist/styles/helpers.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from 'baseui';
+export declare function getMediaQueryMargins(theme: Theme, cssProperties: Array<string>): {};

package/dist/styles/helpers.js

@@ -0,0 +1,20 @@
+import { getMediaQueries as o } from "baseui/helpers/responsive-helpers";
+function c(r, e) {
+  const i = o(r.breakpoints), a = Array.isArray(r.grid.margins) && r.grid.margins || [];
+  return i.reduce(
+    (n, s, g) => ({
+      ...n,
+      [s]: e.reduce(
+        (t, d) => ({
+          ...t,
+          [d]: `${a[g]}px`
+        }),
+        {}
+      )
+    }),
+    {}
+  );
+}
+export {
+  c as getMediaQueryMargins
+};

package/dist/styles/index.d.ts

@@ -1 +1,2 @@
-export { useStyletron, styled } from 'baseui';
+export { useStyletron, styled, withStyle } from 'baseui';
+export * from './helpers';

package/dist/styles/index.js

@@ -0,0 +1,8 @@
+import { styled as r, useStyletron as o, withStyle as y } from "baseui";
+import { getMediaQueryMargins as l } from "./helpers.js";
+export {
+  l as getMediaQueryMargins,
+  r as styled,
+  o as useStyletron,
+  y as withStyle
+};

package/dist/themes/borders.js

@@ -0,0 +1,15 @@
+const r = {
+  // Buttons
+  buttonBorderRadiusMini: "8px",
+  buttonBorderRadius: "12px",
+  // Inputs
+  inputBorderWidth: "3px",
+  // Custom token to Clay
+  inputBorderWidthReadOnly: "2px",
+  // Custom token to Clay
+  searchInputBorderRadius: "9999px"
+  // Custom token to Clay
+};
+export {
+  r as default
+};

package/dist/themes/clay-dark-theme.d.ts

@@ -29,6 +29,7 @@ export declare const darkComponentColors: {
     inputFill: string;
 };
 declare const theme: import('baseui').Theme & {
+    name: string;
     colors: {
         buttonPrimaryHover: string;
         buttonSecondaryFill: string;

package/dist/themes/clay-dark-theme.js

@@ -0,0 +1,52 @@
+import { createDarkTheme as a } from "baseui";
+import { primitiveLightColors as r } from "baseui/tokens";
+import { coreColors as n, primitiveColors as t, semanticExtensionColors as i, sharedComponentColors as y } from "./color-tokens.js";
+import { hexToRgba as c } from "../utils/index.js";
+import d from "./borders.js";
+import m from "./typography.js";
+const e = {
+  primaryA: r.white,
+  primaryB: r.black,
+  ...n
+}, o = {
+  // Background
+  backgroundSecondary: r.gray800,
+  backgroundTertiary: r.gray700,
+  backgroundInversePrimary: e.primaryA,
+  backgroundInverseSecondary: r.gray50,
+  // Content
+  contentSecondary: r.gray100,
+  contentTertiary: r.gray200,
+  contentInverseSecondary: r.gray800,
+  contentInverseTertiary: r.gray700,
+  // Border
+  borderOpaque: r.gray800,
+  borderSelected: e.primaryA,
+  borderInverseOpaque: r.gray100,
+  borderInverseTransparent: c(e.primaryB, "0.2"),
+  borderInverseSelected: e.primaryB
+}, s = {
+  buttonPrimaryHover: o.backgroundInversePrimary,
+  buttonSecondaryFill: o.backgroundTertiary,
+  buttonSecondaryHover: o.backgroundTertiary,
+  inputBorder: o.backgroundTertiary,
+  inputFill: o.backgroundTertiary
+}, p = {
+  name: "clay-dark",
+  colors: {
+    ...t,
+    ...e,
+    ...o,
+    ...i,
+    ...y,
+    ...s
+  },
+  borders: d,
+  typography: m
+}, C = a(p);
+export {
+  s as darkComponentColors,
+  e as darkCoreColors,
+  o as darkSemanticColors,
+  C as default
+};

package/dist/themes/clay-light-theme.d.ts

@@ -28,6 +28,7 @@ export declare const lightComponentColors: {
     buttonDisabledFill: string;
     inputBorder: string;
     inputFill: string;
+    inputFillDisabled: string;
     linkHover: string;
     linkActive: string;
     linkVisited: string;
@@ -35,6 +36,7 @@ export declare const lightComponentColors: {
     tickFillDisabled: string;
 };
 declare const theme: import('baseui').Theme & {
+    name: string;
     colors: {
         buttonPrimaryHover: string;
         buttonPrimaryActive: string;
@@ -46,6 +48,7 @@ declare const theme: import('baseui').Theme & {
         buttonDisabledFill: string;
         inputBorder: string;
         inputFill: string;
+        inputFillDisabled: string;
         linkHover: string;
         linkActive: string;
         linkVisited: string;

package/dist/themes/clay-light-theme.js

@@ -0,0 +1,60 @@
+import { createTheme as o } from "baseui";
+import { primitiveLightColors as t } from "baseui/tokens";
+import { coreColors as e, primitiveColors as a, semanticExtensionColors as n, sharedComponentColors as i } from "./color-tokens.js";
+import c from "./borders.js";
+import y from "./typography.js";
+const l = {
+  primaryA: t.black,
+  primaryB: t.white,
+  ...e
+}, r = {
+  // Background
+  backgroundSecondary: t.gray50,
+  backgroundInverseSecondary: t.gray800,
+  backgroundTertiary: t.gray100,
+  backgroundStateDisabled: t.gray100,
+  // Content
+  contentPrimary: t.black,
+  // already set in base, but here for semantic use
+  contentInverseSecondary: t.gray100,
+  contentInverseTertiary: t.gray200,
+  contentStateDisabled: t.gray400,
+  // Border
+  borderOpaque: t.gray100
+}, d = {
+  buttonPrimaryHover: r.contentPrimary,
+  buttonPrimaryActive: r.contentPrimary,
+  buttonSecondaryFill: r.backgroundTertiary,
+  buttonSecondaryHover: r.backgroundTertiary,
+  buttonSecondaryActive: r.contentPrimary,
+  buttonTertiaryHover: r.backgroundTertiary,
+  buttonTertiaryActive: r.contentPrimary,
+  buttonDisabledFill: r.backgroundStateDisabled,
+  inputBorder: r.backgroundTertiary,
+  inputFill: r.backgroundTertiary,
+  inputFillDisabled: r.backgroundStateDisabled,
+  linkHover: t.gray800,
+  linkActive: t.gray700,
+  linkVisited: t.gray600,
+  // Radio
+  tickBorder: r.contentPrimary,
+  tickFillDisabled: r.contentStateDisabled
+}, s = {
+  name: "clay-light",
+  colors: {
+    ...a,
+    ...l,
+    ...r,
+    ...n,
+    ...i,
+    ...d
+  },
+  borders: c,
+  typography: y
+}, p = o(s);
+export {
+  p as default,
+  d as lightComponentColors,
+  l as lightCoreColors,
+  r as lightSemanticColors
+};

package/dist/themes/color-tokens.js

@@ -0,0 +1,73 @@
+import { primitiveColors as e } from "baseui/tokens";
+import { hexToRgba as t } from "../utils/index.js";
+const i = "#FF004D", r = {
+  gray300: "#BBBBBB",
+  yellow300: "#FAECD1",
+  yellow400: "#F3CF8A",
+  yellow500: "#F1A91F",
+  yellow600: "#B97E0C",
+  yellow700: "#944500",
+  lime300: "#EEF3D8",
+  lime400: "#C9DB85",
+  lime500: "#A6C23A",
+  lime600: "#78901C",
+  lime700: "#4D5E0E",
+  purple300: "#DEDEED",
+  purple400: "#9D9BCA",
+  purple500: "#5B58A7",
+  purple600: "#4B47B2",
+  purple700: "#2B26A4",
+  blue300: "#E1F3FF",
+  blue400: "#AEDFFF",
+  blue500: "#46B6FE",
+  blue600: "#0188DF",
+  blue700: "#014A7A",
+  brown300: "#D8C3A9",
+  brown400: "#B7966C",
+  brown500: "#8C6636",
+  brown600: "#6A3C01",
+  brown700: "#543104"
+}, o = {
+  accent: i,
+  negative: e.red600,
+  warning: r.yellow500,
+  positive: e.green600
+}, n = {
+  // Backgrounds
+  backgroundStateDisabled: e.gray100,
+  backgroundOverlayDark: t(e.black, "0.50") || "",
+  backgroundOverlayElevation: t(e.black, "0.00") || "",
+  backgroundAccent: r.blue600,
+  backgroundNegative: o.negative,
+  backgroundWarning: o.warning,
+  backgroundPositive: o.positive,
+  backgroundAccentLight: r.blue300,
+  backgroundNegativeLight: e.red50,
+  backgroundWarningLight: r.yellow300,
+  backgroundPositiveLight: e.green50,
+  backgroundAlwaysDark: e.black,
+  backgroundAlwaysLight: e.white,
+  // Content
+  contentAccent: i,
+  contentNegative: o.negative,
+  contentWarning: r.yellow600,
+  contentPositive: o.positive,
+  contentStateDisabled: e.gray400,
+  // Border
+  borderAccent: r.blue600,
+  borderAccentLight: r.blue300,
+  borderNegative: o.negative,
+  borderWarning: r.yellow600
+}, c = {
+  buttonPrimarySpinnerForeground: n.borderAccent,
+  buttonSecondarySpinnerForeground: n.borderAccent,
+  buttonTertiarySpinnerForeground: n.borderAccent,
+  buttonDisabledSpinnerForeground: n.borderAccent
+};
+export {
+  o as coreColors,
+  i as mezoOffRed,
+  r as primitiveColors,
+  n as semanticExtensionColors,
+  c as sharedComponentColors
+};

package/dist/themes/index.d.ts

@@ -1,5 +1,7 @@
 export { ThemeProvider } from 'baseui';
+export type { Theme } from 'baseui';
 export { default as ClayProvider } from './provider';
+export type { ClayProviderProps } from './provider';
 export { default as borders } from './borders';
 export { default as typography } from './typography';
 export { default as ClayLightTheme } from './clay-light-theme';

package/dist/themes/index.js

@@ -0,0 +1,14 @@
+import { ThemeProvider as o } from "baseui";
+import { default as t } from "./provider.js";
+import { default as m } from "./borders.js";
+import { default as l } from "./typography.js";
+import { default as s } from "./clay-light-theme.js";
+import { default as h } from "./clay-dark-theme.js";
+export {
+  h as ClayDarkTheme,
+  s as ClayLightTheme,
+  t as ClayProvider,
+  o as ThemeProvider,
+  m as borders,
+  l as typography
+};