@optiaxiom/globals 0.7.1 → 0.7.3

package/dist/cjs/fonts.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('@fontsource-variable/fira-code/index.css');
+require('inter-ui/inter-variable.css');
+

package/dist/cjs/index.js

@@ -0,0 +1,349 @@
+'use strict';
+
+var react = require('react');
+var reactContext = require('@radix-ui/react-context');
+
+const AxiomVersionContext = react.createContext(void 0);
+
+var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
+
+const [ToastContextProvider, useToastContext] = reactContext.createContext("ToastProvider");
+
+const EMPTY = [];
+let id = 1;
+const genId = () => {
+  return "t" + id++;
+};
+const createToaster = () => {
+  let snapshot = [];
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  let queue = Promise.resolve();
+  return {
+    store: [
+      (callback) => {
+        listeners.add(callback);
+        return () => listeners.delete(callback);
+      },
+      () => snapshot,
+      () => EMPTY
+    ],
+    clear: () => {
+      snapshot = [];
+      emit();
+    },
+    create: (...args) => {
+      const toast = typeof args[0] === "string" ? {
+        ...args[1],
+        title: args[0]
+      } : args[0];
+      const id2 = genId();
+      queue = queue.then(async () => {
+        const item = {
+          id: id2,
+          open: true,
+          ref: { current: null },
+          toast
+        };
+        snapshot = [...snapshot, item];
+        emit();
+        await waitForAnimation(item.ref.current);
+      });
+      return id2;
+    },
+    remove: (id2) => {
+      queue = queue.then(async () => {
+        snapshot = snapshot.map(
+          (item2) => item2.id === id2 ? { ...item2, open: false } : item2
+        );
+        emit();
+        const item = snapshot.find((item2) => item2.id === id2);
+        await waitForAnimation(item?.ref.current);
+        snapshot = snapshot.filter((item2) => item2.id !== id2);
+        emit();
+      });
+    }
+  };
+};
+const waitForAnimation = async (element) => {
+  await new Promise((resolve) => requestAnimationFrame(resolve));
+  await Promise.allSettled(
+    typeof element?.getAnimations === "function" ? element?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
+  );
+};
+const toaster = createToaster();
+
+const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))}rem`;
+
+const borderRadius = {
+  xs: rem("2px"),
+  sm: rem("4px"),
+  md: rem("6px"),
+  lg: rem("8px"),
+  full: "9999px"
+};
+
+const boxShadow = {
+  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+};
+
+const palette = {
+  "blue.100": "#C6DBFA",
+  "blue.200": "#A1C2F7",
+  "blue.300": "#7BAAF4",
+  "blue.500": "#2F7AEE",
+  "blue.600": "#115DD4",
+  "blue.700": "#0D46A0",
+  "blue.800": "#09306D",
+  "blue.900": "#051939",
+  "brand.50": "#F0F3FF",
+  "brand.200": "#B3C3FF",
+  "brand.300": "#6A8FFC",
+  "brand.400": "#2E66F7",
+  "brand.500": "#0037FF",
+  "brand.600": "#002CCC",
+  "brand.700": "#002894",
+  "brand.800": "#001666",
+  "brand.900": "#000B33",
+  "green.100": "#D1F0E1",
+  "green.200": "#A5E1C3",
+  "green.300": "#7CD2A7",
+  "green.400": "#5AC58A",
+  "green.500": "#03A65D",
+  "green.600": "#038047",
+  "green.700": "#24663E",
+  "green.800": "#17492B",
+  "green.900": "#082415",
+  "neutral.00": "#FFFFFF",
+  "neutral.50": "#F9FAFC",
+  "neutral.75": "#F5F6FA",
+  "neutral.100": "#E9EDF5",
+  "neutral.150": "#DADFEB",
+  "neutral.200": "#CACFDC",
+  "neutral.300": "#B8BECB",
+  "neutral.500": "#838DA4",
+  "neutral.600": "#66708C",
+  "neutral.700": "#4F576E",
+  "neutral.800": "#2E3442",
+  "neutral.900": "#1C212B",
+  "neutral.1000": "#1C2029",
+  "neutral.1100": "#171A23",
+  "neutral.1200": "#091E42",
+  "neutral.50/6": "#F9FAFC0F",
+  "neutral.50/12": "#F9FAFC1F",
+  "neutral.50/18": "#F9FAFC2E",
+  "neutral.50/32": "#F9FAFC52",
+  "neutral.1200/4": "#091E420A",
+  "neutral.1200/8": "#091E4214",
+  "neutral.1200/32": "#091E4252",
+  "purple.100": "#E5DCF4",
+  "purple.500": "#693AB6",
+  "purple.600": "#532E8F",
+  "purple.700": "#412470",
+  "red.50": "#FFF7F7",
+  "red.100": "#FFD7D7",
+  "red.200": "#FFB4B4",
+  "red.300": "#FC8B8B",
+  "red.400": "#F64F4F",
+  "red.500": "#CC1616",
+  "red.600": "#B21313",
+  "red.700": "#911D1D",
+  "red.800": "#601313",
+  "red.900": "#300A0A",
+  "yellow.100": "#FEF1C6",
+  "yellow.200": "#FEDF88",
+  "yellow.300": "#FFC84B",
+  "yellow.400": "#FDB022",
+  "yellow.500": "#F79008",
+  "yellow.600": "#DC6903",
+  "yellow.700": "#B54707",
+  "yellow.800": "#7A2E0D",
+  "yellow.900": "#4E1D09"
+};
+const ld = (a, b) => `light-dark(${a}, ${b})`;
+const colors = {
+  "bg.accent": ld(palette["brand.500"], palette["brand.400"]),
+  "bg.accent.hovered": ld(palette["brand.600"], palette["brand.400"]),
+  "bg.accent.light": ld(palette["brand.200"], palette["brand.800"]),
+  "bg.accent.pressed": ld(palette["brand.700"], palette["brand.600"]),
+  "bg.accent.subtle": ld(palette["brand.50"], palette["brand.900"]),
+  "bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.800"]),
+  "bg.avatar.purple": ld(palette["purple.100"], palette["purple.700"]),
+  "bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
+  "bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
+  "bg.default.inverse": ld(palette["neutral.800"], palette["neutral.100"]),
+  "bg.default.inverse.hovered": ld(
+    palette["neutral.900"],
+    palette["neutral.200"]
+  ),
+  "bg.default.inverse.pressed": ld(
+    palette["neutral.1000"],
+    palette["neutral.300"]
+  ),
+  "bg.default.pressed": ld(palette["neutral.1200/8"], palette["neutral.50/12"]),
+  "bg.error": ld(palette["red.500"], palette["red.500"]),
+  "bg.error.hovered": ld(palette["red.600"], palette["red.400"]),
+  "bg.error.light": ld(palette["red.200"], palette["red.700"]),
+  "bg.error.pressed": ld(palette["red.700"], palette["red.600"]),
+  "bg.error.subtle": ld(palette["red.100"], palette["red.800"]),
+  "bg.error.subtlest": ld(palette["red.50"], palette["red.900"]),
+  "bg.information": ld(palette["blue.600"], palette["blue.600"]),
+  "bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
+  "bg.information.subtle": ld(palette["blue.100"], palette["blue.900"]),
+  "bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.50/32"]),
+  "bg.page": ld(palette["neutral.50"], palette["neutral.1100"]),
+  "bg.secondary": ld(palette["neutral.75"], palette["neutral.900"]),
+  "bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/12"]),
+  "bg.spinner.default": ld(palette["neutral.1200"], palette["neutral.50"]),
+  "bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
+  "bg.success": ld(palette["green.600"], palette["green.600"]),
+  "bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
+  "bg.success.light": ld(palette["green.200"], palette["green.800"]),
+  "bg.success.subtle": ld(palette["green.100"], palette["green.900"]),
+  "bg.tertiary": ld(palette["neutral.150"], palette["neutral.700"]),
+  "bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
+  "bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
+  "bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
+  "bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
+  "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.900"]),
+  "border.accent": ld(palette["brand.500"], palette["brand.300"]),
+  "border.control": ld(palette["neutral.500"], palette["neutral.700"]),
+  "border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
+  "border.default": ld(palette["neutral.200"], palette["neutral.600"]),
+  "border.disabled": ld(palette["neutral.75"], palette["neutral.800"]),
+  "border.error": ld(palette["red.500"], palette["red.200"]),
+  "border.focus": ld(palette["brand.400"], palette["brand.300"]),
+  "border.focus.error": ld(palette["red.400"], palette["red.300"]),
+  "border.secondary": ld(palette["neutral.150"], palette["neutral.700"]),
+  "border.success": ld(palette["green.500"], palette["green.500"]),
+  "border.tertiary": ld(palette["neutral.100"], palette["neutral.800"]),
+  "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
+  "fg.accent": ld(palette["brand.500"], palette["brand.300"]),
+  "fg.accent.hovered": ld(palette["brand.600"], palette["brand.500"]),
+  "fg.accent.strong": ld(palette["brand.700"], palette["brand.400"]),
+  "fg.avatar.neutral": ld(palette["neutral.700"], palette["neutral.100"]),
+  "fg.avatar.purple": ld(palette["purple.700"], palette["purple.100"]),
+  "fg.default": ld(palette["neutral.800"], palette["neutral.75"]),
+  "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
+  "fg.disabled": ld(palette["neutral.200"], palette["neutral.50/32"]),
+  "fg.error": ld(palette["red.500"], palette["red.300"]),
+  "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
+  "fg.error.light": ld(palette["red.300"], palette["red.300"]),
+  "fg.error.strong": ld(palette["red.700"], palette["red.200"]),
+  "fg.information": ld(palette["blue.500"], palette["blue.300"]),
+  "fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
+  "fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
+  "fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
+  "fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
+  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
+  "fg.link.subtle": ld(palette["neutral.800"], palette["neutral.75"]),
+  "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
+  "fg.secondary": ld(palette["neutral.700"], palette["neutral.200"]),
+  "fg.spinner.default": ld(palette["neutral.800"], palette["neutral.200"]),
+  "fg.spinner.inverse": ld(palette["neutral.200"], palette["neutral.800"]),
+  "fg.success": ld(palette["green.500"], palette["green.300"]),
+  "fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
+  "fg.success.light": ld(palette["green.300"], palette["green.300"]),
+  "fg.success.strong": ld(palette["green.700"], palette["green.200"]),
+  "fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
+  "fg.warning": ld(palette["yellow.500"], palette["yellow.300"]),
+  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
+  "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
+  "fg.warning.light": ld(palette["yellow.300"], palette["yellow.300"]),
+  "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.200"]),
+  "fg.white": ld(palette["neutral.00"], palette["neutral.00"])
+};
+
+const fontFamily = {
+  mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+  sans: "InterVariable, system-ui, sans-serif"
+};
+
+const fontSize = {
+  xs: {
+    fontSize: rem("10px"),
+    lineHeight: rem("14px")
+  },
+  sm: {
+    fontSize: rem("12px"),
+    lineHeight: rem("16px")
+  },
+  md: {
+    fontSize: rem("14px"),
+    lineHeight: rem("20px")
+  },
+  lg: {
+    fontSize: rem("16px"),
+    lineHeight: rem("24px")
+  },
+  xl: {
+    fontSize: rem("20px"),
+    lineHeight: rem("28px")
+  },
+  "2xl": {
+    fontSize: rem("24px"),
+    lineHeight: rem("32px")
+  },
+  "3xl": {
+    fontSize: rem("28px"),
+    lineHeight: rem("40px")
+  },
+  "4xl": {
+    fontSize: rem("32px"),
+    lineHeight: rem("44px")
+  }
+};
+
+const maxSize = {
+  xs: rem("320px"),
+  sm: rem("384px"),
+  md: rem("448px"),
+  lg: rem("512px")
+};
+
+const screens = {
+  sm: rem("600px"),
+  md: rem("900px")
+};
+
+const size = {
+  "2xs": rem("16px"),
+  xs: rem("20px"),
+  sm: rem("24px"),
+  md: rem("32px"),
+  lg: rem("40px"),
+  xl: rem("48px"),
+  "3xl": rem("80px")
+};
+
+const zIndex = {
+  popover: "3000",
+  toast: "3010",
+  tooltip: "10000"
+};
+
+const tokens = {
+  borderRadius,
+  boxShadow,
+  colors,
+  fontFamily,
+  fontSize,
+  maxSize,
+  screens,
+  size,
+  zIndex
+};
+
+exports.AxiomVersionContext = AxiomVersionContext;
+exports.ToastContextProvider = ToastContextProvider;
+exports.createToaster = createToaster;
+exports.theme = theme;
+exports.toaster = toaster;
+exports.tokens = tokens;
+exports.useToastContext = useToastContext;

package/dist/{context.js → esm/context.js}

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from 'react';
 
-const AxiomVersionContext = createContext(undefined);
+const AxiomVersionContext = createContext(void 0);
 
 export { AxiomVersionContext };

package/dist/esm/fonts.js

@@ -0,0 +1,2 @@
+import '@fontsource-variable/fira-code/index.css';
+import 'inter-ui/inter-variable.css';

package/dist/{theme-css.js → esm/theme-css.js}

@@ -1,3 +1,3 @@
-var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
+var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
 
 export { theme };

package/dist/{tokens → esm/tokens}/colors.js

@@ -1,16 +1,13 @@
 const palette = {
-  "blue.50": "#D9E7FC",
   "blue.100": "#C6DBFA",
   "blue.200": "#A1C2F7",
   "blue.300": "#7BAAF4",
-  "blue.400": "#5592F1",
   "blue.500": "#2F7AEE",
   "blue.600": "#115DD4",
   "blue.700": "#0D46A0",
   "blue.800": "#09306D",
   "blue.900": "#051939",
   "brand.50": "#F0F3FF",
-  "brand.100": "#CDD8FC",
   "brand.200": "#B3C3FF",
   "brand.300": "#6A8FFC",
   "brand.400": "#2E66F7",
@@ -19,17 +16,6 @@ const palette = {
   "brand.700": "#002894",
   "brand.800": "#001666",
   "brand.900": "#000B33",
-  "cyan.50": "#ECFEFF",
-  "cyan.100": "#CFFAFE",
-  "cyan.200": "#99F0F9",
-  "cyan.300": "#67E8F9",
-  "cyan.400": "#22D3EE",
-  "cyan.500": "#06B6D4",
-  "cyan.600": "#0891B2",
-  "cyan.700": "#0E7490",
-  "cyan.800": "#155E75",
-  "cyan.900": "#083344",
-  "green.50": "#E9F7F1",
   "green.100": "#D1F0E1",
   "green.200": "#A5E1C3",
   "green.300": "#7CD2A7",
@@ -39,16 +25,6 @@ const palette = {
   "green.700": "#24663E",
   "green.800": "#17492B",
   "green.900": "#082415",
-  "magenta.50": "#FDF4FF",
-  "magenta.100": "#FAE8FF",
-  "magenta.200": "#F5D0FE",
-  "magenta.300": "#F0ABFC",
-  "magenta.400": "#D765E9",
-  "magenta.500": "#C026D3",
-  "magenta.600": "#A21CAF",
-  "magenta.700": "#86198F",
-  "magenta.800": "#701A75",
-  "magenta.900": "#4A044E",
   "neutral.00": "#FFFFFF",
   "neutral.50": "#F9FAFC",
   "neutral.75": "#F5F6FA",
@@ -67,23 +43,14 @@ const palette = {
   "neutral.50/6": "#F9FAFC0F",
   "neutral.50/12": "#F9FAFC1F",
   "neutral.50/18": "#F9FAFC2E",
-  "neutral.50/22": "#F9FAFC38",
   "neutral.50/32": "#F9FAFC52",
   "neutral.1200/4": "#091E420A",
   "neutral.1200/8": "#091E4214",
-  "neutral.1200/16": "#091E4229",
-  "neutral.1200/22": "#091E4238",
   "neutral.1200/32": "#091E4252",
-  "purple.50": "#F1ECF8",
   "purple.100": "#E5DCF4",
-  "purple.200": "#C4B1E2",
-  "purple.300": "#9570D1",
-  "purple.400": "#7E51C8",
   "purple.500": "#693AB6",
   "purple.600": "#532E8F",
   "purple.700": "#412470",
-  "purple.800": "#331C59",
-  "purple.900": "#261542",
   "red.50": "#FFF7F7",
   "red.100": "#FFD7D7",
   "red.200": "#FFB4B4",
@@ -94,7 +61,6 @@ const palette = {
   "red.700": "#911D1D",
   "red.800": "#601313",
   "red.900": "#300A0A",
-  "yellow.50": "#FFFAEA",
   "yellow.100": "#FEF1C6",
   "yellow.200": "#FEDF88",
   "yellow.300": "#FFC84B",
@@ -154,14 +120,14 @@ const colors = {
   "border.accent": ld(palette["brand.500"], palette["brand.300"]),
   "border.control": ld(palette["neutral.500"], palette["neutral.700"]),
   "border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
-  "border.default": ld(palette["neutral.100"], palette["neutral.800"]),
+  "border.default": ld(palette["neutral.200"], palette["neutral.600"]),
   "border.disabled": ld(palette["neutral.75"], palette["neutral.800"]),
   "border.error": ld(palette["red.500"], palette["red.200"]),
   "border.focus": ld(palette["brand.400"], palette["brand.300"]),
   "border.focus.error": ld(palette["red.400"], palette["red.300"]),
   "border.secondary": ld(palette["neutral.150"], palette["neutral.700"]),
   "border.success": ld(palette["green.500"], palette["green.500"]),
-  "border.tertiary": ld(palette["neutral.200"], palette["neutral.600"]),
+  "border.tertiary": ld(palette["neutral.100"], palette["neutral.800"]),
   "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
   "fg.accent": ld(palette["brand.500"], palette["brand.300"]),
   "fg.accent.hovered": ld(palette["brand.600"], palette["brand.500"]),
@@ -180,8 +146,8 @@ const colors = {
   "fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
   "fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
   "fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
-  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.00"]),
-  "fg.link.subtle": ld(palette["neutral.800"], palette["neutral.800"]),
+  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
+  "fg.link.subtle": ld(palette["neutral.800"], palette["neutral.75"]),
   "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
   "fg.secondary": ld(palette["neutral.700"], palette["neutral.200"]),
   "fg.spinner.default": ld(palette["neutral.800"], palette["neutral.200"]),

package/dist/{tokens → esm/tokens}/fontSize.js

@@ -18,24 +18,20 @@ const fontSize = {
     lineHeight: rem("24px")
   },
   xl: {
-    fontSize: rem("18px"),
-    lineHeight: rem("28px")
-  },
-  "2xl": {
     fontSize: rem("20px"),
     lineHeight: rem("28px")
   },
-  "3xl": {
+  "2xl": {
     fontSize: rem("24px"),
     lineHeight: rem("32px")
   },
-  "4xl": {
-    fontSize: rem("30px"),
-    lineHeight: rem("36px")
-  },
-  "5xl": {
-    fontSize: rem("36px"),
+  "3xl": {
+    fontSize: rem("28px"),
     lineHeight: rem("40px")
+  },
+  "4xl": {
+    fontSize: rem("32px"),
+    lineHeight: rem("44px")
   }
 };
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { RefObject, ReactElement, useSyncExternalStore } from 'react';
+import { RefObject, ReactElement } from 'react';
 
 declare const AxiomVersionContext: react.Context<string | undefined>;
 
@@ -58,14 +58,14 @@ declare const theme: MapLeafNodes<{
         readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
         readonly "border.control": "light-dark(#838DA4, #4F576E)";
         readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
-        readonly "border.default": "light-dark(#E9EDF5, #2E3442)";
+        readonly "border.default": "light-dark(#CACFDC, #66708C)";
         readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
         readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
         readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
         readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
         readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
         readonly "border.success": "light-dark(#03A65D, #03A65D)";
-        readonly "border.tertiary": "light-dark(#CACFDC, #66708C)";
+        readonly "border.tertiary": "light-dark(#E9EDF5, #2E3442)";
         readonly "border.warning": "light-dark(#F79008, #F79008)";
         readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
         readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
@@ -84,8 +84,8 @@ declare const theme: MapLeafNodes<{
         readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
         readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
         readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
-        readonly "fg.link.inverse": "light-dark(#FFFFFF, #FFFFFF)";
-        readonly "fg.link.subtle": "light-dark(#2E3442, #2E3442)";
+        readonly "fg.link.inverse": "light-dark(#FFFFFF, #2E3442)";
+        readonly "fg.link.subtle": "light-dark(#2E3442, #F5F6FA)";
         readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
         readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
         readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
@@ -124,25 +124,21 @@ declare const theme: MapLeafNodes<{
             readonly lineHeight: "24px";
         };
         readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
             readonly fontSize: "20px";
             readonly lineHeight: "28px";
         };
-        readonly "3xl": {
+        readonly "2xl": {
             readonly fontSize: "24px";
             readonly lineHeight: "32px";
         };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
+        readonly "3xl": {
+            readonly fontSize: "28px";
             readonly lineHeight: "40px";
         };
+        readonly "4xl": {
+            readonly fontSize: "32px";
+            readonly lineHeight: "44px";
+        };
     };
     readonly maxSize: {
         readonly xs: "320px";
@@ -190,6 +186,14 @@ declare const useToastContext: (consumerName: string) => {
     toastRef: RefObject<HTMLElement>;
 };
 
+type ToastItem = {
+    id: string;
+    open: boolean;
+    ref: RefObject<HTMLElement>;
+    toast: ReactElement | (ToastOptions & {
+        title: string;
+    });
+};
 type ToastOptions = {
     action?: string;
     onAction?: () => void;
@@ -199,7 +203,11 @@ type Toaster = {
     clear: () => void;
     create: (...args: [message: string, options?: ToastOptions] | [toast: ReactElement]) => string;
     remove: (id: string) => void;
-    store: Parameters<typeof useSyncExternalStore<ToastItem[]>>;
+    store: [
+        subscribe: (onStoreChange: () => void) => () => void,
+        getSnapshot: () => ToastItem[],
+        getServerSnapshot?: () => ToastItem[]
+    ];
 };
 declare const createToaster: () => Toaster;
 declare const toaster: Toaster;
@@ -259,14 +267,14 @@ declare const tokens: {
         readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
         readonly "border.control": "light-dark(#838DA4, #4F576E)";
         readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
-        readonly "border.default": "light-dark(#E9EDF5, #2E3442)";
+        readonly "border.default": "light-dark(#CACFDC, #66708C)";
         readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
         readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
         readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
         readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
         readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
         readonly "border.success": "light-dark(#03A65D, #03A65D)";
-        readonly "border.tertiary": "light-dark(#CACFDC, #66708C)";
+        readonly "border.tertiary": "light-dark(#E9EDF5, #2E3442)";
         readonly "border.warning": "light-dark(#F79008, #F79008)";
         readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
         readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
@@ -285,8 +293,8 @@ declare const tokens: {
         readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
         readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
         readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
-        readonly "fg.link.inverse": "light-dark(#FFFFFF, #FFFFFF)";
-        readonly "fg.link.subtle": "light-dark(#2E3442, #2E3442)";
+        readonly "fg.link.inverse": "light-dark(#FFFFFF, #2E3442)";
+        readonly "fg.link.subtle": "light-dark(#2E3442, #F5F6FA)";
         readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
         readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
         readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
@@ -325,25 +333,21 @@ declare const tokens: {
             readonly lineHeight: "24px";
         };
         readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
             readonly fontSize: "20px";
             readonly lineHeight: "28px";
         };
-        readonly "3xl": {
+        readonly "2xl": {
             readonly fontSize: "24px";
             readonly lineHeight: "32px";
         };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
+        readonly "3xl": {
+            readonly fontSize: "28px";
             readonly lineHeight: "40px";
         };
+        readonly "4xl": {
+            readonly fontSize: "32px";
+            readonly lineHeight: "44px";
+        };
     };
     readonly maxSize: {
         readonly xs: "320px";

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "files": [
     "dist/**",
     "LICENSE"
@@ -15,15 +15,18 @@
   "license": "Apache-2.0",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
       "types": "./dist/index.d.ts"
     },
     "./fonts": {
-      "import": "./dist/fonts.js"
+      "import": "./dist/esm/fonts.js",
+      "require": "./dist/cjs/fonts.js"
     }
   },
   "sideEffects": [
-    "./dist/fonts.js"
+    "./dist/cjs/fonts.js",
+    "./dist/esm/fonts.js"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -32,7 +35,7 @@
     "inter-ui": "^4.1.0"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "^1.17.0",
+    "@vanilla-extract/css": "^1.17.1",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {

package/dist/fonts.js

@@ -1,2 +0,0 @@
-import '@fontsource-variable/fira-code';
-import 'inter-ui/inter-variable.css';