@marigold/theme-docs 2.0.0

package/dist/index.js

@@ -0,0 +1,905 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../node_modules/.pnpm/picocolors@1.0.1/node_modules/picocolors/picocolors.js
+var require_picocolors = __commonJS({
+  "../../node_modules/.pnpm/picocolors@1.0.1/node_modules/picocolors/picocolors.js"(exports2, module2) {
+    "use strict";
+    var argv = process.argv || [];
+    var env = process.env;
+    var isColorSupported = !("NO_COLOR" in env || argv.includes("--no-color")) && ("FORCE_COLOR" in env || argv.includes("--color") || process.platform === "win32" || require != null && require("tty").isatty(1) && env.TERM !== "dumb" || "CI" in env);
+    var formatter = (open, close, replace = open) => (input) => {
+      let string = "" + input;
+      let index = string.indexOf(close, open.length);
+      return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+    };
+    var replaceClose = (string, close, replace, index) => {
+      let result = "";
+      let cursor = 0;
+      do {
+        result += string.substring(cursor, index) + replace;
+        cursor = index + close.length;
+        index = string.indexOf(close, cursor);
+      } while (~index);
+      return result + string.substring(cursor);
+    };
+    var createColors = (enabled = isColorSupported) => {
+      let init = enabled ? formatter : () => String;
+      return {
+        isColorSupported: enabled,
+        reset: init("\x1B[0m", "\x1B[0m"),
+        bold: init("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+        dim: init("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+        italic: init("\x1B[3m", "\x1B[23m"),
+        underline: init("\x1B[4m", "\x1B[24m"),
+        inverse: init("\x1B[7m", "\x1B[27m"),
+        hidden: init("\x1B[8m", "\x1B[28m"),
+        strikethrough: init("\x1B[9m", "\x1B[29m"),
+        black: init("\x1B[30m", "\x1B[39m"),
+        red: init("\x1B[31m", "\x1B[39m"),
+        green: init("\x1B[32m", "\x1B[39m"),
+        yellow: init("\x1B[33m", "\x1B[39m"),
+        blue: init("\x1B[34m", "\x1B[39m"),
+        magenta: init("\x1B[35m", "\x1B[39m"),
+        cyan: init("\x1B[36m", "\x1B[39m"),
+        white: init("\x1B[37m", "\x1B[39m"),
+        gray: init("\x1B[90m", "\x1B[39m"),
+        bgBlack: init("\x1B[40m", "\x1B[49m"),
+        bgRed: init("\x1B[41m", "\x1B[49m"),
+        bgGreen: init("\x1B[42m", "\x1B[49m"),
+        bgYellow: init("\x1B[43m", "\x1B[49m"),
+        bgBlue: init("\x1B[44m", "\x1B[49m"),
+        bgMagenta: init("\x1B[45m", "\x1B[49m"),
+        bgCyan: init("\x1B[46m", "\x1B[49m"),
+        bgWhite: init("\x1B[47m", "\x1B[49m")
+      };
+    };
+    module2.exports = createColors();
+    module2.exports.createColors = createColors;
+  }
+});
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/util/log.js
+var require_log = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/util/log.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all)
+        Object.defineProperty(target, name, {
+          enumerable: true,
+          get: all[name]
+        });
+    }
+    _export(exports2, {
+      dim: function() {
+        return dim;
+      },
+      default: function() {
+        return _default;
+      }
+    });
+    var _picocolors = /* @__PURE__ */ _interop_require_default(require_picocolors());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var alreadyShown = /* @__PURE__ */ new Set();
+    function log(type, messages, key) {
+      if (typeof process !== "undefined" && process.env.JEST_WORKER_ID)
+        return;
+      if (key && alreadyShown.has(key))
+        return;
+      if (key)
+        alreadyShown.add(key);
+      console.warn("");
+      messages.forEach((message) => console.warn(type, "-", message));
+    }
+    function dim(input) {
+      return _picocolors.default.dim(input);
+    }
+    var _default = {
+      info(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.cyan("info")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      },
+      warn(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.yellow("warn")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      },
+      risk(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.magenta("risk")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      }
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/public/colors.js
+var require_colors = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/public/colors.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _log = /* @__PURE__ */ _interop_require_default(require_log());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    function warn({ version, from, to }) {
+      _log.default.warn(`${from}-color-renamed`, [
+        `As of Tailwind CSS ${version}, \`${from}\` has been renamed to \`${to}\`.`,
+        "Update your configuration file to silence this warning."
+      ]);
+    }
+    var _default = {
+      inherit: "inherit",
+      current: "currentColor",
+      transparent: "transparent",
+      black: "#000",
+      white: "#fff",
+      slate: {
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        600: "#475569",
+        700: "#334155",
+        800: "#1e293b",
+        900: "#0f172a",
+        950: "#020617"
+      },
+      gray: {
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827",
+        950: "#030712"
+      },
+      zinc: {
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#e4e4e7",
+        300: "#d4d4d8",
+        400: "#a1a1aa",
+        500: "#71717a",
+        600: "#52525b",
+        700: "#3f3f46",
+        800: "#27272a",
+        900: "#18181b",
+        950: "#09090b"
+      },
+      neutral: {
+        50: "#fafafa",
+        100: "#f5f5f5",
+        200: "#e5e5e5",
+        300: "#d4d4d4",
+        400: "#a3a3a3",
+        500: "#737373",
+        600: "#525252",
+        700: "#404040",
+        800: "#262626",
+        900: "#171717",
+        950: "#0a0a0a"
+      },
+      stone: {
+        50: "#fafaf9",
+        100: "#f5f5f4",
+        200: "#e7e5e4",
+        300: "#d6d3d1",
+        400: "#a8a29e",
+        500: "#78716c",
+        600: "#57534e",
+        700: "#44403c",
+        800: "#292524",
+        900: "#1c1917",
+        950: "#0c0a09"
+      },
+      red: {
+        50: "#fef2f2",
+        100: "#fee2e2",
+        200: "#fecaca",
+        300: "#fca5a5",
+        400: "#f87171",
+        500: "#ef4444",
+        600: "#dc2626",
+        700: "#b91c1c",
+        800: "#991b1b",
+        900: "#7f1d1d",
+        950: "#450a0a"
+      },
+      orange: {
+        50: "#fff7ed",
+        100: "#ffedd5",
+        200: "#fed7aa",
+        300: "#fdba74",
+        400: "#fb923c",
+        500: "#f97316",
+        600: "#ea580c",
+        700: "#c2410c",
+        800: "#9a3412",
+        900: "#7c2d12",
+        950: "#431407"
+      },
+      amber: {
+        50: "#fffbeb",
+        100: "#fef3c7",
+        200: "#fde68a",
+        300: "#fcd34d",
+        400: "#fbbf24",
+        500: "#f59e0b",
+        600: "#d97706",
+        700: "#b45309",
+        800: "#92400e",
+        900: "#78350f",
+        950: "#451a03"
+      },
+      yellow: {
+        50: "#fefce8",
+        100: "#fef9c3",
+        200: "#fef08a",
+        300: "#fde047",
+        400: "#facc15",
+        500: "#eab308",
+        600: "#ca8a04",
+        700: "#a16207",
+        800: "#854d0e",
+        900: "#713f12",
+        950: "#422006"
+      },
+      lime: {
+        50: "#f7fee7",
+        100: "#ecfccb",
+        200: "#d9f99d",
+        300: "#bef264",
+        400: "#a3e635",
+        500: "#84cc16",
+        600: "#65a30d",
+        700: "#4d7c0f",
+        800: "#3f6212",
+        900: "#365314",
+        950: "#1a2e05"
+      },
+      green: {
+        50: "#f0fdf4",
+        100: "#dcfce7",
+        200: "#bbf7d0",
+        300: "#86efac",
+        400: "#4ade80",
+        500: "#22c55e",
+        600: "#16a34a",
+        700: "#15803d",
+        800: "#166534",
+        900: "#14532d",
+        950: "#052e16"
+      },
+      emerald: {
+        50: "#ecfdf5",
+        100: "#d1fae5",
+        200: "#a7f3d0",
+        300: "#6ee7b7",
+        400: "#34d399",
+        500: "#10b981",
+        600: "#059669",
+        700: "#047857",
+        800: "#065f46",
+        900: "#064e3b",
+        950: "#022c22"
+      },
+      teal: {
+        50: "#f0fdfa",
+        100: "#ccfbf1",
+        200: "#99f6e4",
+        300: "#5eead4",
+        400: "#2dd4bf",
+        500: "#14b8a6",
+        600: "#0d9488",
+        700: "#0f766e",
+        800: "#115e59",
+        900: "#134e4a",
+        950: "#042f2e"
+      },
+      cyan: {
+        50: "#ecfeff",
+        100: "#cffafe",
+        200: "#a5f3fc",
+        300: "#67e8f9",
+        400: "#22d3ee",
+        500: "#06b6d4",
+        600: "#0891b2",
+        700: "#0e7490",
+        800: "#155e75",
+        900: "#164e63",
+        950: "#083344"
+      },
+      sky: {
+        50: "#f0f9ff",
+        100: "#e0f2fe",
+        200: "#bae6fd",
+        300: "#7dd3fc",
+        400: "#38bdf8",
+        500: "#0ea5e9",
+        600: "#0284c7",
+        700: "#0369a1",
+        800: "#075985",
+        900: "#0c4a6e",
+        950: "#082f49"
+      },
+      blue: {
+        50: "#eff6ff",
+        100: "#dbeafe",
+        200: "#bfdbfe",
+        300: "#93c5fd",
+        400: "#60a5fa",
+        500: "#3b82f6",
+        600: "#2563eb",
+        700: "#1d4ed8",
+        800: "#1e40af",
+        900: "#1e3a8a",
+        950: "#172554"
+      },
+      indigo: {
+        50: "#eef2ff",
+        100: "#e0e7ff",
+        200: "#c7d2fe",
+        300: "#a5b4fc",
+        400: "#818cf8",
+        500: "#6366f1",
+        600: "#4f46e5",
+        700: "#4338ca",
+        800: "#3730a3",
+        900: "#312e81",
+        950: "#1e1b4b"
+      },
+      violet: {
+        50: "#f5f3ff",
+        100: "#ede9fe",
+        200: "#ddd6fe",
+        300: "#c4b5fd",
+        400: "#a78bfa",
+        500: "#8b5cf6",
+        600: "#7c3aed",
+        700: "#6d28d9",
+        800: "#5b21b6",
+        900: "#4c1d95",
+        950: "#2e1065"
+      },
+      purple: {
+        50: "#faf5ff",
+        100: "#f3e8ff",
+        200: "#e9d5ff",
+        300: "#d8b4fe",
+        400: "#c084fc",
+        500: "#a855f7",
+        600: "#9333ea",
+        700: "#7e22ce",
+        800: "#6b21a8",
+        900: "#581c87",
+        950: "#3b0764"
+      },
+      fuchsia: {
+        50: "#fdf4ff",
+        100: "#fae8ff",
+        200: "#f5d0fe",
+        300: "#f0abfc",
+        400: "#e879f9",
+        500: "#d946ef",
+        600: "#c026d3",
+        700: "#a21caf",
+        800: "#86198f",
+        900: "#701a75",
+        950: "#4a044e"
+      },
+      pink: {
+        50: "#fdf2f8",
+        100: "#fce7f3",
+        200: "#fbcfe8",
+        300: "#f9a8d4",
+        400: "#f472b6",
+        500: "#ec4899",
+        600: "#db2777",
+        700: "#be185d",
+        800: "#9d174d",
+        900: "#831843",
+        950: "#500724"
+      },
+      rose: {
+        50: "#fff1f2",
+        100: "#ffe4e6",
+        200: "#fecdd3",
+        300: "#fda4af",
+        400: "#fb7185",
+        500: "#f43f5e",
+        600: "#e11d48",
+        700: "#be123c",
+        800: "#9f1239",
+        900: "#881337",
+        950: "#4c0519"
+      },
+      get lightBlue() {
+        warn({
+          version: "v2.2",
+          from: "lightBlue",
+          to: "sky"
+        });
+        return this.sky;
+      },
+      get warmGray() {
+        warn({
+          version: "v3.0",
+          from: "warmGray",
+          to: "stone"
+        });
+        return this.stone;
+      },
+      get trueGray() {
+        warn({
+          version: "v3.0",
+          from: "trueGray",
+          to: "neutral"
+        });
+        return this.neutral;
+      },
+      get coolGray() {
+        warn({
+          version: "v3.0",
+          from: "coolGray",
+          to: "gray"
+        });
+        return this.gray;
+      },
+      get blueGray() {
+        warn({
+          version: "v3.0",
+          from: "blueGray",
+          to: "slate"
+        });
+        return this.slate;
+      }
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/colors.js
+var require_colors2 = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/colors.js"(exports2, module2) {
+    "use strict";
+    var colors2 = require_colors();
+    module2.exports = (colors2.__esModule ? colors2 : { default: colors2 }).default;
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default,
+  theme: () => theme
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  Dialog: () => Dialog,
+  Header: () => Header,
+  Headline: () => Headline,
+  Link: () => Link,
+  List: () => List,
+  Menu: () => Menu,
+  Message: () => Message,
+  Popover: () => Popover,
+  Table: () => Table,
+  Tabs: () => Tabs,
+  Text: () => Text,
+  Underlay: () => Underlay
+});
+
+// src/components/Button.styles.ts
+var import_system = require("@marigold/system");
+var Button = (0, import_system.cva)("flex gap-2 rounded-sm", {
+  variants: {
+    variant: {
+      ghost: "text-secondary-700 hover:text-secondary-900 p-0",
+      menu: "text-secondary-700 hover:bg-secondary-400/20 rounded-lg px-2 py-1",
+      sunken: "text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg",
+      inverted: "bg-secondary-100"
+    },
+    size: {
+      small: "px-3 py-1.5 text-sm",
+      default: "px-3 py-2"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+
+// src/components/Card.styles.ts
+var import_system2 = require("@marigold/system");
+var Card = (0, import_system2.cva)(
+  ["bg-bg-surface rounded-xl border shadow"],
+  {
+    variants: {
+      variant: {
+        default: "p-6",
+        hovering: "p-6 transition-shadow hover:cursor-pointer hover:shadow-md"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+
+// src/components/Dialog.styles.ts
+var import_system3 = require("@marigold/system");
+var Dialog = {
+  closeButton: (0, import_system3.cva)("absolute right-2 top-2", {
+    variants: {
+      variant: {
+        fullscreen: ["size-6", "right-4 top-4"]
+      }
+    }
+  }),
+  container: (0, import_system3.cva)("bg-bg-surface", {
+    variants: {
+      variant: {
+        default: "relative rounded-lg shadow-lg",
+        codeblock: [
+          "static px-0 py-6",
+          "bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg",
+          "scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto",
+          "*:max-h-none *:min-w-[75vw]"
+        ],
+        fullscreen: "h-screen w-screen px-4 pb-8 pt-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  })
+};
+
+// src/components/Header.styles.ts
+var import_system4 = require("@marigold/system");
+var Header = (0, import_system4.cva)();
+
+// src/components/Headline.styles.ts
+var import_system5 = require("@marigold/system");
+var Headline = (0, import_system5.cva)("[&>*]:no-underline", {
+  variants: {
+    size: {
+      "level-1": "scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl",
+      "level-2": "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0",
+      "level-3": "scroll-m-20 text-2xl font-semibold tracking-tight",
+      "level-4": "scroll-m-20 text-xl font-semibold tracking-tight",
+      "level-5": "mt-8 scroll-m-20 text-lg font-semibold tracking-tight",
+      "level-6": "mt-8 scroll-m-20 text-base font-semibold tracking-tight"
+    }
+  }
+});
+
+// src/components/Link.styles.ts
+var import_system6 = require("@marigold/system");
+var Link = (0, import_system6.cva)(
+  ["font-medium underline underline-offset-4"],
+  {
+    variants: {
+      variant: {
+        toc: [
+          "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
+          "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
+        ]
+      }
+    }
+  }
+);
+
+// src/components/List.styles.ts
+var import_system7 = require("@marigold/system");
+var List = {
+  ul: (0, import_system7.cva)("list-inside list-none"),
+  ol: (0, import_system7.cva)(""),
+  item: (0, import_system7.cva)("list-none py-0.5")
+};
+
+// src/components/Menu.styles.ts
+var import_system8 = require("@marigold/system");
+var Menu = {
+  container: (0, import_system8.cva)(
+    [
+      "border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md",
+      "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
+    ],
+    {
+      variants: {
+        variant: {
+          command: "[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y"
+        }
+      }
+    }
+  ),
+  item: (0, import_system8.cva)("focus:bg-bg-hover cursor-pointer rounded p-2 outline-none", {
+    variants: {
+      variant: {
+        command: ["aria-selected:bg-bg-hover px-4 py-1.5"]
+      }
+    }
+  }),
+  section: (0, import_system8.cva)("", {
+    variants: {
+      variant: {
+        command: "[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium"
+      }
+    }
+  })
+};
+
+// src/components/Message.styles.ts
+var import_system9 = require("@marigold/system");
+var Message = {
+  container: (0, import_system9.cva)("not-prose relative w-full rounded-lg p-4 pl-11", {
+    variants: {
+      variant: {
+        info: "bg-bg-info text-text-info",
+        warning: "bg-bg-warning text-text-warning"
+      }
+    }
+  }),
+  icon: (0, import_system9.cva)("absolute left-3 top-3 block size-6"),
+  title: (0, import_system9.cva)("mb-1 font-bold leading-none tracking-tight"),
+  content: (0, import_system9.cva)("text-sm [&_p]:leading-relaxed")
+};
+
+// src/components/Popover.styles.ts
+var import_system10 = require("@marigold/system");
+var Popover = (0, import_system10.cva)([""], {
+  variants: {
+    variant: {
+      top: ["mb-1"],
+      bottom: ["mt-1"],
+      right: [""],
+      left: [""]
+    }
+  }
+});
+
+// src/components/Tabs.styles.ts
+var import_system11 = require("@marigold/system");
+var Tabs = {
+  container: (0, import_system11.cva)(""),
+  tabpanel: (0, import_system11.cva)(""),
+  tabsList: (0, import_system11.cva)("mb-4 border-b"),
+  tab: (0, import_system11.cva)([
+    "text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium",
+    "aria-selected:border-border-primary -m-px border-b-2 border-transparent",
+    "focus:outline-none focus-visible:outline"
+  ])
+};
+
+// src/components/Table.styles.ts
+var import_system12 = require("@marigold/system");
+var Table = {
+  table: (0, import_system12.cva)("table w-full text-sm"),
+  cell: (0, import_system12.cva)(" mt-4 hyphens-auto px-4 py-2 text-sm", {
+    variants: {
+      variant: {
+        colorTable: "p-4 align-middle"
+      }
+    }
+  }),
+  header: (0, import_system12.cva)("border-b px-4 py-2 text-start"),
+  row: (0, import_system12.cva)("border-b", {
+    variants: {
+      variant: {
+        hover: "hover:bg-neutral-100/50 "
+      }
+    }
+  })
+};
+
+// src/components/Text.styles.ts
+var import_system13 = require("@marigold/system");
+var Text = (0, import_system13.cva)(
+  "leading-7 [&:not(:first-child)]:mt-6",
+  {
+    variants: {
+      variant: {
+        lead: "text-muted-foreground text-xl",
+        large: "text-lg font-semibold",
+        small: "text-sm font-medium leading-none",
+        muted: "text-muted-foreground text-sm"
+      }
+    }
+  }
+);
+
+// src/components/Underlay.styles.ts
+var import_system14 = require("@marigold/system");
+var Underlay = (0, import_system14.cva)("", {
+  variants: {
+    variant: {
+      modal: "bg-bg-underlay/50 backdrop-blur-sm"
+    }
+  }
+});
+
+// src/components/Badge.styles.ts
+var import_system15 = require("@marigold/system");
+var Badge = (0, import_system15.cva)(
+  "inline-flex items-center truncate rounded-[20px] px-2 py-0.5",
+  {
+    variants: {
+      variant: {
+        dark: "bg-bg-surface-lowered text-white"
+      },
+      size: {
+        default: "text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "dark",
+      size: "default"
+    }
+  }
+);
+
+// src/root.ts
+var import_system16 = require("@marigold/system");
+var root = (0, import_system16.cva)("text-text-primary bg-bg-body");
+
+// src/tokens.ts
+var import_colors = __toESM(require_colors2());
+var brand = {
+  primary: {
+    50: "#fff2e6",
+    100: "#fee6cd",
+    200: "#fdcc9b",
+    300: "#fcb369",
+    400: "#fb9937",
+    500: "#fa8005",
+    600: "#c86604",
+    700: "#964d03",
+    800: "#643302",
+    900: "#321a01",
+    950: "#190d00"
+  }
+};
+var code = {
+  "50": "#f6f7f9",
+  "100": "#ebecf3",
+  "200": "#d3d6e4",
+  "300": "#acb3cd",
+  "400": "#808cb0",
+  "500": "#606e97",
+  "600": "#4b557e",
+  "700": "#3e4666",
+  "800": "#363d56",
+  "900": "#292d3e",
+  "950": "#202231"
+};
+var colors = {
+  // Brand
+  // ---------------
+  ...brand,
+  secondary: import_colors.default.slate,
+  code,
+  // Text
+  // ---------------
+  text: {
+    primary: {
+      DEFAULT: import_colors.default.slate[950],
+      muted: import_colors.default.slate[500]
+    },
+    // State
+    info: import_colors.default.blue[800],
+    warning: import_colors.default.amber[800]
+  },
+  // Background
+  // ---------------
+  bg: {
+    body: import_colors.default.slate[50],
+    hover: import_colors.default.neutral[100],
+    muted: import_colors.default.slate[100],
+    underlay: import_colors.default.slate[500],
+    surface: {
+      DEFAULT: import_colors.default.white,
+      raised: import_colors.default.slate[200],
+      lowered: import_colors.default.slate[700],
+      overlay: import_colors.default.white
+    },
+    // Status
+    info: import_colors.default.blue[100],
+    warning: import_colors.default.amber[50]
+  },
+  // Border
+  // ---------------
+  border: {
+    DEFAULT: import_colors.default.slate[300],
+    primary: import_colors.default.slate[950]
+  }
+};
+
+// src/index.ts
+var theme = {
+  name: "docs",
+  screens: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "2xl": "1536px"
+  },
+  root,
+  colors,
+  components: components_exports
+};
+var src_default = theme;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  theme
+});
+//# sourceMappingURL=index.js.map