@pie-lib/render-ui 8.0.1-next.20261006030823 → 8.0.1-next.20261006035546

package/dist/color.d.ts

@@ -3,11 +3,11 @@ export declare const defaults: {
     DISABLED: string;
     DISABLED_SECONDARY: string;
     DISABLED_TEXT: string;
-    CORRECT: "#4caf50";
+    CORRECT: string;
     CORRECT_SECONDARY: "#e8f5e9";
     CORRECT_TERTIARY: string;
     CORRECT_WITH_ICON: string;
-    INCORRECT: "#ff9800";
+    INCORRECT: string;
     INCORRECT_SECONDARY: "#ffebee";
     INCORRECT_WITH_ICON: string;
     MISSING: "#d32f2f";
@@ -50,7 +50,6 @@ export declare const defaults: {
     KEYPAD_EMPTY_PLACEHOLDER: string;
     KEYPAD_BUTTON_HOVER: string;
     KEYPAD_BUTTON_OPERATOR_HOVER: string;
-    KEY_BOARD_FOCUS_INDICATOR: string;
     EDITOR_TOOLBAR: string;
     BUTTON_BORDER: string;
     BUTTON_HOVER_BG: string;
@@ -101,6 +100,8 @@ export declare const focusUnchecked: () => any;
 export declare const focusUncheckedBorder: () => any;
 export declare const buttonFocusOutline: () => any;
 export declare const focusOutline: () => any;
+/** @deprecated The keyboard focus ring is {@link focusOutline}. */
+export declare const keyBoardFocusIndicator: () => any;
 export declare const blueGrey100: () => any;
 export declare const blueGrey300: () => any;
 export declare const blueGrey600: () => any;
@@ -110,8 +111,8 @@ export declare const keypadButtonOperator: () => any;
 export declare const keypadEmptyPlaceholder: () => any;
 export declare const keypadButtonHover: () => any;
 export declare const keypadButtonOperatorHover: () => any;
+export declare const keypadInk: () => string;
 export declare const editorToolbar: () => string;
-export declare const keyBoardFocusIndicator: () => any;
 export declare const buttonBorder: () => any;
 export declare const buttonHoverBg: () => any;
 export declare const visualElementsColors: {

package/dist/color.js

@@ -1,81 +1,82 @@
 import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
-import { green as t, indigo as n, orange as ee, pink as r, red as te } from "@mui/material/colors";
+import { green as t, indigo as n, pink as r, red as i } from "@mui/material/colors";
 //#region src/color.ts
-var ne = /* @__PURE__ */ e({
-	background: () => k,
-	backgroundDark: () => A,
-	black: () => H,
-	blueGrey100: () => Z,
-	blueGrey300: () => ie,
-	blueGrey600: () => ae,
-	blueGrey900: () => oe,
+var ee = /* @__PURE__ */ e({
+	background: () => O,
+	backgroundDark: () => k,
+	black: () => V,
+	blueGrey100: () => ie,
+	blueGrey300: () => ae,
+	blueGrey600: () => oe,
+	blueGrey900: () => se,
 	border: () => F,
-	borderDark: () => L,
-	borderGray: () => R,
+	borderDark: () => re,
+	borderGray: () => L,
 	borderLight: () => I,
-	buttonBorder: () => me,
-	buttonFocusOutline: () => Y,
-	buttonHoverBg: () => he,
-	correct: () => d,
-	correctSecondary: () => f,
-	correctTertiary: () => p,
-	correctWithIcon: () => m,
-	defaults: () => i,
-	disabled: () => c,
-	disabledSecondary: () => l,
-	disabledText: () => u,
-	dropdownBackground: () => M,
-	editorToolbar: () => fe,
-	fadedPrimary: () => w,
-	focusChecked: () => G,
-	focusCheckedBorder: () => K,
-	focusOutline: () => X,
-	focusUnchecked: () => q,
-	focusUncheckedBorder: () => J,
-	incorrect: () => h,
-	incorrectSecondary: () => _,
-	incorrectWithIcon: () => g,
-	keyBoardFocusIndicator: () => pe,
-	keypadButton: () => ce,
-	keypadButtonHover: () => ue,
-	keypadButtonOperator: () => le,
-	keypadButtonOperatorHover: () => de,
-	keypadEmptyPlaceholder: () => $,
-	missing: () => v,
-	missingWithIcon: () => y,
-	primary: () => b,
-	primaryDark: () => S,
-	primaryLight: () => x,
-	primaryText: () => C,
-	secondary: () => T,
-	secondaryBackground: () => j,
-	secondaryDark: () => D,
-	secondaryLight: () => E,
-	secondaryText: () => O,
-	surface: () => N,
-	tableGrid: () => z,
-	tableGridLight: () => B,
-	tableStripe: () => V,
-	tertiary: () => re,
+	buttonBorder: () => he,
+	buttonFocusOutline: () => J,
+	buttonHoverBg: () => ge,
+	correct: () => u,
+	correctSecondary: () => d,
+	correctTertiary: () => f,
+	correctWithIcon: () => p,
+	defaults: () => a,
+	disabled: () => te,
+	disabledSecondary: () => ne,
+	disabledText: () => l,
+	dropdownBackground: () => j,
+	editorToolbar: () => me,
+	fadedPrimary: () => C,
+	focusChecked: () => W,
+	focusCheckedBorder: () => G,
+	focusOutline: () => Y,
+	focusUnchecked: () => K,
+	focusUncheckedBorder: () => q,
+	incorrect: () => m,
+	incorrectSecondary: () => g,
+	incorrectWithIcon: () => h,
+	keyBoardFocusIndicator: () => X,
+	keypadButton: () => le,
+	keypadButtonHover: () => fe,
+	keypadButtonOperator: () => ue,
+	keypadButtonOperatorHover: () => pe,
+	keypadEmptyPlaceholder: () => de,
+	keypadInk: () => $,
+	missing: () => _,
+	missingWithIcon: () => v,
+	primary: () => y,
+	primaryDark: () => x,
+	primaryLight: () => b,
+	primaryText: () => S,
+	secondary: () => w,
+	secondaryBackground: () => A,
+	secondaryDark: () => E,
+	secondaryLight: () => T,
+	secondaryText: () => D,
+	surface: () => M,
+	tableGrid: () => R,
+	tableGridLight: () => z,
+	tableStripe: () => B,
+	tertiary: () => N,
 	tertiaryLight: () => P,
-	text: () => s,
-	transparent: () => W,
-	v: () => a,
-	visualElementsColors: () => ge,
-	white: () => U
-}), i = {
+	text: () => c,
+	transparent: () => U,
+	v: () => o,
+	visualElementsColors: () => _e,
+	white: () => H
+}), a = {
 	TEXT: "black",
 	DISABLED: "grey",
 	DISABLED_SECONDARY: "#ABABAB",
 	DISABLED_TEXT: "#545454",
-	CORRECT: t[500],
+	CORRECT: "#208537",
 	CORRECT_SECONDARY: t[50],
 	CORRECT_TERTIARY: "#0EA449",
 	CORRECT_WITH_ICON: "#087D38",
-	INCORRECT: ee[500],
-	INCORRECT_SECONDARY: te[50],
+	INCORRECT: "#a65f00",
+	INCORRECT_SECONDARY: i[50],
 	INCORRECT_WITH_ICON: "#BF0D00",
-	MISSING: te[700],
+	MISSING: i[700],
 	MISSING_WITH_ICON: "#6A78A1",
 	PRIMARY: n[500],
 	PRIMARY_LIGHT: n[200],
@@ -115,19 +116,18 @@ var ne = /* @__PURE__ */ e({
 	KEYPAD_EMPTY_PLACEHOLDER: "rgba(245, 0, 87, 0.4)",
 	KEYPAD_BUTTON_HOVER: "rgb(214, 218, 239)",
 	KEYPAD_BUTTON_OPERATOR_HOVER: "rgb(255, 197, 217)",
-	KEY_BOARD_FOCUS_INDICATOR: "#2B87FF",
 	EDITOR_TOOLBAR: "#efefef",
 	BUTTON_BORDER: "rgba(0, 0, 0, 0.23)",
 	BUTTON_HOVER_BG: "rgba(0, 0, 0, 0.08)"
 };
-Object.freeze(i);
-var a = (e) => (...t) => {
+Object.freeze(a);
+var o = (e) => (...t) => {
 	let n = t.pop();
 	return t.reduceRight((t, n) => `var(--${e}-${n}, ${t})`, n);
-}, o = a("pie"), s = () => o("text", i.TEXT), c = () => o("disabled", i.DISABLED), l = () => o("disabled-secondary", i.DISABLED_SECONDARY), u = () => o("disabled-text", "text", i.DISABLED_TEXT), d = () => o("correct", i.CORRECT), f = () => o("correct-secondary", i.CORRECT_SECONDARY), p = () => o("correct-tertiary", i.CORRECT_TERTIARY), m = () => o("correct-icon", i.CORRECT_WITH_ICON), h = () => o("incorrect", i.INCORRECT), g = () => o("incorrect-icon", i.INCORRECT_WITH_ICON), _ = () => o("incorrect-secondary", i.INCORRECT_SECONDARY), v = () => o("missing", i.MISSING), y = () => o("missing-icon", i.MISSING_WITH_ICON), b = () => o("primary", i.PRIMARY), x = () => o("primary-light", i.PRIMARY_LIGHT), S = () => o("primary-dark", i.PRIMARY_DARK), C = () => o("primary-text", "text", i.TEXT), w = () => o("faded-primary", i.FADED_PRIMARY), T = () => o("secondary", i.SECONDARY), E = () => o("secondary-light", i.SECONDARY_LIGHT), D = () => o("secondary-dark", i.SECONDARY_DARK), O = () => o("secondary-text", "text", i.TEXT), k = () => o("background", i.BACKGROUND), A = () => o("background-dark", i.BACKGROUND_DARK), j = () => o("secondary-background", i.SECONDARY_BACKGROUND), M = () => o("dropdown-background", i.DROPDOWN_BACKGROUND), N = () => o("surface", i.SURFACE), re = () => o("tertiary", i.TERTIARY), P = () => o("tertiary-light", i.TERTIARY_LIGHT), F = () => o("border", i.BORDER), I = () => o("border-light", i.BORDER_LIGHT), L = () => o("border-dark", i.BORDER_DARK), R = () => o("border-gray", i.BORDER_GRAY), z = () => o("table-grid", "text", i.TABLE_GRID), B = () => o("table-grid-light", "border-light", i.TABLE_GRID_LIGHT), V = () => o("table-stripe", "background-dark", i.TABLE_STRIPE), H = () => o("black", i.BLACK), U = () => o("white", i.WHITE), W = () => i.TRANSPARENT, G = () => o("focus-checked", i.FOCUS_CHECKED), K = () => o("focus-checked-border", i.FOCUS_CHECKED_BORDER), q = () => o("focus-unchecked", i.FOCUS_UNCHECKED), J = () => o("focus-unchecked-border", i.FOCUS_UNCHECKED_BORDER), Y = () => o("button-focus-outline", i.BUTTON_FOCUS_OUTLINE), X = () => o("focus-outline", "button-focus-outline", "focus-checked-border", i.FOCUS_CHECKED_BORDER), Z = () => o("blue-grey-100", i.BLUE_GREY100), ie = () => o("blue-grey-300", i.BLUE_GREY300), ae = () => o("blue-grey-600", i.BLUE_GREY600), oe = () => o("blue-grey-900", i.BLUE_GREY900), se = (e) => {
+}, s = o("pie"), c = () => s("text", a.TEXT), te = () => s("disabled", a.DISABLED), ne = () => s("disabled-secondary", a.DISABLED_SECONDARY), l = () => s("disabled-text", "text", a.DISABLED_TEXT), u = () => s("correct", a.CORRECT), d = () => s("correct-secondary", a.CORRECT_SECONDARY), f = () => s("correct-tertiary", a.CORRECT_TERTIARY), p = () => s("correct-icon", a.CORRECT_WITH_ICON), m = () => s("incorrect", a.INCORRECT), h = () => s("incorrect-icon", a.INCORRECT_WITH_ICON), g = () => s("incorrect-secondary", a.INCORRECT_SECONDARY), _ = () => s("missing", a.MISSING), v = () => s("missing-icon", a.MISSING_WITH_ICON), y = () => s("primary", a.PRIMARY), b = () => s("primary-light", a.PRIMARY_LIGHT), x = () => s("primary-dark", a.PRIMARY_DARK), S = () => s("primary-text", "text", a.TEXT), C = () => s("faded-primary", a.FADED_PRIMARY), w = () => s("secondary", a.SECONDARY), T = () => s("secondary-light", a.SECONDARY_LIGHT), E = () => s("secondary-dark", a.SECONDARY_DARK), D = () => s("secondary-text", "text", a.TEXT), O = () => s("background", a.BACKGROUND), k = () => s("background-dark", a.BACKGROUND_DARK), A = () => s("secondary-background", a.SECONDARY_BACKGROUND), j = () => s("dropdown-background", a.DROPDOWN_BACKGROUND), M = () => s("surface", a.SURFACE), N = () => s("tertiary", a.TERTIARY), P = () => s("tertiary-light", a.TERTIARY_LIGHT), F = () => s("border", a.BORDER), I = () => s("border-light", a.BORDER_LIGHT), re = () => s("border-dark", a.BORDER_DARK), L = () => s("border-gray", a.BORDER_GRAY), R = () => s("table-grid", "text", a.TABLE_GRID), z = () => s("table-grid-light", "border-light", a.TABLE_GRID_LIGHT), B = () => s("table-stripe", "background-dark", a.TABLE_STRIPE), V = () => s("black", a.BLACK), H = () => s("white", a.WHITE), U = () => a.TRANSPARENT, W = () => s("focus-checked", a.FOCUS_CHECKED), G = () => s("focus-checked-border", a.FOCUS_CHECKED_BORDER), K = () => s("focus-unchecked", a.FOCUS_UNCHECKED), q = () => s("focus-unchecked-border", a.FOCUS_UNCHECKED_BORDER), J = () => s("button-focus-outline", a.BUTTON_FOCUS_OUTLINE), Y = () => s("focus-outline", "button-focus-outline", "focus-checked-border", a.FOCUS_CHECKED_BORDER), X = Y, ie = () => s("blue-grey-100", a.BLUE_GREY100), ae = () => s("blue-grey-300", a.BLUE_GREY300), oe = () => s("blue-grey-600", a.BLUE_GREY600), se = () => s("blue-grey-900", a.BLUE_GREY900), ce = (e) => {
 	let t = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);
 	return t ? t.slice(1).map((e) => parseInt(e, 16)) : e.match(/\d+/g).slice(0, 3).map(Number);
-}, Q = (e, t) => `color-mix(in srgb, rgb(${se(e).map((e) => (e - 255 * (1 - t)) / t).join(" ")}) ${t * 100}%, ${o("background", i.WHITE)})`, ce = () => o("keypad-button", Q(i.KEYPAD_BUTTON, .5)), le = () => o("keypad-button-operator", Q(i.KEYPAD_BUTTON_OPERATOR, .5)), $ = () => o("keypad-empty-placeholder", i.KEYPAD_EMPTY_PLACEHOLDER), ue = () => o("keypad-button-hover", Q(i.KEYPAD_BUTTON_HOVER, .25)), de = () => o("keypad-button-operator-hover", Q(i.KEYPAD_BUTTON_OPERATOR_HOVER, .25)), fe = () => Q(i.EDITOR_TOOLBAR, .125), pe = () => o("keyboard-focus-indicator", i.KEY_BOARD_FOCUS_INDICATOR), me = () => o("button-border", i.BUTTON_BORDER), he = () => o("button-hover-bg", i.BUTTON_HOVER_BG), ge = {
+}, Z = (e, t) => `color-mix(in srgb, rgb(${ce(e).map((e) => (e - 255 * (1 - t)) / t).join(" ")}) ${t * 100}%, ${s("background", a.WHITE)})`, le = () => s("keypad-button", Z(a.KEYPAD_BUTTON, .5)), ue = () => s("keypad-button-operator", Z(a.KEYPAD_BUTTON_OPERATOR, .5)), de = () => s("keypad-empty-placeholder", a.KEYPAD_EMPTY_PLACEHOLDER), fe = () => s("keypad-button-hover", Z(a.KEYPAD_BUTTON_HOVER, .25)), pe = () => s("keypad-button-operator-hover", Z(a.KEYPAD_BUTTON_OPERATOR_HOVER, .25)), Q = "clamp(0.6, (r + g + b) / 450, 1)", $ = () => `rgb(from ${c()} calc(r * ${Q}) calc(g * ${Q}) calc(b * ${Q}))`, me = () => Z(a.EDITOR_TOOLBAR, .125), he = () => s("button-border", a.BUTTON_BORDER), ge = () => s("button-hover-bg", a.BUTTON_HOVER_BG), _e = {
 	AXIS_LINE_COLOR: "#5A53C9",
 	ROLLOVER_FILL_BAR_COLOR: "#050F2D",
 	GRIDLINES_COLOR: "#8E88EA",
@@ -135,4 +135,4 @@ var a = (e) => (...t) => {
 	SHAPES_FILL_COLOR: "#7986cb"
 };
 //#endregion
-export { k as background, A as backgroundDark, H as black, Z as blueGrey100, ie as blueGrey300, ae as blueGrey600, oe as blueGrey900, F as border, L as borderDark, R as borderGray, I as borderLight, me as buttonBorder, Y as buttonFocusOutline, he as buttonHoverBg, ne as color_exports, d as correct, f as correctSecondary, p as correctTertiary, m as correctWithIcon, i as defaults, c as disabled, l as disabledSecondary, u as disabledText, M as dropdownBackground, fe as editorToolbar, w as fadedPrimary, G as focusChecked, K as focusCheckedBorder, X as focusOutline, q as focusUnchecked, J as focusUncheckedBorder, h as incorrect, _ as incorrectSecondary, g as incorrectWithIcon, pe as keyBoardFocusIndicator, ce as keypadButton, ue as keypadButtonHover, le as keypadButtonOperator, de as keypadButtonOperatorHover, $ as keypadEmptyPlaceholder, v as missing, y as missingWithIcon, b as primary, S as primaryDark, x as primaryLight, C as primaryText, T as secondary, j as secondaryBackground, D as secondaryDark, E as secondaryLight, O as secondaryText, N as surface, z as tableGrid, B as tableGridLight, V as tableStripe, re as tertiary, P as tertiaryLight, s as text, W as transparent, a as v, ge as visualElementsColors, U as white };
+export { O as background, k as backgroundDark, V as black, ie as blueGrey100, ae as blueGrey300, oe as blueGrey600, se as blueGrey900, F as border, re as borderDark, L as borderGray, I as borderLight, he as buttonBorder, J as buttonFocusOutline, ge as buttonHoverBg, ee as color_exports, u as correct, d as correctSecondary, f as correctTertiary, p as correctWithIcon, a as defaults, te as disabled, ne as disabledSecondary, l as disabledText, j as dropdownBackground, me as editorToolbar, C as fadedPrimary, W as focusChecked, G as focusCheckedBorder, Y as focusOutline, K as focusUnchecked, q as focusUncheckedBorder, m as incorrect, g as incorrectSecondary, h as incorrectWithIcon, X as keyBoardFocusIndicator, le as keypadButton, fe as keypadButtonHover, ue as keypadButtonOperator, pe as keypadButtonOperatorHover, de as keypadEmptyPlaceholder, $ as keypadInk, _ as missing, v as missingWithIcon, y as primary, x as primaryDark, b as primaryLight, S as primaryText, w as secondary, A as secondaryBackground, E as secondaryDark, T as secondaryLight, D as secondaryText, M as surface, R as tableGrid, z as tableGridLight, B as tableStripe, N as tertiary, P as tertiaryLight, c as text, U as transparent, o as v, _e as visualElementsColors, H as white };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "8.0.1-next.20261006030823",
+  "version": "8.0.1-next.20261006035546",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "repository": {
     "type": "git",
@@ -13,11 +13,11 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/icons": "5.0.1-next.20261004165705",
-    "@pie-lib/translator": "5.0.1-next.20261006030823",
+    "@pie-lib/translator": "5.0.1-next.20261006032932",
     "debug": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-transition-group": "^4.4.5",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.2-next.20261003161149",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.2-next.20261006032932",
     "@pie-element/shared-lodash": "0.1.2-next.20261005190856"
   },
   "type": "module",