@astryxdesign/theme-stone 0.0.0-bootstrap.0 → 0.0.15

package/dist/source.js

@@ -0,0 +1,713 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/source.ts
+var source_exports = {};
+__export(source_exports, {
+  stoneIconRegistry: () => stoneIconRegistry,
+  stonePalettes: () => stonePalettes,
+  stoneTheme: () => stoneTheme
+});
+module.exports = __toCommonJS(source_exports);
+
+// src/stoneTheme.ts
+var import_theme = require("@astryxdesign/core/theme");
+
+// src/icons.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var iconProps = {
+  size: "1em",
+  "aria-hidden": true
+};
+var stoneIconRegistry = {
+  close: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { ...iconProps }),
+  chevronDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { ...iconProps }),
+  chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { ...iconProps }),
+  chevronRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { ...iconProps }),
+  check: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { ...iconProps }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { ...iconProps }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { ...iconProps }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertTriangle, { ...iconProps }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { ...iconProps }),
+  calendar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { ...iconProps }),
+  clock: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clock, { ...iconProps }),
+  externalLink: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { ...iconProps }),
+  menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Menu, { ...iconProps }),
+  moreHorizontal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MoreHorizontal, { ...iconProps }),
+  search: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Search, { ...iconProps }),
+  arrowUp: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUp, { ...iconProps }),
+  arrowDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDown, { ...iconProps }),
+  arrowsUpDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpDown, { ...iconProps }),
+  funnel: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Filter, { ...iconProps }),
+  eyeSlash: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.EyeOff, { ...iconProps }),
+  viewColumns: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Columns, { ...iconProps }),
+  copy: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { ...iconProps }),
+  checkDouble: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCheck, { ...iconProps }),
+  wrench: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wrench, { ...iconProps }),
+  stop: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Square, { ...iconProps }),
+  microphone: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mic, { ...iconProps })
+};
+
+// src/stoneTheme.ts
+var INPUT_STATUS_VARS = {
+  "status:success": {
+    "--color-success": "light-dark(#7f977e, #99b298)"
+    // Green T60 / T70
+  },
+  "status:warning": {
+    "--color-warning": "light-dark(#9f8f68, #bbaa81)"
+    // Yellow T60 / T70
+  },
+  "status:error": {
+    "--color-error": "light-dark(#a58b86, #c0a5a1)"
+    // Red T60 / T70
+  }
+};
+var stoneSyntax = (0, import_theme.defineSyntaxTheme)({
+  name: "xds-stone",
+  tokens: {
+    keyword: ["#645a72", "#b2a7c1"],
+    // Purple T40 / T70
+    string: ["#4e6357", "#9bb19a"],
+    // Teal T40 / Green T70
+    comment: ["#5e5e5e", "#ababb0"],
+    // Stone Neutral T40 / T70
+    number: ["#755752", "#bea792"],
+    // Red T40 / Orange T70
+    function: ["#506072", "#99adc6"],
+    // Blue T40 / T70
+    type: ["#645a72", "#b2a7c1"],
+    // Purple T40 / T70
+    variable: ["#5e5e5e", "#ababb0"],
+    // Stone Neutral T40 / T70
+    operator: ["#5e5e5e", "#ababb0"],
+    // Stone Neutral T40 / T70
+    constant: ["#755752", "#bea792"],
+    // Red T40 / Orange T70
+    tag: ["#775751", "#c7a39d"],
+    // Red T40 / T70
+    attribute: ["#79693f", "#b6aa90"],
+    // Yellow T45 / T70
+    property: ["#4e6357", "#94b2a0"],
+    // Teal T40 / T70
+    punctuation: ["#5e5e5e", "#ababb0"],
+    // Stone Neutral T40 / T70
+    background: ["#f3f3f5", "#171719"]
+  }
+});
+var stoneTheme = (0, import_theme.defineTheme)({
+  name: "stone",
+  typography: {
+    scale: { base: 14, ratio: 1.25 },
+    body: {
+      family: "Figtree",
+      fallbacks: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif'
+    },
+    heading: {
+      family: "Montserrat",
+      fallbacks: '"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+      weights: { 3: "bold", 4: "bold" }
+    },
+    code: {
+      family: "JetBrains Mono",
+      fallbacks: '"SF Mono", Monaco, Consolas, monospace'
+    }
+  },
+  motion: { fast: 125, medium: 300, slow: 700, ratio: 0.75 },
+  syntax: stoneSyntax,
+  tokens: {
+    // =========================================================================
+    // Colors — warm stone palette
+    // Core: #28282A, #84848B, #D8D8DB, #f3f3f5, #FFFFFF
+    // =========================================================================
+    // Core semantic — all neutrals H=291
+    // Stone 900 T=16 C=1.4, Stone 500 T=55 C=4, Stone 300 T=86 C=1.6, Stone 100 T=96 C=1
+    "--color-accent": ["#25252a", "#f3f3f5"],
+    // light: Stone Neutral T15
+    "--color-accent-muted": ["#25252a14", "#f3f3f5"],
+    // light: Stone Neutral T15 · 8%
+    "--color-neutral": ["#25252a0f", "#f3f3f5"],
+    // light: Stone Neutral T15 · 6%
+    "--color-background-surface": ["#ffffff", "#1b1b1f"],
+    // dark: Stone Neutral T10
+    "--color-background-body": ["#f3f3f5", "#111015"],
+    // dark: Stone Neutral T5
+    "--color-overlay": ["#25252a80", "#28282a"],
+    // light: Stone Neutral T15 · 50%
+    "--color-overlay-hover": ["#25252a0d", "#f3f3f5"],
+    // light: Stone Neutral T15 · 5%
+    "--color-overlay-pressed": ["#25252a1a", "#f3f3f5"],
+    // light: Stone Neutral T15 · 10%
+    "--color-background-muted": ["#e2e2e8", "#3b3b3f"],
+    // light: Stone Neutral T90
+    // Text — H=291
+    "--color-text-primary": ["#25252a", "#f3f3f5"],
+    // light: Stone Neutral T15
+    "--color-text-secondary": ["#83838a", "#9d9da3"],
+    // T55 C=4 / T65 C=3
+    "--color-text-disabled": ["#d7d7da", "#5e5e61"],
+    // T86 C=1.6 / T40 C=2
+    "--color-text-accent": ["#25252a", "#f3f3f5"],
+    // light: Stone Neutral T15
+    "--color-on-dark": "#FFFFFF",
+    "--color-on-light": ["#25252a", "#28282a"],
+    // light: Stone Neutral T15
+    "--color-on-accent": ["#ffffff", "#25252a"],
+    // dark: Stone Neutral T15
+    // Text on top of matching status surface (badge fill, banner content).
+    "--color-on-success": ["#374c36", "#d0e9ce"],
+    // Green T30 / T90
+    "--color-on-error": ["#58413e", "#f9dcd7"],
+    // Red T30 / T90
+    "--color-on-warning": ["#524622", "#f4e1b7"],
+    // Yellow T30 / T90
+    // Icon — H=291
+    "--color-icon-accent": ["#25252a", "#f3f3f5"],
+    // light: Stone Neutral T15
+    "--color-icon-primary": ["#25252a", "#f3f3f5"],
+    // light: Stone Neutral T15
+    "--color-icon-secondary": ["#83838a", "#9d9da3"],
+    // T55 C=4 / T65 C=3
+    "--color-icon-disabled": ["#d7d7da", "#5e5e61"],
+    // T86 C=1.6 / T40 C=2
+    // Surface variants — H=291
+    "--color-background-card": ["#FFFFFF", "#242325"],
+    // T14
+    "--color-background-popover": ["#ffffff", "#25252a"],
+    // dark: Stone Neutral T15
+    "--color-background-inverted": ["#25252a", "#f3f3f5"],
+    // light: Stone Neutral T15
+    // Status / Sentiment — T50 from palette for icons/borders (visible color)
+    "--color-success": ["#374c36", "#b4cdb2"],
+    // Green T30 / T80
+    "--color-success-muted": ["#d0e9ce", "#b4cdb2"],
+    // Green T90 / T80
+    "--color-error": ["#58413e", "#dcc0bc"],
+    // Red T30 / T80
+    "--color-error-muted": ["#f9dcd7", "#dcc0bc"],
+    // Red T90 / T80
+    "--color-warning": ["#524622", "#d7c59c"],
+    // Yellow T30 / T80
+    "--color-warning-muted": ["#f4e1b7", "#d7c59c"],
+    // Yellow T90 / T80
+    // Border — H=291
+    "--color-border": ["#e2e2e8", "#f3f3f5"],
+    // light: Stone Neutral T90
+    "--color-border-emphasized": ["#83838a", "#5e5e61"],
+    // T55 C=4 / T40 C=2
+    // Effects — H=291
+    "--color-skeleton": ["#d4d4da", "#5e5e64"],
+    // T85 / T40 from H=291 C=3
+    "--color-shadow": ["#25252a1a", "#000000"],
+    // light: Stone Neutral T15 · 10%
+    "--color-tint-hover": ["black", "white"],
+    // Typography override
+    "--text-supporting-size": "12px",
+    // Categorical hues
+    //   Light: T90 solid bg + T30 text (pastel surface, dark text)
+    //   Dark:  T35 solid bg + T90 text — snaps to canonical palette stops
+    //          per theming-infra.mdc §7. T90 dark text is the SAME hex as
+    //          the light-mode bg pastel — clean palette symmetry, ~6–9:1
+    //          contrast on the T35 surface across all hues (passes AA Body).
+    // Borders: light T85 / dark T25 — one step inward from surface in both
+    //          modes, matching the light-mode T90/T85 spacing.
+    // Categorical — Blue H=265 C=10
+    "--color-background-blue": ["#d7e4f5", "#485362"],
+    // light T90 / dark T35
+    "--color-border-blue": ["#c9d6e7", "#313c4a"],
+    // light T85 / dark T25
+    "--color-icon-blue": ["#3c4856", "#d7e4f5"],
+    // light T30 / dark T90
+    "--color-text-blue": ["#3c4856", "#d7e4f5"],
+    // Categorical — Cyan H=190 C=10
+    "--color-background-cyan": ["#cce8e5", "#3e5755"],
+    "--color-border-cyan": ["#bedad7", "#28403e"],
+    "--color-icon-cyan": ["#334b49", "#cce8e5"],
+    "--color-text-cyan": ["#334b49", "#cce8e5"],
+    // Categorical — Gray (pure neutral, C=0). Same T35/T25/T90 pattern from
+    // the neutral H=291 C=3 ramp.
+    "--color-background-gray": ["#e2e2e8", "#525257"],
+    // light: Stone Neutral T90
+    "--color-border-gray": ["#d4d4da", "#3b3b3f"],
+    // light: Stone Neutral T85
+    "--color-icon-gray": ["#46464b", "#e2e2e8"],
+    // light: Stone Neutral T30
+    "--color-text-gray": ["#46464b", "#e2e2e8"],
+    // light: Stone Neutral T30
+    // Categorical — Green H=142 C=17
+    "--color-background-green": ["#d0e9ce", "#425841"],
+    "--color-border-green": ["#c2dbc0", "#2b402b"],
+    "--color-icon-green": ["#374c36", "#d0e9ce"],
+    "--color-text-green": ["#374c36", "#d0e9ce"],
+    // Categorical — Orange H=70 C=22
+    "--color-background-orange": ["#ffdcbb", "#684d32"],
+    "--color-border-orange": ["#f1ceae", "#4f361c"],
+    "--color-icon-orange": ["#5b4227", "#ffdcbb"],
+    "--color-text-orange": ["#5b4227", "#ffdcbb"],
+    // Categorical — Pink H=340 C=9
+    "--color-background-pink": ["#f0dde8", "#5e4e57"],
+    "--color-border-pink": ["#e2cfda", "#463740"],
+    "--color-icon-pink": ["#52424c", "#f0dde8"],
+    "--color-text-pink": ["#52424c", "#f0dde8"],
+    // Categorical — Purple H=307 C=11
+    "--color-background-purple": ["#e8dff3", "#564f60"],
+    "--color-border-purple": ["#d9d1e5", "#3f3949"],
+    "--color-icon-purple": ["#4b4454", "#e8dff3"],
+    "--color-text-purple": ["#4b4454", "#e8dff3"],
+    // Categorical — Red H=33 C=11
+    "--color-background-red": ["#f9dcd7", "#644d49"],
+    "--color-border-red": ["#ebcec9", "#4c3633"],
+    "--color-icon-red": ["#58413e", "#f9dcd7"],
+    "--color-text-red": ["#58413e", "#f9dcd7"],
+    // Categorical — Teal H=158 C=9
+    "--color-background-teal": ["#d4e7dc", "#46564d"],
+    "--color-border-teal": ["#c6d9ce", "#303f36"],
+    "--color-icon-teal": ["#3b4a41", "#d4e7dc"],
+    "--color-text-teal": ["#3b4a41", "#d4e7dc"],
+    // Categorical — Yellow H=90 C=23
+    "--color-background-yellow": ["#f4e1b7", "#5e512d"],
+    "--color-border-yellow": ["#e5d3a9", "#463a18"],
+    "--color-icon-yellow": ["#524622", "#f4e1b7"],
+    "--color-text-yellow": ["#524622", "#f4e1b7"],
+    // =========================================================================
+    // Radius — clean and subtle
+    // =========================================================================
+    "--radius-none": "0.125rem",
+    "--radius-inner": "0.25rem",
+    "--radius-element": "0.5rem",
+    "--radius-container": "0.75rem",
+    "--radius-page": "1.5rem",
+    "--radius-full": "9999px",
+    // =========================================================================
+    // Shadows
+    // =========================================================================
+    "--shadow-low": "0 2px 4px #28282A0D, 0 4px 8px #28282A1A",
+    "--shadow-med": "0 2px 4px #28282A0D, 0 4px 12px #28282A1A",
+    "--shadow-high": "0 4px 6px #28282A1A, 0 12px 24px #28282A26",
+    "--shadow-inset-hover": "inset 0px 0px 0px 2px #28282A30",
+    "--shadow-inset-selected": "inset 0px 0px 0px 2px #28282A50",
+    "--shadow-inset-success": "inset 0px 0px 0px 2px #83838a30",
+    "--shadow-inset-warning": "inset 0px 0px 0px 2px #83838a30",
+    "--shadow-inset-error": "inset 0px 0px 0px 2px #83838a30"
+  },
+  components: {
+    button: {
+      base: {
+        borderRadius: "var(--radius-full)"
+      },
+      "variant:secondary": {
+        backgroundColor: "transparent",
+        borderWidth: "1.5px",
+        borderStyle: "solid",
+        borderColor: "var(--color-border-emphasized)",
+        ":hover": {
+          backgroundColor: "var(--color-neutral)"
+        }
+      },
+      "variant:destructive": {
+        backgroundColor: "var(--color-background-red)",
+        color: "var(--color-text-red)"
+      }
+    },
+    // Semantic variants point at categorical hue tokens — single source of truth.
+    badge: {
+      "variant:info": {
+        backgroundColor: "var(--color-background-blue)",
+        color: "var(--color-text-blue)"
+      },
+      "variant:neutral": {
+        backgroundColor: "var(--color-background-gray)",
+        color: "var(--color-text-gray)"
+      },
+      "variant:success": {
+        backgroundColor: "var(--color-background-green)",
+        color: "var(--color-text-green)"
+      },
+      "variant:warning": {
+        backgroundColor: "var(--color-background-yellow)",
+        color: "var(--color-text-yellow)"
+      },
+      "variant:error": {
+        backgroundColor: "var(--color-background-red)",
+        color: "var(--color-text-red)"
+      }
+    },
+    // StyleX paints the banner surface from @layer priority4 (above
+    // @layer astryx-theme), so a direct backgroundColor override loses the
+    // cascade. Redefine the muted token instead so StyleX's var() resolves
+    // to the categorical bg in our scope.
+    banner: {
+      "status:info": {
+        "--color-accent-muted": "var(--color-background-blue)",
+        "--color-text-primary": "var(--color-text-blue)",
+        "--color-text-secondary": "var(--color-text-blue)",
+        "--color-accent": "var(--color-text-blue)"
+      },
+      "status:success": {
+        "--color-success-muted": "var(--color-background-green)",
+        "--color-text-primary": "var(--color-text-green)",
+        "--color-text-secondary": "var(--color-text-green)",
+        "--color-success": "var(--color-text-green)"
+      },
+      "status:warning": {
+        "--color-warning-muted": "var(--color-background-yellow)",
+        "--color-text-primary": "var(--color-text-yellow)",
+        "--color-text-secondary": "var(--color-text-yellow)",
+        "--color-warning": "var(--color-text-yellow)"
+      },
+      "status:error": {
+        "--color-error-muted": "var(--color-background-red)",
+        "--color-text-primary": "var(--color-text-red)",
+        "--color-text-secondary": "var(--color-text-red)",
+        "--color-error": "var(--color-text-red)"
+      }
+    },
+    // Fill: light = T90 (same hex as banner/badge surface — fill reads as
+    // the same color family as the matching status surface). Dark = T70.
+    // Hexes from the preview Tonal Palettes ramp. accent (default) +
+    // indeterminate both route to blue for the in-progress / loading look.
+    "progressbar-fill": {
+      "variant:accent": {
+        backgroundColor: "light-dark(#d7e4f5, #a0acbc)"
+        // Blue T90 / T70
+      },
+      "variant:success": {
+        backgroundColor: "light-dark(#d0e9ce, #9ab298)"
+        // Green T90 / T70
+      },
+      "variant:warning": {
+        backgroundColor: "light-dark(#f4e1b7, #bbaa82)"
+        // Yellow T90 / T70
+      },
+      "variant:error": {
+        backgroundColor: "light-dark(#f9dcd7, #c0a5a0)"
+        // Red T90 / T70
+      }
+    },
+    // Track default --color-background-muted reads near-body in stone;
+    // redirect to --color-skeleton so the channel stays visible.
+    "progressbar-track": {
+      base: {
+        backgroundColor: "var(--color-skeleton)"
+      }
+    },
+    // Switch off-state track reads --color-background-gray by default.
+    // Redefine it inside the switch scope to --color-skeleton, matching
+    // the ProgressBar track. The on-state reads --color-accent (unaffected);
+    // disabled-off also picks up --color-skeleton for consistency.
+    switch: {
+      base: {
+        "--color-background-gray": "var(--color-skeleton)"
+      }
+    },
+    // FieldStatus surface matches badge — see badge override above.
+    "field-status": {
+      "type:success": {
+        backgroundColor: "var(--color-background-green)"
+      },
+      "type:warning": {
+        backgroundColor: "var(--color-background-yellow)"
+      },
+      "type:error": {
+        backgroundColor: "var(--color-background-red)"
+      }
+    },
+    // Input status borders + icons across all 9 input components share the
+    // same softer T60/T70 redirection. See INPUT_STATUS_VARS above.
+    "text-input": INPUT_STATUS_VARS,
+    textarea: INPUT_STATUS_VARS,
+    "number-input": INPUT_STATUS_VARS,
+    "date-input": INPUT_STATUS_VARS,
+    "time-input": INPUT_STATUS_VARS,
+    selector: INPUT_STATUS_VARS,
+    "multi-selector": INPUT_STATUS_VARS,
+    typeahead: INPUT_STATUS_VARS,
+    tokenizer: INPUT_STATUS_VARS,
+    card: {
+      base: {
+        padding: "var(--spacing-3)"
+      }
+    },
+    section: {
+      base: {
+        padding: "var(--spacing-3)"
+      }
+    }
+  },
+  icons: stoneIconRegistry
+});
+var stonePalettes = {
+  neutral: {
+    hue: 291,
+    chroma: 3,
+    0: "#000000",
+    5: "#111015",
+    10: "#1b1b1f",
+    15: "#25252a",
+    20: "#303034",
+    25: "#3b3b3f",
+    30: "#46464b",
+    35: "#525257",
+    40: "#5e5e63",
+    45: "#6a6a6f",
+    50: "#77777c",
+    55: "#838388",
+    60: "#909095",
+    65: "#9d9da3",
+    70: "#ababb0",
+    75: "#b8b8be",
+    80: "#c6c6cc",
+    85: "#d4d4da",
+    90: "#e2e2e8",
+    95: "#f0f0f6",
+    100: "#ffffff"
+  },
+  blue: {
+    hue: 265,
+    chroma: 10,
+    0: "#000000",
+    5: "#04121e",
+    10: "#111c29",
+    15: "#1b2734",
+    20: "#26313f",
+    25: "#313c4a",
+    30: "#3c4856",
+    35: "#485362",
+    40: "#545f6e",
+    45: "#606c7b",
+    50: "#6c7888",
+    55: "#798595",
+    60: "#8692a2",
+    65: "#939faf",
+    70: "#a0acbd",
+    75: "#adbacb",
+    80: "#bbc8d9",
+    85: "#c9d6e7",
+    90: "#d7e4f5",
+    95: "#e7f2ff",
+    100: "#ffffff"
+  },
+  cyan: {
+    hue: 190,
+    chroma: 10,
+    0: "#000000",
+    5: "#001613",
+    10: "#071f1e",
+    15: "#122a28",
+    20: "#1d3433",
+    25: "#28403e",
+    30: "#334b49",
+    35: "#3e5755",
+    40: "#4a6361",
+    45: "#566f6d",
+    50: "#627c7a",
+    55: "#6f8986",
+    60: "#7b9693",
+    65: "#88a3a0",
+    70: "#95b1ae",
+    75: "#a3bebb",
+    80: "#b0ccc9",
+    85: "#bedad7",
+    90: "#cce8e5",
+    95: "#daf7f4",
+    100: "#ffffff"
+  },
+  green: {
+    hue: 142,
+    chroma: 17,
+    0: "#000000",
+    5: "#001700",
+    10: "#0c200a",
+    15: "#162a16",
+    20: "#213521",
+    25: "#2b402b",
+    30: "#374c36",
+    35: "#425841",
+    40: "#4e644d",
+    45: "#5a7059",
+    50: "#667d65",
+    55: "#728a71",
+    60: "#7f977e",
+    65: "#8ca48b",
+    70: "#99b298",
+    75: "#a7bfa5",
+    80: "#b4cdb2",
+    85: "#c2dbc0",
+    90: "#d0e9ce",
+    95: "#def8dc",
+    100: "#ffffff"
+  },
+  teal: {
+    hue: 158,
+    chroma: 9,
+    0: "#000000",
+    5: "#00150a",
+    10: "#101e17",
+    15: "#1a2921",
+    20: "#25342b",
+    25: "#303f36",
+    30: "#3b4a41",
+    35: "#46564d",
+    40: "#526259",
+    45: "#5e6e65",
+    50: "#6a7b71",
+    55: "#77887e",
+    60: "#83958a",
+    65: "#90a297",
+    70: "#9dafa5",
+    75: "#abbdb2",
+    80: "#b8cbc0",
+    85: "#c6d9ce",
+    90: "#d4e7dc",
+    95: "#e2f5ea",
+    100: "#ffffff"
+  },
+  yellow: {
+    hue: 90,
+    chroma: 23,
+    0: "#000000",
+    5: "#1f0f00",
+    10: "#261a00",
+    15: "#2f2500",
+    20: "#3a2f0d",
+    25: "#463a18",
+    30: "#524622",
+    35: "#5e512d",
+    40: "#6b5d39",
+    45: "#786944",
+    50: "#857650",
+    55: "#92825c",
+    60: "#9f8f68",
+    65: "#ad9c75",
+    70: "#bbaa81",
+    75: "#c9b78e",
+    80: "#d7c59c",
+    85: "#e5d3a9",
+    90: "#f4e1b7",
+    95: "#ffefc7",
+    100: "#ffffff"
+  },
+  orange: {
+    hue: 70,
+    chroma: 22,
+    0: "#000000",
+    5: "#250a00",
+    10: "#2d1700",
+    15: "#372104",
+    20: "#432c12",
+    25: "#4f361c",
+    30: "#5b4227",
+    35: "#684d32",
+    40: "#75593d",
+    45: "#826548",
+    50: "#8f7154",
+    55: "#9d7e60",
+    60: "#aa8b6d",
+    65: "#b89879",
+    70: "#c6a586",
+    75: "#d4b393",
+    80: "#e3c0a0",
+    85: "#f1ceae",
+    90: "#ffdcbb",
+    95: "#ffeddc",
+    100: "#ffffff"
+  },
+  red: {
+    hue: 33,
+    chroma: 11,
+    0: "#000000",
+    5: "#210a04",
+    10: "#2a1714",
+    15: "#35211e",
+    20: "#402b28",
+    25: "#4c3633",
+    30: "#58413e",
+    35: "#644d49",
+    40: "#715955",
+    45: "#7e6561",
+    50: "#8a716d",
+    55: "#987e7a",
+    60: "#a58b86",
+    65: "#b39893",
+    70: "#c0a5a1",
+    75: "#ceb3ae",
+    80: "#dcc0bc",
+    85: "#ebcec9",
+    90: "#f9dcd7",
+    95: "#ffece9",
+    100: "#ffffff"
+  },
+  pink: {
+    hue: 340,
+    chroma: 9,
+    0: "#000000",
+    5: "#1b0c16",
+    10: "#251720",
+    15: "#30222a",
+    20: "#3b2c35",
+    25: "#463740",
+    30: "#52424c",
+    35: "#5e4e57",
+    40: "#6a5a63",
+    45: "#776670",
+    50: "#83727c",
+    55: "#907f89",
+    60: "#9d8c96",
+    65: "#ab99a3",
+    70: "#b8a6b1",
+    75: "#c6b4be",
+    80: "#d4c1cc",
+    85: "#e2cfda",
+    90: "#f0dde8",
+    95: "#ffebf7",
+    100: "#ffffff"
+  },
+  purple: {
+    hue: 307,
+    chroma: 11,
+    0: "#000000",
+    5: "#150e1d",
+    10: "#1f1927",
+    15: "#292332",
+    20: "#342e3d",
+    25: "#3f3949",
+    30: "#4b4454",
+    35: "#564f60",
+    40: "#635b6d",
+    45: "#6f6779",
+    50: "#7b7486",
+    55: "#888193",
+    60: "#958da0",
+    65: "#a39aad",
+    70: "#b0a8bb",
+    75: "#beb5c9",
+    80: "#cbc3d7",
+    85: "#d9d1e5",
+    90: "#e8dff3",
+    95: "#f6edff",
+    100: "#ffffff"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  stoneIconRegistry,
+  stonePalettes,
+  stoneTheme
+});