@tldraw/tlschema 4.6.0-next.4dde09fa17ab → 4.6.0-next.59173cd7226e

package/dist-cjs/styles/TLColorStyle.js

@@ -19,12 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var TLColorStyle_exports = {};
 __export(TLColorStyle_exports, {
   DefaultColorStyle: () => DefaultColorStyle,
-  DefaultColorThemePalette: () => DefaultColorThemePalette,
   DefaultLabelColorStyle: () => DefaultLabelColorStyle,
-  defaultColorNames: () => defaultColorNames,
-  getColorValue: () => getColorValue,
-  getDefaultColorTheme: () => getDefaultColorTheme,
-  isDefaultThemeColor: () => isDefaultThemeColor
+  registerColorsFromThemes: () => registerColorsFromThemes
 });
 module.exports = __toCommonJS(TLColorStyle_exports);
 var import_StyleProp = require("./StyleProp");
@@ -43,480 +39,6 @@ const defaultColorNames = [
   "red",
   "white"
 ];
-const DefaultColorThemePalette = {
-  lightMode: {
-    id: "light",
-    text: "#000000",
-    background: "#f9fafb",
-    solid: "#fcfffe",
-    black: {
-      solid: "#1d1d1d",
-      fill: "#1d1d1d",
-      linedFill: "#363636",
-      frameHeadingStroke: "#717171",
-      frameHeadingFill: "#ffffff",
-      frameStroke: "#717171",
-      frameFill: "#ffffff",
-      frameText: "#000000",
-      noteFill: "#FCE19C",
-      noteText: "#000000",
-      semi: "#e8e8e8",
-      pattern: "#494949",
-      highlightSrgb: "#fddd00",
-      highlightP3: "color(display-p3 0.972 0.8205 0.05)"
-    },
-    blue: {
-      solid: "#4465e9",
-      fill: "#4465e9",
-      linedFill: "#6580ec",
-      frameHeadingStroke: "#6681ec",
-      frameHeadingFill: "#f9fafe",
-      frameStroke: "#6681ec",
-      frameFill: "#f9fafe",
-      frameText: "#000000",
-      noteFill: "#8AA3FF",
-      noteText: "#000000",
-      semi: "#dce1f8",
-      pattern: "#6681ee",
-      highlightSrgb: "#10acff",
-      highlightP3: "color(display-p3 0.308 0.6632 0.9996)"
-    },
-    green: {
-      solid: "#099268",
-      fill: "#099268",
-      linedFill: "#0bad7c",
-      frameHeadingStroke: "#37a684",
-      frameHeadingFill: "#f8fcfa",
-      frameStroke: "#37a684",
-      frameFill: "#f8fcfa",
-      frameText: "#000000",
-      noteFill: "#6FC896",
-      noteText: "#000000",
-      semi: "#d3e9e3",
-      pattern: "#39a785",
-      highlightSrgb: "#00ffc8",
-      highlightP3: "color(display-p3 0.2536 0.984 0.7981)"
-    },
-    grey: {
-      solid: "#9fa8b2",
-      fill: "#9fa8b2",
-      linedFill: "#bbc1c9",
-      frameHeadingStroke: "#aaaaab",
-      frameHeadingFill: "#fbfcfc",
-      frameStroke: "#aaaaab",
-      frameFill: "#fcfcfd",
-      frameText: "#000000",
-      noteFill: "#C0CAD3",
-      noteText: "#000000",
-      semi: "#eceef0",
-      pattern: "#bcc3c9",
-      highlightSrgb: "#cbe7f1",
-      highlightP3: "color(display-p3 0.8163 0.9023 0.9416)"
-    },
-    "light-blue": {
-      solid: "#4ba1f1",
-      fill: "#4ba1f1",
-      linedFill: "#7abaf5",
-      frameHeadingStroke: "#6cb2f3",
-      frameHeadingFill: "#f8fbfe",
-      frameStroke: "#6cb2f3",
-      frameFill: "#fafcff",
-      frameText: "#000000",
-      noteFill: "#9BC4FD",
-      noteText: "#000000",
-      semi: "#ddedfa",
-      pattern: "#6fbbf8",
-      highlightSrgb: "#00f4ff",
-      highlightP3: "color(display-p3 0.1512 0.9414 0.9996)"
-    },
-    "light-green": {
-      solid: "#4cb05e",
-      fill: "#4cb05e",
-      linedFill: "#7ec88c",
-      frameHeadingStroke: "#6dbe7c",
-      frameHeadingFill: "#f8fcf9",
-      frameStroke: "#6dbe7c",
-      frameFill: "#fafdfa",
-      frameText: "#000000",
-      noteFill: "#98D08A",
-      noteText: "#000000",
-      semi: "#dbf0e0",
-      pattern: "#65cb78",
-      highlightSrgb: "#65f641",
-      highlightP3: "color(display-p3 0.563 0.9495 0.3857)"
-    },
-    "light-red": {
-      solid: "#f87777",
-      fill: "#f87777",
-      linedFill: "#f99a9a",
-      frameHeadingStroke: "#f89090",
-      frameHeadingFill: "#fffafa",
-      frameStroke: "#f89090",
-      frameFill: "#fffbfb",
-      frameText: "#000000",
-      noteFill: "#F7A5A1",
-      noteText: "#000000",
-      semi: "#f4dadb",
-      pattern: "#fe9e9e",
-      highlightSrgb: "#ff7fa3",
-      highlightP3: "color(display-p3 0.9988 0.5301 0.6397)"
-    },
-    "light-violet": {
-      solid: "#e085f4",
-      fill: "#e085f4",
-      linedFill: "#e9abf7",
-      frameHeadingStroke: "#e59bf5",
-      frameHeadingFill: "#fefaff",
-      frameStroke: "#e59bf5",
-      frameFill: "#fefbff",
-      frameText: "#000000",
-      noteFill: "#DFB0F9",
-      noteText: "#000000",
-      semi: "#f5eafa",
-      pattern: "#e9acf8",
-      highlightSrgb: "#ff88ff",
-      highlightP3: "color(display-p3 0.9676 0.5652 0.9999)"
-    },
-    orange: {
-      solid: "#e16919",
-      fill: "#e16919",
-      linedFill: "#ea8643",
-      frameHeadingStroke: "#e68544",
-      frameHeadingFill: "#fef9f6",
-      frameStroke: "#e68544",
-      frameFill: "#fef9f6",
-      frameText: "#000000",
-      noteFill: "#FAA475",
-      noteText: "#000000",
-      semi: "#f8e2d4",
-      pattern: "#f78438",
-      highlightSrgb: "#ffa500",
-      highlightP3: "color(display-p3 0.9988 0.6905 0.266)"
-    },
-    red: {
-      solid: "#e03131",
-      fill: "#e03131",
-      linedFill: "#e75f5f",
-      frameHeadingStroke: "#e55757",
-      frameHeadingFill: "#fef7f7",
-      frameStroke: "#e55757",
-      frameFill: "#fef9f9",
-      frameText: "#000000",
-      noteFill: "#FC8282",
-      noteText: "#000000",
-      semi: "#f4dadb",
-      pattern: "#e55959",
-      highlightSrgb: "#ff636e",
-      highlightP3: "color(display-p3 0.9992 0.4376 0.45)"
-    },
-    violet: {
-      solid: "#ae3ec9",
-      fill: "#ae3ec9",
-      linedFill: "#be68d4",
-      frameHeadingStroke: "#bc62d3",
-      frameHeadingFill: "#fcf7fd",
-      frameStroke: "#bc62d3",
-      frameFill: "#fdf9fd",
-      frameText: "#000000",
-      noteFill: "#DB91FD",
-      noteText: "#000000",
-      semi: "#ecdcf2",
-      pattern: "#bd63d3",
-      highlightSrgb: "#c77cff",
-      highlightP3: "color(display-p3 0.7469 0.5089 0.9995)"
-    },
-    yellow: {
-      solid: "#f1ac4b",
-      fill: "#f1ac4b",
-      linedFill: "#f5c27a",
-      frameHeadingStroke: "#f3bb6c",
-      frameHeadingFill: "#fefcf8",
-      frameStroke: "#f3bb6c",
-      frameFill: "#fffdfa",
-      frameText: "#000000",
-      noteFill: "#FED49A",
-      noteText: "#000000",
-      semi: "#f9f0e6",
-      pattern: "#fecb92",
-      highlightSrgb: "#fddd00",
-      highlightP3: "color(display-p3 0.972 0.8705 0.05)"
-    },
-    white: {
-      solid: "#FFFFFF",
-      fill: "#FFFFFF",
-      linedFill: "#ffffff",
-      semi: "#f5f5f5",
-      pattern: "#f9f9f9",
-      frameHeadingStroke: "#7d7d7d",
-      frameHeadingFill: "#ffffff",
-      frameStroke: "#7d7d7d",
-      frameFill: "#ffffff",
-      frameText: "#000000",
-      noteFill: "#FFFFFF",
-      noteText: "#000000",
-      highlightSrgb: "#ffffff",
-      highlightP3: "color(display-p3 1 1 1)"
-    }
-  },
-  darkMode: {
-    id: "dark",
-    text: "hsl(210, 17%, 98%)",
-    background: "hsl(240, 5%, 6.5%)",
-    solid: "#010403",
-    black: {
-      solid: "#f2f2f2",
-      fill: "#f2f2f2",
-      linedFill: "#ffffff",
-      frameHeadingStroke: "#5c5c5c",
-      frameHeadingFill: "#252525",
-      frameStroke: "#5c5c5c",
-      frameFill: "#0c0c0c",
-      frameText: "#f2f2f2",
-      noteFill: "#2c2c2c",
-      noteText: "#f2f2f2",
-      semi: "#2c3036",
-      pattern: "#989898",
-      highlightSrgb: "#d2b700",
-      highlightP3: "color(display-p3 0.8078 0.6225 0.0312)"
-    },
-    blue: {
-      solid: "#4f72fc",
-      // 3c60f0
-      fill: "#4f72fc",
-      linedFill: "#3c5cdd",
-      frameHeadingStroke: "#384994",
-      frameHeadingFill: "#1C2036",
-      frameStroke: "#384994",
-      frameFill: "#11141f",
-      frameText: "#f2f2f2",
-      noteFill: "#2A3F98",
-      noteText: "#f2f2f2",
-      semi: "#262d40",
-      pattern: "#3a4b9e",
-      highlightSrgb: "#0079d2",
-      highlightP3: "color(display-p3 0.0032 0.4655 0.7991)"
-    },
-    green: {
-      solid: "#099268",
-      fill: "#099268",
-      linedFill: "#087856",
-      frameHeadingStroke: "#10513C",
-      frameHeadingFill: "#14241f",
-      frameStroke: "#10513C",
-      frameFill: "#0E1614",
-      frameText: "#f2f2f2",
-      noteFill: "#014429",
-      noteText: "#f2f2f2",
-      semi: "#253231",
-      pattern: "#366a53",
-      highlightSrgb: "#009774",
-      highlightP3: "color(display-p3 0.0085 0.582 0.4604)"
-    },
-    grey: {
-      solid: "#9398b0",
-      fill: "#9398b0",
-      linedFill: "#8388a5",
-      frameHeadingStroke: "#42474D",
-      frameHeadingFill: "#23262A",
-      frameStroke: "#42474D",
-      frameFill: "#151719",
-      frameText: "#f2f2f2",
-      noteFill: "#56595F",
-      noteText: "#f2f2f2",
-      semi: "#33373c",
-      pattern: "#7c8187",
-      highlightSrgb: "#9cb4cb",
-      highlightP3: "color(display-p3 0.6299 0.7012 0.7856)"
-    },
-    "light-blue": {
-      solid: "#4dabf7",
-      fill: "#4dabf7",
-      linedFill: "#2793ec",
-      frameHeadingStroke: "#075797",
-      frameHeadingFill: "#142839",
-      frameStroke: "#075797",
-      frameFill: "#0B1823",
-      frameText: "#f2f2f2",
-      noteFill: "#1F5495",
-      noteText: "#f2f2f2",
-      semi: "#2a3642",
-      pattern: "#4d7aa9",
-      highlightSrgb: "#00bdc8",
-      highlightP3: "color(display-p3 0.0023 0.7259 0.7735)"
-    },
-    "light-green": {
-      solid: "#40c057",
-      fill: "#40c057",
-      linedFill: "#37a44b",
-      frameHeadingStroke: "#1C5427",
-      frameHeadingFill: "#18251A",
-      frameStroke: "#1C5427",
-      frameFill: "#0F1911",
-      frameText: "#f2f2f2",
-      noteFill: "#21581D",
-      noteText: "#f2f2f2",
-      semi: "#2a3830",
-      pattern: "#4e874e",
-      highlightSrgb: "#00a000",
-      highlightP3: "color(display-p3 0.2711 0.6172 0.0195)"
-    },
-    "light-red": {
-      solid: "#ff8787",
-      fill: "#ff8787",
-      linedFill: "#ff6666",
-      frameHeadingStroke: "#6f3232",
-      // Darker and desaturated variant of solid
-      frameHeadingFill: "#341818",
-      // Deep, muted dark red
-      frameStroke: "#6f3232",
-      // Matches headingStroke
-      frameFill: "#181212",
-      // Darker, muted background shade
-      frameText: "#f2f2f2",
-      // Consistent bright text color
-      noteFill: "#7a3333",
-      // Medium-dark, muted variant of solid
-      noteText: "#f2f2f2",
-      semi: "#3c2b2b",
-      // Subdued, darker neutral-red tone
-      pattern: "#a56767",
-      // Existing pattern shade retained
-      highlightSrgb: "#db005b",
-      highlightP3: "color(display-p3 0.7849 0.0585 0.3589)"
-    },
-    "light-violet": {
-      solid: "#e599f7",
-      fill: "#e599f7",
-      linedFill: "#dc71f4",
-      frameHeadingStroke: "#6c367a",
-      frameHeadingFill: "#2D2230",
-      frameStroke: "#6c367a",
-      frameFill: "#1C151E",
-      frameText: "#f2f2f2",
-      noteFill: "#762F8E",
-      noteText: "#f2f2f2",
-      semi: "#383442",
-      pattern: "#9770a9",
-      highlightSrgb: "#c400c7",
-      highlightP3: "color(display-p3 0.7024 0.0403 0.753)"
-    },
-    orange: {
-      solid: "#f76707",
-      fill: "#f76707",
-      linedFill: "#f54900",
-      frameHeadingStroke: "#773a0e",
-      // Darker, muted version of solid
-      frameHeadingFill: "#2f1d13",
-      // Deep, warm, muted background
-      frameStroke: "#773a0e",
-      // Matches headingStroke
-      frameFill: "#1c1512",
-      // Darker, richer muted background
-      frameText: "#f2f2f2",
-      // Bright text for contrast
-      noteFill: "#7c3905",
-      // Muted dark variant for note fill
-      noteText: "#f2f2f2",
-      semi: "#3b2e27",
-      // Muted neutral-orange tone
-      pattern: "#9f552d",
-      // Retained existing shade
-      highlightSrgb: "#d07a00",
-      highlightP3: "color(display-p3 0.7699 0.4937 0.0085)"
-    },
-    red: {
-      solid: "#e03131",
-      fill: "#e03131",
-      linedFill: "#c31d1d",
-      frameHeadingStroke: "#701e1e",
-      // Darker, muted variation of solid
-      frameHeadingFill: "#301616",
-      // Deep, muted reddish backdrop
-      frameStroke: "#701e1e",
-      // Matches headingStroke
-      frameFill: "#1b1313",
-      // Rich, dark muted background
-      frameText: "#f2f2f2",
-      // Bright text for readability
-      noteFill: "#7e201f",
-      // Muted dark variant for note fill
-      noteText: "#f2f2f2",
-      semi: "#382726",
-      // Dark neutral-red tone
-      pattern: "#8f3734",
-      // Existing pattern color retained
-      highlightSrgb: "#de002c",
-      highlightP3: "color(display-p3 0.7978 0.0509 0.2035)"
-    },
-    violet: {
-      solid: "#ae3ec9",
-      fill: "#ae3ec9",
-      linedFill: "#8f2fa7",
-      frameHeadingStroke: "#6d1583",
-      // Darker, muted variation of solid
-      frameHeadingFill: "#27152e",
-      // Deep, rich muted violet backdrop
-      frameStroke: "#6d1583",
-      // Matches headingStroke
-      frameFill: "#1b0f21",
-      // Darker muted violet background
-      frameText: "#f2f2f2",
-      // Consistent bright text color
-      noteFill: "#5f1c70",
-      // Muted dark variant for note fill
-      noteText: "#f2f2f2",
-      semi: "#342938",
-      // Dark neutral-violet tone
-      pattern: "#763a8b",
-      // Retained existing pattern color
-      highlightSrgb: "#9e00ee",
-      highlightP3: "color(display-p3 0.5651 0.0079 0.8986)"
-    },
-    yellow: {
-      solid: "#ffc034",
-      fill: "#ffc034",
-      linedFill: "#ffae00",
-      frameHeadingStroke: "#684e12",
-      // Darker, muted variant of solid
-      frameHeadingFill: "#2a2113",
-      // Rich, muted dark-yellow background
-      frameStroke: "#684e12",
-      // Matches headingStroke
-      frameFill: "#1e1911",
-      // Darker muted shade for background fill
-      frameText: "#f2f2f2",
-      // Bright text color for readability
-      noteFill: "#8a5e1c",
-      // Muted, dark complementary variant
-      noteText: "#f2f2f2",
-      semi: "#3b352b",
-      // Dark muted neutral-yellow tone
-      pattern: "#fecb92",
-      // Existing shade retained
-      highlightSrgb: "#d2b700",
-      highlightP3: "color(display-p3 0.8078 0.7225 0.0312)"
-    },
-    white: {
-      solid: "#f3f3f3",
-      fill: "#f3f3f3",
-      linedFill: "#f3f3f3",
-      semi: "#f5f5f5",
-      pattern: "#f9f9f9",
-      frameHeadingStroke: "#ffffff",
-      frameHeadingFill: "#ffffff",
-      frameStroke: "#ffffff",
-      frameFill: "#ffffff",
-      frameText: "#000000",
-      noteFill: "#eaeaea",
-      noteText: "#1d1d1d",
-      highlightSrgb: "#ffffff",
-      highlightP3: "color(display-p3 1 1 1)"
-    }
-  }
-};
-function getDefaultColorTheme(opts) {
-  return opts.isDarkMode ? DefaultColorThemePalette.darkMode : DefaultColorThemePalette.lightMode;
-}
 const DefaultColorStyle = import_StyleProp.StyleProp.defineEnum("tldraw:color", {
   defaultValue: "black",
   values: defaultColorNames
@@ -525,14 +47,41 @@ const DefaultLabelColorStyle = import_StyleProp.StyleProp.defineEnum("tldraw:lab
   defaultValue: "black",
   values: defaultColorNames
 });
-const defaultColorNamesSet = new Set(defaultColorNames);
-function isDefaultThemeColor(color) {
-  return defaultColorNamesSet.has(color);
-}
-function getColorValue(theme, color, variant) {
-  if (!isDefaultThemeColor(color)) {
-    return color;
+function registerColorsFromThemes(definitions) {
+  const colorNames = /* @__PURE__ */ new Set();
+  for (const def of Object.values(definitions)) {
+    for (const colorPalette of [def.colors.light, def.colors.dark]) {
+      for (const [key, value] of Object.entries(colorPalette)) {
+        if (typeof value === "object" && value !== null) {
+          colorNames.add(key);
+        }
+      }
+    }
+  }
+  if (colorNames.size > 0) {
+    DefaultColorStyle.addValues(...colorNames);
+    DefaultLabelColorStyle.addValues(...colorNames);
+  }
+  const toRemove = DefaultColorStyle.values.filter((v) => !colorNames.has(v));
+  if (toRemove.length > 0) {
+    DefaultColorStyle.removeValues(...toRemove);
+    DefaultLabelColorStyle.removeValues(...toRemove);
+  }
+  if (process.env.NODE_ENV !== "production") {
+    for (const def of Object.values(definitions)) {
+      for (const color of colorNames) {
+        if (!(color in def.colors.light)) {
+          console.warn(
+            `Theme '${def.id}' light palette is missing color '${color}'. Shapes using this color won't render correctly.`
+          );
+        }
+        if (!(color in def.colors.dark)) {
+          console.warn(
+            `Theme '${def.id}' dark palette is missing color '${color}'. Shapes using this color won't render correctly.`
+          );
+        }
+      }
+    }
   }
-  return theme[color][variant];
 }
 //# sourceMappingURL=TLColorStyle.js.map

package/dist-cjs/styles/TLColorStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styles/TLColorStyle.ts"],
-  "sourcesContent": ["import { Expand } from '@tldraw/utils'\nimport { T } from '@tldraw/validate'\nimport { StyleProp } from './StyleProp'\n\n/**\n * Array of default color names available in tldraw's color palette.\n * These colors form the basis for the default color style system and are available\n * in both light and dark theme variants.\n *\n * @example\n * ```ts\n * import { defaultColorNames } from '@tldraw/tlschema'\n *\n * // Create a color picker with all default colors\n * const colorOptions = defaultColorNames.map(color => ({\n *   name: color,\n *   value: color\n * }))\n * ```\n *\n * @public\n */\nexport const defaultColorNames = [\n\t'black',\n\t'grey',\n\t'light-violet',\n\t'violet',\n\t'blue',\n\t'light-blue',\n\t'yellow',\n\t'orange',\n\t'green',\n\t'light-green',\n\t'light-red',\n\t'red',\n\t'white',\n] as const\n\n/**\n * Defines the color variants available for each color in the default theme.\n * Each color has multiple variants for different use cases like fills, strokes,\n * patterns, and UI elements like frames and notes.\n *\n * @example\n * ```ts\n * import { TLDefaultColorThemeColor } from '@tldraw/tlschema'\n *\n * const blueColor: TLDefaultColorThemeColor = {\n *   solid: '#4465e9',\n *   semi: '#dce1f8',\n *   pattern: '#6681ee',\n *   fill: '#4465e9',\n *   // ... other variants\n * }\n * ```\n *\n * @public\n */\nexport interface TLDefaultColorThemeColor {\n\tsolid: string\n\tsemi: string\n\tpattern: string\n\tfill: string // usually same as solid\n\tlinedFill: string // usually slightly lighter than fill\n\tframeHeadingStroke: string\n\tframeHeadingFill: string\n\tframeStroke: string\n\tframeFill: string\n\tframeText: string\n\tnoteFill: string\n\tnoteText: string\n\thighlightSrgb: string\n\thighlightP3: string\n}\n\n/**\n * Complete color theme definition containing all colors and their variants\n * for either light or dark mode. Includes base theme properties and all\n * default colors with their respective color variants.\n *\n * @example\n * ```ts\n * import { TLDefaultColorTheme } from '@tldraw/tlschema'\n *\n * const customTheme: TLDefaultColorTheme = {\n *   id: 'light',\n *   text: '#000000',\n *   background: '#ffffff',\n *   solid: '#fcfffe',\n *   black: { solid: '#000000', semi: '#cccccc', ... },\n *   // ... other colors\n * }\n * ```\n *\n * @public\n */\nexport type TLDefaultColorTheme = Expand<\n\t{\n\t\tid: 'light' | 'dark'\n\t\ttext: string\n\t\tbackground: string\n\t\tsolid: string\n\t} & Record<(typeof defaultColorNames)[number], TLDefaultColorThemeColor>\n>\n\n/**\n * Complete color palette containing both light and dark theme definitions.\n * This object provides the full color system used by tldraw's default themes,\n * including all color variants and theme-specific adjustments.\n *\n * @example\n * ```ts\n * import { DefaultColorThemePalette } from '@tldraw/tlschema'\n *\n * // Get the dark theme colors\n * const darkTheme = DefaultColorThemePalette.darkMode\n * const redColor = darkTheme.red.solid // '#e03131'\n *\n * // Access light theme colors\n * const lightTheme = DefaultColorThemePalette.lightMode\n * const blueColor = lightTheme.blue.fill // '#4465e9'\n * ```\n *\n * @public\n */\nexport const DefaultColorThemePalette: {\n\tlightMode: TLDefaultColorTheme\n\tdarkMode: TLDefaultColorTheme\n} = {\n\tlightMode: {\n\t\tid: 'light',\n\t\ttext: '#000000',\n\t\tbackground: '#f9fafb',\n\t\tsolid: '#fcfffe',\n\t\tblack: {\n\t\t\tsolid: '#1d1d1d',\n\t\t\tfill: '#1d1d1d',\n\t\t\tlinedFill: '#363636',\n\t\t\tframeHeadingStroke: '#717171',\n\t\t\tframeHeadingFill: '#ffffff',\n\t\t\tframeStroke: '#717171',\n\t\t\tframeFill: '#ffffff',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#FCE19C',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#e8e8e8',\n\t\t\tpattern: '#494949',\n\t\t\thighlightSrgb: '#fddd00',\n\t\t\thighlightP3: 'color(display-p3 0.972 0.8205 0.05)',\n\t\t},\n\t\tblue: {\n\t\t\tsolid: '#4465e9',\n\t\t\tfill: '#4465e9',\n\t\t\tlinedFill: '#6580ec',\n\t\t\tframeHeadingStroke: '#6681ec',\n\t\t\tframeHeadingFill: '#f9fafe',\n\t\t\tframeStroke: '#6681ec',\n\t\t\tframeFill: '#f9fafe',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#8AA3FF',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#dce1f8',\n\t\t\tpattern: '#6681ee',\n\t\t\thighlightSrgb: '#10acff',\n\t\t\thighlightP3: 'color(display-p3 0.308 0.6632 0.9996)',\n\t\t},\n\t\tgreen: {\n\t\t\tsolid: '#099268',\n\t\t\tfill: '#099268',\n\t\t\tlinedFill: '#0bad7c',\n\t\t\tframeHeadingStroke: '#37a684',\n\t\t\tframeHeadingFill: '#f8fcfa',\n\t\t\tframeStroke: '#37a684',\n\t\t\tframeFill: '#f8fcfa',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#6FC896',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#d3e9e3',\n\t\t\tpattern: '#39a785',\n\t\t\thighlightSrgb: '#00ffc8',\n\t\t\thighlightP3: 'color(display-p3 0.2536 0.984 0.7981)',\n\t\t},\n\t\tgrey: {\n\t\t\tsolid: '#9fa8b2',\n\t\t\tfill: '#9fa8b2',\n\t\t\tlinedFill: '#bbc1c9',\n\t\t\tframeHeadingStroke: '#aaaaab',\n\t\t\tframeHeadingFill: '#fbfcfc',\n\t\t\tframeStroke: '#aaaaab',\n\t\t\tframeFill: '#fcfcfd',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#C0CAD3',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#eceef0',\n\t\t\tpattern: '#bcc3c9',\n\t\t\thighlightSrgb: '#cbe7f1',\n\t\t\thighlightP3: 'color(display-p3 0.8163 0.9023 0.9416)',\n\t\t},\n\t\t'light-blue': {\n\t\t\tsolid: '#4ba1f1',\n\t\t\tfill: '#4ba1f1',\n\t\t\tlinedFill: '#7abaf5',\n\t\t\tframeHeadingStroke: '#6cb2f3',\n\t\t\tframeHeadingFill: '#f8fbfe',\n\t\t\tframeStroke: '#6cb2f3',\n\t\t\tframeFill: '#fafcff',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#9BC4FD',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#ddedfa',\n\t\t\tpattern: '#6fbbf8',\n\t\t\thighlightSrgb: '#00f4ff',\n\t\t\thighlightP3: 'color(display-p3 0.1512 0.9414 0.9996)',\n\t\t},\n\t\t'light-green': {\n\t\t\tsolid: '#4cb05e',\n\t\t\tfill: '#4cb05e',\n\t\t\tlinedFill: '#7ec88c',\n\t\t\tframeHeadingStroke: '#6dbe7c',\n\t\t\tframeHeadingFill: '#f8fcf9',\n\t\t\tframeStroke: '#6dbe7c',\n\t\t\tframeFill: '#fafdfa',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#98D08A',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#dbf0e0',\n\t\t\tpattern: '#65cb78',\n\t\t\thighlightSrgb: '#65f641',\n\t\t\thighlightP3: 'color(display-p3 0.563 0.9495 0.3857)',\n\t\t},\n\t\t'light-red': {\n\t\t\tsolid: '#f87777',\n\t\t\tfill: '#f87777',\n\t\t\tlinedFill: '#f99a9a',\n\t\t\tframeHeadingStroke: '#f89090',\n\t\t\tframeHeadingFill: '#fffafa',\n\t\t\tframeStroke: '#f89090',\n\t\t\tframeFill: '#fffbfb',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#F7A5A1',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#f4dadb',\n\t\t\tpattern: '#fe9e9e',\n\t\t\thighlightSrgb: '#ff7fa3',\n\t\t\thighlightP3: 'color(display-p3 0.9988 0.5301 0.6397)',\n\t\t},\n\t\t'light-violet': {\n\t\t\tsolid: '#e085f4',\n\t\t\tfill: '#e085f4',\n\t\t\tlinedFill: '#e9abf7',\n\t\t\tframeHeadingStroke: '#e59bf5',\n\t\t\tframeHeadingFill: '#fefaff',\n\t\t\tframeStroke: '#e59bf5',\n\t\t\tframeFill: '#fefbff',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#DFB0F9',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#f5eafa',\n\t\t\tpattern: '#e9acf8',\n\t\t\thighlightSrgb: '#ff88ff',\n\t\t\thighlightP3: 'color(display-p3 0.9676 0.5652 0.9999)',\n\t\t},\n\t\torange: {\n\t\t\tsolid: '#e16919',\n\t\t\tfill: '#e16919',\n\t\t\tlinedFill: '#ea8643',\n\t\t\tframeHeadingStroke: '#e68544',\n\t\t\tframeHeadingFill: '#fef9f6',\n\t\t\tframeStroke: '#e68544',\n\t\t\tframeFill: '#fef9f6',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#FAA475',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#f8e2d4',\n\t\t\tpattern: '#f78438',\n\t\t\thighlightSrgb: '#ffa500',\n\t\t\thighlightP3: 'color(display-p3 0.9988 0.6905 0.266)',\n\t\t},\n\t\tred: {\n\t\t\tsolid: '#e03131',\n\t\t\tfill: '#e03131',\n\t\t\tlinedFill: '#e75f5f',\n\t\t\tframeHeadingStroke: '#e55757',\n\t\t\tframeHeadingFill: '#fef7f7',\n\t\t\tframeStroke: '#e55757',\n\t\t\tframeFill: '#fef9f9',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#FC8282',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#f4dadb',\n\t\t\tpattern: '#e55959',\n\t\t\thighlightSrgb: '#ff636e',\n\t\t\thighlightP3: 'color(display-p3 0.9992 0.4376 0.45)',\n\t\t},\n\t\tviolet: {\n\t\t\tsolid: '#ae3ec9',\n\t\t\tfill: '#ae3ec9',\n\t\t\tlinedFill: '#be68d4',\n\t\t\tframeHeadingStroke: '#bc62d3',\n\t\t\tframeHeadingFill: '#fcf7fd',\n\t\t\tframeStroke: '#bc62d3',\n\t\t\tframeFill: '#fdf9fd',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#DB91FD',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#ecdcf2',\n\t\t\tpattern: '#bd63d3',\n\t\t\thighlightSrgb: '#c77cff',\n\t\t\thighlightP3: 'color(display-p3 0.7469 0.5089 0.9995)',\n\t\t},\n\t\tyellow: {\n\t\t\tsolid: '#f1ac4b',\n\t\t\tfill: '#f1ac4b',\n\t\t\tlinedFill: '#f5c27a',\n\t\t\tframeHeadingStroke: '#f3bb6c',\n\t\t\tframeHeadingFill: '#fefcf8',\n\t\t\tframeStroke: '#f3bb6c',\n\t\t\tframeFill: '#fffdfa',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#FED49A',\n\t\t\tnoteText: '#000000',\n\t\t\tsemi: '#f9f0e6',\n\t\t\tpattern: '#fecb92',\n\t\t\thighlightSrgb: '#fddd00',\n\t\t\thighlightP3: 'color(display-p3 0.972 0.8705 0.05)',\n\t\t},\n\t\twhite: {\n\t\t\tsolid: '#FFFFFF',\n\t\t\tfill: '#FFFFFF',\n\t\t\tlinedFill: '#ffffff',\n\t\t\tsemi: '#f5f5f5',\n\t\t\tpattern: '#f9f9f9',\n\t\t\tframeHeadingStroke: '#7d7d7d',\n\t\t\tframeHeadingFill: '#ffffff',\n\t\t\tframeStroke: '#7d7d7d',\n\t\t\tframeFill: '#ffffff',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#FFFFFF',\n\t\t\tnoteText: '#000000',\n\t\t\thighlightSrgb: '#ffffff',\n\t\t\thighlightP3: 'color(display-p3 1 1 1)',\n\t\t},\n\t},\n\tdarkMode: {\n\t\tid: 'dark',\n\t\ttext: 'hsl(210, 17%, 98%)',\n\t\tbackground: 'hsl(240, 5%, 6.5%)',\n\t\tsolid: '#010403',\n\n\t\tblack: {\n\t\t\tsolid: '#f2f2f2',\n\t\t\tfill: '#f2f2f2',\n\t\t\tlinedFill: '#ffffff',\n\t\t\tframeHeadingStroke: '#5c5c5c',\n\t\t\tframeHeadingFill: '#252525',\n\t\t\tframeStroke: '#5c5c5c',\n\t\t\tframeFill: '#0c0c0c',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#2c2c2c',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#2c3036',\n\t\t\tpattern: '#989898',\n\t\t\thighlightSrgb: '#d2b700',\n\t\t\thighlightP3: 'color(display-p3 0.8078 0.6225 0.0312)',\n\t\t},\n\t\tblue: {\n\t\t\tsolid: '#4f72fc', // 3c60f0\n\t\t\tfill: '#4f72fc',\n\t\t\tlinedFill: '#3c5cdd',\n\t\t\tframeHeadingStroke: '#384994',\n\t\t\tframeHeadingFill: '#1C2036',\n\t\t\tframeStroke: '#384994',\n\t\t\tframeFill: '#11141f',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#2A3F98',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#262d40',\n\t\t\tpattern: '#3a4b9e',\n\t\t\thighlightSrgb: '#0079d2',\n\t\t\thighlightP3: 'color(display-p3 0.0032 0.4655 0.7991)',\n\t\t},\n\t\tgreen: {\n\t\t\tsolid: '#099268',\n\t\t\tfill: '#099268',\n\t\t\tlinedFill: '#087856',\n\t\t\tframeHeadingStroke: '#10513C',\n\t\t\tframeHeadingFill: '#14241f',\n\t\t\tframeStroke: '#10513C',\n\t\t\tframeFill: '#0E1614',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#014429',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#253231',\n\t\t\tpattern: '#366a53',\n\t\t\thighlightSrgb: '#009774',\n\t\t\thighlightP3: 'color(display-p3 0.0085 0.582 0.4604)',\n\t\t},\n\t\tgrey: {\n\t\t\tsolid: '#9398b0',\n\t\t\tfill: '#9398b0',\n\t\t\tlinedFill: '#8388a5',\n\t\t\tframeHeadingStroke: '#42474D',\n\t\t\tframeHeadingFill: '#23262A',\n\t\t\tframeStroke: '#42474D',\n\t\t\tframeFill: '#151719',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#56595F',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#33373c',\n\t\t\tpattern: '#7c8187',\n\t\t\thighlightSrgb: '#9cb4cb',\n\t\t\thighlightP3: 'color(display-p3 0.6299 0.7012 0.7856)',\n\t\t},\n\t\t'light-blue': {\n\t\t\tsolid: '#4dabf7',\n\t\t\tfill: '#4dabf7',\n\t\t\tlinedFill: '#2793ec',\n\t\t\tframeHeadingStroke: '#075797',\n\t\t\tframeHeadingFill: '#142839',\n\t\t\tframeStroke: '#075797',\n\t\t\tframeFill: '#0B1823',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#1F5495',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#2a3642',\n\t\t\tpattern: '#4d7aa9',\n\t\t\thighlightSrgb: '#00bdc8',\n\t\t\thighlightP3: 'color(display-p3 0.0023 0.7259 0.7735)',\n\t\t},\n\t\t'light-green': {\n\t\t\tsolid: '#40c057',\n\t\t\tfill: '#40c057',\n\t\t\tlinedFill: '#37a44b',\n\t\t\tframeHeadingStroke: '#1C5427',\n\t\t\tframeHeadingFill: '#18251A',\n\t\t\tframeStroke: '#1C5427',\n\t\t\tframeFill: '#0F1911',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#21581D',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#2a3830',\n\t\t\tpattern: '#4e874e',\n\t\t\thighlightSrgb: '#00a000',\n\t\t\thighlightP3: 'color(display-p3 0.2711 0.6172 0.0195)',\n\t\t},\n\t\t'light-red': {\n\t\t\tsolid: '#ff8787',\n\t\t\tfill: '#ff8787',\n\t\t\tlinedFill: '#ff6666',\n\t\t\tframeHeadingStroke: '#6f3232', // Darker and desaturated variant of solid\n\t\t\tframeHeadingFill: '#341818', // Deep, muted dark red\n\t\t\tframeStroke: '#6f3232', // Matches headingStroke\n\t\t\tframeFill: '#181212', // Darker, muted background shade\n\t\t\tframeText: '#f2f2f2', // Consistent bright text color\n\t\t\tnoteFill: '#7a3333', // Medium-dark, muted variant of solid\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#3c2b2b', // Subdued, darker neutral-red tone\n\t\t\tpattern: '#a56767', // Existing pattern shade retained\n\t\t\thighlightSrgb: '#db005b',\n\t\t\thighlightP3: 'color(display-p3 0.7849 0.0585 0.3589)',\n\t\t},\n\t\t'light-violet': {\n\t\t\tsolid: '#e599f7',\n\t\t\tfill: '#e599f7',\n\t\t\tlinedFill: '#dc71f4',\n\t\t\tframeHeadingStroke: '#6c367a',\n\t\t\tframeHeadingFill: '#2D2230',\n\t\t\tframeStroke: '#6c367a',\n\t\t\tframeFill: '#1C151E',\n\t\t\tframeText: '#f2f2f2',\n\t\t\tnoteFill: '#762F8E',\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#383442',\n\t\t\tpattern: '#9770a9',\n\t\t\thighlightSrgb: '#c400c7',\n\t\t\thighlightP3: 'color(display-p3 0.7024 0.0403 0.753)',\n\t\t},\n\t\torange: {\n\t\t\tsolid: '#f76707',\n\t\t\tfill: '#f76707',\n\t\t\tlinedFill: '#f54900',\n\t\t\tframeHeadingStroke: '#773a0e', // Darker, muted version of solid\n\t\t\tframeHeadingFill: '#2f1d13', // Deep, warm, muted background\n\t\t\tframeStroke: '#773a0e', // Matches headingStroke\n\t\t\tframeFill: '#1c1512', // Darker, richer muted background\n\t\t\tframeText: '#f2f2f2', // Bright text for contrast\n\t\t\tnoteFill: '#7c3905', // Muted dark variant for note fill\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#3b2e27', // Muted neutral-orange tone\n\t\t\tpattern: '#9f552d', // Retained existing shade\n\t\t\thighlightSrgb: '#d07a00',\n\t\t\thighlightP3: 'color(display-p3 0.7699 0.4937 0.0085)',\n\t\t},\n\t\tred: {\n\t\t\tsolid: '#e03131',\n\t\t\tfill: '#e03131',\n\t\t\tlinedFill: '#c31d1d',\n\t\t\tframeHeadingStroke: '#701e1e', // Darker, muted variation of solid\n\t\t\tframeHeadingFill: '#301616', // Deep, muted reddish backdrop\n\t\t\tframeStroke: '#701e1e', // Matches headingStroke\n\t\t\tframeFill: '#1b1313', // Rich, dark muted background\n\t\t\tframeText: '#f2f2f2', // Bright text for readability\n\t\t\tnoteFill: '#7e201f', // Muted dark variant for note fill\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#382726', // Dark neutral-red tone\n\t\t\tpattern: '#8f3734', // Existing pattern color retained\n\t\t\thighlightSrgb: '#de002c',\n\t\t\thighlightP3: 'color(display-p3 0.7978 0.0509 0.2035)',\n\t\t},\n\t\tviolet: {\n\t\t\tsolid: '#ae3ec9',\n\t\t\tfill: '#ae3ec9',\n\t\t\tlinedFill: '#8f2fa7',\n\t\t\tframeHeadingStroke: '#6d1583', // Darker, muted variation of solid\n\t\t\tframeHeadingFill: '#27152e', // Deep, rich muted violet backdrop\n\t\t\tframeStroke: '#6d1583', // Matches headingStroke\n\t\t\tframeFill: '#1b0f21', // Darker muted violet background\n\t\t\tframeText: '#f2f2f2', // Consistent bright text color\n\t\t\tnoteFill: '#5f1c70', // Muted dark variant for note fill\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#342938', // Dark neutral-violet tone\n\t\t\tpattern: '#763a8b', // Retained existing pattern color\n\t\t\thighlightSrgb: '#9e00ee',\n\t\t\thighlightP3: 'color(display-p3 0.5651 0.0079 0.8986)',\n\t\t},\n\t\tyellow: {\n\t\t\tsolid: '#ffc034',\n\t\t\tfill: '#ffc034',\n\t\t\tlinedFill: '#ffae00',\n\t\t\tframeHeadingStroke: '#684e12', // Darker, muted variant of solid\n\t\t\tframeHeadingFill: '#2a2113', // Rich, muted dark-yellow background\n\t\t\tframeStroke: '#684e12', // Matches headingStroke\n\t\t\tframeFill: '#1e1911', // Darker muted shade for background fill\n\t\t\tframeText: '#f2f2f2', // Bright text color for readability\n\t\t\tnoteFill: '#8a5e1c', // Muted, dark complementary variant\n\t\t\tnoteText: '#f2f2f2',\n\t\t\tsemi: '#3b352b', // Dark muted neutral-yellow tone\n\t\t\tpattern: '#fecb92', // Existing shade retained\n\t\t\thighlightSrgb: '#d2b700',\n\t\t\thighlightP3: 'color(display-p3 0.8078 0.7225 0.0312)',\n\t\t},\n\t\twhite: {\n\t\t\tsolid: '#f3f3f3',\n\t\t\tfill: '#f3f3f3',\n\t\t\tlinedFill: '#f3f3f3',\n\t\t\tsemi: '#f5f5f5',\n\t\t\tpattern: '#f9f9f9',\n\t\t\tframeHeadingStroke: '#ffffff',\n\t\t\tframeHeadingFill: '#ffffff',\n\t\t\tframeStroke: '#ffffff',\n\t\t\tframeFill: '#ffffff',\n\t\t\tframeText: '#000000',\n\t\t\tnoteFill: '#eaeaea',\n\t\t\tnoteText: '#1d1d1d',\n\t\t\thighlightSrgb: '#ffffff',\n\t\t\thighlightP3: 'color(display-p3 1 1 1)',\n\t\t},\n\t},\n}\n\n/**\n * Returns the appropriate default color theme based on the dark mode preference.\n *\n * @param opts - Configuration options\n *   - isDarkMode - Whether to return the dark theme (true) or light theme (false)\n * @returns The corresponding TLDefaultColorTheme (light or dark)\n *\n * @example\n * ```ts\n * import { getDefaultColorTheme } from '@tldraw/tlschema'\n *\n * // Get light theme\n * const lightTheme = getDefaultColorTheme({ isDarkMode: false })\n *\n * // Get dark theme\n * const darkTheme = getDefaultColorTheme({ isDarkMode: true })\n *\n * // Use with editor\n * const theme = getDefaultColorTheme({ isDarkMode: window.matchMedia('(prefers-color-scheme: dark)').matches })\n * ```\n *\n * @public\n */\nexport function getDefaultColorTheme(opts: { isDarkMode: boolean }): TLDefaultColorTheme {\n\treturn opts.isDarkMode ? DefaultColorThemePalette.darkMode : DefaultColorThemePalette.lightMode\n}\n\n/**\n * Default color style property used by tldraw shapes for their primary color.\n * This style prop allows shapes to use any of the default color names and\n * automatically saves the last used value for new shapes.\n *\n * @example\n * ```ts\n * import { DefaultColorStyle } from '@tldraw/tlschema'\n *\n * // Use in shape props definition\n * interface MyShapeProps {\n *   color: typeof DefaultColorStyle\n *   // other props...\n * }\n *\n * // Set color on a shape\n * const shape = {\n *   // ... other properties\n *   props: {\n *     color: 'red' as const,\n *     // ... other props\n *   }\n * }\n * ```\n *\n * @public\n */\nexport const DefaultColorStyle = StyleProp.defineEnum('tldraw:color', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/**\n * Default label color style property used for text labels on shapes.\n * This is separate from the main color style to allow different colors\n * for shape fills/strokes versus their text labels.\n *\n * @example\n * ```ts\n * import { DefaultLabelColorStyle } from '@tldraw/tlschema'\n *\n * // Use in shape props definition\n * interface MyShapeProps {\n *   labelColor: typeof DefaultLabelColorStyle\n *   // other props...\n * }\n *\n * // Create a shape with different fill and label colors\n * const shape = {\n *   // ... other properties\n *   props: {\n *     color: 'blue' as const,\n *     labelColor: 'white' as const,\n *     // ... other props\n *   }\n * }\n * ```\n *\n * @public\n */\nexport const DefaultLabelColorStyle = StyleProp.defineEnum('tldraw:labelColor', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/**\n * Type representing a default color style value.\n * This is a union type of all available default color names.\n *\n * @example\n * ```ts\n * import { TLDefaultColorStyle } from '@tldraw/tlschema'\n *\n * // Valid color values\n * const redColor: TLDefaultColorStyle = 'red'\n * const blueColor: TLDefaultColorStyle = 'blue'\n *\n * // Type guard usage\n * function isValidColor(color: string): color is TLDefaultColorStyle {\n *   return ['black', 'red', 'blue'].includes(color as TLDefaultColorStyle)\n * }\n * ```\n *\n * @public\n */\nexport type TLDefaultColorStyle = T.TypeOf<typeof DefaultColorStyle>\n\nconst defaultColorNamesSet = new Set(defaultColorNames)\n\n/**\n * Type guard to check if a color value is one of the default theme colors.\n * Useful for determining if a color can be looked up in the theme palette.\n *\n * @param color - The color value to check\n * @returns True if the color is a default theme color, false otherwise\n *\n * @example\n * ```ts\n * import { isDefaultThemeColor, TLDefaultColorStyle } from '@tldraw/tlschema'\n *\n * const color: TLDefaultColorStyle = 'red'\n *\n * if (isDefaultThemeColor(color)) {\n *   // color is guaranteed to be a default theme color\n *   console.log(`${color} is a default theme color`)\n * } else {\n *   // color might be a custom hex value or other format\n *   console.log(`${color} is a custom color`)\n * }\n * ```\n *\n * @public\n */\nexport function isDefaultThemeColor(\n\tcolor: TLDefaultColorStyle\n): color is (typeof defaultColorNames)[number] {\n\treturn defaultColorNamesSet.has(color as (typeof defaultColorNames)[number])\n}\n\n/**\n * Resolves a color style value to its actual CSS color string for a given theme and variant.\n * If the color is not a default theme color, returns the color value as-is.\n *\n * @param theme - The color theme to use for resolution\n * @param color - The color style value to resolve\n * @param variant - Which variant of the color to return (solid, fill, pattern, etc.)\n * @returns The CSS color string for the specified color and variant\n *\n * @example\n * ```ts\n * import { getColorValue, getDefaultColorTheme } from '@tldraw/tlschema'\n *\n * const theme = getDefaultColorTheme({ isDarkMode: false })\n *\n * // Get the solid variant of red\n * const redSolid = getColorValue(theme, 'red', 'solid') // '#e03131'\n *\n * // Get the fill variant of blue\n * const blueFill = getColorValue(theme, 'blue', 'fill') // '#4465e9'\n *\n * // Custom color passes through unchanged\n * const customColor = getColorValue(theme, '#ff0000', 'solid') // '#ff0000'\n * ```\n *\n * @public\n */\nexport function getColorValue(\n\ttheme: TLDefaultColorTheme,\n\tcolor: TLDefaultColorStyle,\n\tvariant: keyof TLDefaultColorThemeColor\n): string {\n\tif (!isDefaultThemeColor(color)) {\n\t\treturn color\n\t}\n\n\treturn theme[color][variant]\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { StyleProp } from './StyleProp'\nimport { TLDefaultColor, TLThemeDefaultColors, TLThemes } from './TLTheme'\n\n/**\n * The names of all available shape colors, derived from {@link TLThemeDefaultColors}.\n * Extend {@link TLThemeDefaultColors} to add custom color names.\n *\n * @public\n */\nexport type TLDefaultColorStyle = {\n\t[K in keyof TLThemeDefaultColors]: TLThemeDefaultColors[K] extends TLDefaultColor ? K : never\n}[keyof TLThemeDefaultColors] &\n\tstring\n\n/**\n * Used only for initial values of the color style; the source of truth has moved to TLTheme.\n *\n * @internal\n */\nconst defaultColorNames: TLDefaultColorStyle[] = [\n\t'black',\n\t'grey',\n\t'light-violet',\n\t'violet',\n\t'blue',\n\t'light-blue',\n\t'yellow',\n\t'orange',\n\t'green',\n\t'light-green',\n\t'light-red',\n\t'red',\n\t'white',\n] as const\n\n/**\n * @public\n */\nexport const DefaultColorStyle = StyleProp.defineEnum('tldraw:color', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/**\n * @public\n */\nexport const DefaultLabelColorStyle = StyleProp.defineEnum('tldraw:labelColor', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/**\n * Scan theme definitions and sync color registrations to match.\n * A color entry is any key in `TLThemeColors` whose value is an object\n * (i.e. a {@link TLDefaultColor}), as opposed to utility strings like\n * `background` or `text`.\n *\n * Colors present in themes but not yet registered will be added.\n * Colors currently registered but absent from all themes will be removed.\n *\n * @public\n */\nexport function registerColorsFromThemes(definitions: TLThemes): void {\n\tconst colorNames = new Set<TLDefaultColorStyle>()\n\tfor (const def of Object.values(definitions)) {\n\t\tfor (const colorPalette of [def.colors.light, def.colors.dark]) {\n\t\t\tfor (const [key, value] of Object.entries(colorPalette)) {\n\t\t\t\tif (typeof value === 'object' && value !== null) {\n\t\t\t\t\tcolorNames.add(key as TLDefaultColorStyle)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tif (colorNames.size > 0) {\n\t\tDefaultColorStyle.addValues(...colorNames)\n\t\tDefaultLabelColorStyle.addValues(...colorNames)\n\t}\n\n\tconst toRemove = DefaultColorStyle.values.filter((v) => !colorNames.has(v as TLDefaultColorStyle))\n\tif (toRemove.length > 0) {\n\t\tDefaultColorStyle.removeValues(...toRemove)\n\t\tDefaultLabelColorStyle.removeValues(...toRemove)\n\t}\n\n\tif (process.env.NODE_ENV !== 'production') {\n\t\tfor (const def of Object.values(definitions)) {\n\t\t\tfor (const color of colorNames) {\n\t\t\t\tif (!(color in def.colors.light)) {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`Theme '${def.id}' light palette is missing color '${color}'. Shapes using this color won't render correctly.`\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tif (!(color in def.colors.dark)) {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`Theme '${def.id}' dark palette is missing color '${color}'. Shapes using this color won't render correctly.`\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;AAmB1B,MAAM,oBAA2C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAKO,MAAM,oBAAoB,2BAAU,WAAW,gBAAgB;AAAA,EACrE,cAAc;AAAA,EACd,QAAQ;AACT,CAAC;AAKM,MAAM,yBAAyB,2BAAU,WAAW,qBAAqB;AAAA,EAC/E,cAAc;AAAA,EACd,QAAQ;AACT,CAAC;AAaM,SAAS,yBAAyB,aAA6B;AACrE,QAAM,aAAa,oBAAI,IAAyB;AAChD,aAAW,OAAO,OAAO,OAAO,WAAW,GAAG;AAC7C,eAAW,gBAAgB,CAAC,IAAI,OAAO,OAAO,IAAI,OAAO,IAAI,GAAG;AAC/D,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,YAAY,GAAG;AACxD,YAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAChD,qBAAW,IAAI,GAA0B;AAAA,QAC1C;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACA,MAAI,WAAW,OAAO,GAAG;AACxB,sBAAkB,UAAU,GAAG,UAAU;AACzC,2BAAuB,UAAU,GAAG,UAAU;AAAA,EAC/C;AAEA,QAAM,WAAW,kBAAkB,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,IAAI,CAAwB,CAAC;AACjG,MAAI,SAAS,SAAS,GAAG;AACxB,sBAAkB,aAAa,GAAG,QAAQ;AAC1C,2BAAuB,aAAa,GAAG,QAAQ;AAAA,EAChD;AAEA,MAAI,QAAQ,IAAI,aAAa,cAAc;AAC1C,eAAW,OAAO,OAAO,OAAO,WAAW,GAAG;AAC7C,iBAAW,SAAS,YAAY;AAC/B,YAAI,EAAE,SAAS,IAAI,OAAO,QAAQ;AACjC,kBAAQ;AAAA,YACP,UAAU,IAAI,EAAE,qCAAqC,KAAK;AAAA,UAC3D;AAAA,QACD;AACA,YAAI,EAAE,SAAS,IAAI,OAAO,OAAO;AAChC,kBAAQ;AAAA,YACP,UAAU,IAAI,EAAE,oCAAoC,KAAK;AAAA,UAC1D;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
   "names": []
 }

package/dist-cjs/styles/TLDashStyle.js

@@ -24,6 +24,6 @@ module.exports = __toCommonJS(TLDashStyle_exports);
 var import_StyleProp = require("./StyleProp");
 const DefaultDashStyle = import_StyleProp.StyleProp.defineEnum("tldraw:dash", {
   defaultValue: "draw",
-  values: ["draw", "solid", "dashed", "dotted"]
+  values: ["draw", "solid", "dashed", "dotted", "none"]
 });
 //# sourceMappingURL=TLDashStyle.js.map

package/dist-cjs/styles/TLDashStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styles/TLDashStyle.ts"],
-  "sourcesContent": ["import { T } from '@tldraw/validate'\nimport { StyleProp } from './StyleProp'\n\n/**\n * Default dash style property used by tldraw shapes for line styling.\n * Controls how shape outlines and lines are rendered with different dash patterns.\n *\n * Available values:\n * - `draw` - Hand-drawn, sketchy line style\n * - `solid` - Continuous solid line\n * - `dashed` - Evenly spaced dashes\n * - `dotted` - Evenly spaced dots\n *\n * @example\n * ```ts\n * import { DefaultDashStyle } from '@tldraw/tlschema'\n *\n * // Use in shape props definition\n * interface MyShapeProps {\n *   dash: typeof DefaultDashStyle\n *   // other props...\n * }\n *\n * // Create a shape with dashed outline\n * const shape = {\n *   // ... other properties\n *   props: {\n *     dash: 'dashed' as const,\n *     // ... other props\n *   }\n * }\n * ```\n *\n * @public\n */\nexport const DefaultDashStyle = StyleProp.defineEnum('tldraw:dash', {\n\tdefaultValue: 'draw',\n\tvalues: ['draw', 'solid', 'dashed', 'dotted'],\n})\n\n/**\n * Type representing a default dash style value.\n * This is a union type of all available dash style options.\n *\n * @example\n * ```ts\n * import { TLDefaultDashStyle } from '@tldraw/tlschema'\n *\n * // Valid dash style values\n * const drawStyle: TLDefaultDashStyle = 'draw'\n * const solidStyle: TLDefaultDashStyle = 'solid'\n * const dashedStyle: TLDefaultDashStyle = 'dashed'\n * const dottedStyle: TLDefaultDashStyle = 'dotted'\n *\n * // Use in a function parameter\n * function setShapeDash(dash: TLDefaultDashStyle) {\n *   // Apply dash style to shape\n * }\n * ```\n *\n * @public\n */\nexport type TLDefaultDashStyle = T.TypeOf<typeof DefaultDashStyle>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0B;AAkCnB,MAAM,mBAAmB,2BAAU,WAAW,eAAe;AAAA,EACnE,cAAc;AAAA,EACd,QAAQ,CAAC,QAAQ,SAAS,UAAU,QAAQ;AAC7C,CAAC;",
+  "sourcesContent": ["import { T } from '@tldraw/validate'\nimport { StyleProp } from './StyleProp'\n\n/**\n * Default dash style property used by tldraw shapes for line styling.\n * Controls how shape outlines and lines are rendered with different dash patterns.\n *\n * Available values:\n * - `draw` - Hand-drawn, sketchy line style\n * - `solid` - Continuous solid line\n * - `dashed` - Evenly spaced dashes\n * - `dotted` - Evenly spaced dots\n *\n * @example\n * ```ts\n * import { DefaultDashStyle } from '@tldraw/tlschema'\n *\n * // Use in shape props definition\n * interface MyShapeProps {\n *   dash: typeof DefaultDashStyle\n *   // other props...\n * }\n *\n * // Create a shape with dashed outline\n * const shape = {\n *   // ... other properties\n *   props: {\n *     dash: 'dashed' as const,\n *     // ... other props\n *   }\n * }\n * ```\n *\n * @public\n */\nexport const DefaultDashStyle = StyleProp.defineEnum('tldraw:dash', {\n\tdefaultValue: 'draw',\n\tvalues: ['draw', 'solid', 'dashed', 'dotted', 'none'],\n})\n\n/**\n * Type representing a default dash style value.\n * This is a union type of all available dash style options.\n *\n * @example\n * ```ts\n * import { TLDefaultDashStyle } from '@tldraw/tlschema'\n *\n * // Valid dash style values\n * const drawStyle: TLDefaultDashStyle = 'draw'\n * const solidStyle: TLDefaultDashStyle = 'solid'\n * const dashedStyle: TLDefaultDashStyle = 'dashed'\n * const dottedStyle: TLDefaultDashStyle = 'dotted'\n *\n * // Use in a function parameter\n * function setShapeDash(dash: TLDefaultDashStyle) {\n *   // Apply dash style to shape\n * }\n * ```\n *\n * @public\n */\nexport type TLDefaultDashStyle = T.TypeOf<typeof DefaultDashStyle>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0B;AAkCnB,MAAM,mBAAmB,2BAAU,WAAW,eAAe;AAAA,EACnE,cAAc;AAAA,EACd,QAAQ,CAAC,QAAQ,SAAS,UAAU,UAAU,MAAM;AACrD,CAAC;",
   "names": []
 }