@marigold/theme-docs 2.0.0 → 2.0.2

package/dist/index.js

@@ -1,13 +1,8 @@
 "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 });
@@ -20,515 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   }
   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, {
@@ -549,8 +37,8 @@ __export(components_exports, {
   Link: () => Link,
   List: () => List,
   Menu: () => Menu,
-  Message: () => Message,
   Popover: () => Popover,
+  SectionMessage: () => SectionMessage,
   Table: () => Table,
   Tabs: () => Tabs,
   Text: () => Text,
@@ -614,7 +102,8 @@ var Dialog = {
           "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"
+        fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
+        zoom: "max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]"
       }
     },
     defaultVariants: {
@@ -700,16 +189,22 @@ var Menu = {
 
 // 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"
+var SectionMessage = {
+  container: (0, import_system9.cva)(
+    [
+      "not-prose items-center rounded-lg p-4",
+      'grid-cols-[min-content,auto] gap-1 [grid-template-areas:"icon_title_title""none_content_content"]'
+    ],
+    {
+      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"),
+  ),
+  icon: (0, import_system9.cva)("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")
 };
@@ -812,7 +307,59 @@ 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 white = "#fff";
+var amber = {
+  50: "#fffbeb",
+  100: "#fef3c7",
+  200: "#fde68a",
+  300: "#fcd34d",
+  400: "#fbbf24",
+  500: "#f59e0b",
+  600: "#d97706",
+  700: "#b45309",
+  800: "#92400e",
+  900: "#78350f",
+  950: "#451a03"
+};
+var blue = {
+  50: "#eff6ff",
+  100: "#dbeafe",
+  200: "#bfdbfe",
+  300: "#93c5fd",
+  400: "#60a5fa",
+  500: "#3b82f6",
+  600: "#2563eb",
+  700: "#1d4ed8",
+  800: "#1e40af",
+  900: "#1e3a8a",
+  950: "#172554"
+};
+var neutral = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#e5e5e5",
+  300: "#d4d4d4",
+  400: "#a3a3a3",
+  500: "#737373",
+  600: "#525252",
+  700: "#404040",
+  800: "#262626",
+  900: "#171717",
+  950: "#0a0a0a"
+};
+var slate = {
+  50: "#f8fafc",
+  100: "#f1f5f9",
+  200: "#e2e8f0",
+  300: "#cbd5e1",
+  400: "#94a3b8",
+  500: "#64748b",
+  600: "#475569",
+  700: "#334155",
+  800: "#1e293b",
+  900: "#0f172a",
+  950: "#020617"
+};
 var brand = {
   primary: {
     50: "#fff2e6",
@@ -845,41 +392,41 @@ var colors = {
   // Brand
   // ---------------
   ...brand,
-  secondary: import_colors.default.slate,
+  secondary: slate,
   code,
   // Text
   // ---------------
   text: {
     primary: {
-      DEFAULT: import_colors.default.slate[950],
-      muted: import_colors.default.slate[500]
+      DEFAULT: slate[950],
+      muted: slate[500]
     },
     // State
-    info: import_colors.default.blue[800],
-    warning: import_colors.default.amber[800]
+    info: blue[800],
+    warning: 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],
+    body: slate[50],
+    hover: neutral[100],
+    muted: slate[100],
+    underlay: 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
+      DEFAULT: white,
+      raised: slate[200],
+      lowered: slate[700],
+      overlay: white
     },
     // Status
-    info: import_colors.default.blue[100],
-    warning: import_colors.default.amber[50]
+    info: blue[100],
+    warning: amber[50]
   },
   // Border
   // ---------------
   border: {
-    DEFAULT: import_colors.default.slate[300],
-    primary: import_colors.default.slate[950]
+    DEFAULT: slate[300],
+    primary: slate[950]
   }
 };