@mintlify/components 0.4.17 → 1.0.1

package/dist/utils/shiki/snippet-presets.js

@@ -0,0 +1,149 @@
+const i = [
+  {
+    key: "bash",
+    aliases: ["curl", "sh", "shell"],
+    displayName: "cURL",
+    shikiLanguage: "bash",
+    httpSnippet: { target: "shell" }
+  },
+  {
+    key: "python",
+    aliases: ["py"],
+    displayName: "Python",
+    shikiLanguage: "python",
+    httpSnippet: { target: "python", client: "requests" }
+  },
+  {
+    key: "javascript",
+    aliases: ["js"],
+    displayName: "JavaScript",
+    shikiLanguage: "javascript",
+    httpSnippet: { target: "javascript", client: "fetch" }
+  },
+  {
+    key: "node",
+    aliases: ["nodejs", "node.js"],
+    displayName: "Node.js",
+    iconKey: "node",
+    shikiLanguage: "javascript",
+    httpSnippet: { target: "node", client: "fetch" }
+  },
+  {
+    key: "php",
+    displayName: "PHP",
+    shikiLanguage: "php",
+    httpSnippet: { target: "php", client: "curl" }
+  },
+  {
+    key: "go",
+    aliases: ["golang"],
+    displayName: "Go",
+    shikiLanguage: "go",
+    httpSnippet: { target: "go" }
+  },
+  {
+    key: "java",
+    displayName: "Java",
+    shikiLanguage: "java",
+    httpSnippet: { target: "java" }
+  },
+  {
+    key: "ruby",
+    aliases: ["rb"],
+    displayName: "Ruby",
+    shikiLanguage: "ruby",
+    httpSnippet: { target: "ruby" }
+  },
+  {
+    key: "powershell",
+    displayName: "PowerShell",
+    shikiLanguage: "bash",
+    // shiki doesn't have powershell in our LANGS
+    httpSnippet: { target: "powershell" }
+  },
+  {
+    key: "swift",
+    displayName: "Swift",
+    shikiLanguage: "swift",
+    httpSnippet: { target: "swift" }
+  },
+  {
+    key: "csharp",
+    aliases: ["c#"],
+    displayName: "C#",
+    shikiLanguage: "csharp",
+    httpSnippet: { target: "csharp", client: "restsharp" }
+  },
+  {
+    key: "dotnet",
+    aliases: [".net", ".NET", "dotnet", "dot-net"],
+    displayName: ".NET",
+    iconKey: "dot-net",
+    shikiLanguage: "csharp",
+    httpSnippet: { target: "csharp", client: "restsharp" }
+  },
+  {
+    key: "typescript",
+    aliases: ["ts"],
+    displayName: "TypeScript",
+    shikiLanguage: "typescript",
+    httpSnippet: { target: "javascript", client: "fetch" }
+  },
+  {
+    key: "c",
+    displayName: "C",
+    shikiLanguage: "c",
+    httpSnippet: { target: "c" }
+  },
+  {
+    key: "c++",
+    aliases: ["cpp"],
+    displayName: "C++",
+    shikiLanguage: "c++",
+    iconKey: "cplusplus",
+    httpSnippet: { target: "c" }
+  },
+  {
+    key: "kotlin",
+    aliases: ["kt"],
+    displayName: "Kotlin",
+    shikiLanguage: "kotlin",
+    httpSnippet: { target: "kotlin" }
+  },
+  {
+    key: "rust",
+    aliases: ["rs"],
+    displayName: "Rust",
+    shikiLanguage: "rust",
+    httpSnippet: { target: "rust" }
+  },
+  {
+    key: "dart",
+    aliases: ["flutter"],
+    displayName: "Dart",
+    shikiLanguage: "dart",
+    httpSnippet: { target: "dart" }
+  }
+], a = /* @__PURE__ */ new Map();
+for (const e of i) {
+  a.set(e.key.toLowerCase(), e);
+  for (const t of e.aliases ?? [])
+    a.set(t.toLowerCase(), e);
+}
+const s = (e) => a.get(e.toLowerCase()), p = (e) => {
+  var t;
+  return ((t = s(e)) == null ? void 0 : t.displayName) ?? e;
+}, n = (e) => {
+  const t = s(e);
+  return t ? t.iconKey ?? t.key : void 0;
+}, r = (e) => {
+  var t;
+  return ((t = s(e)) == null ? void 0 : t.shikiLanguage) ?? e;
+};
+export {
+  i as SNIPPET_PRESETS,
+  p as getDisplayName,
+  n as getIconKey,
+  s as getPreset,
+  r as getShikiLanguageFromPreset
+};

package/dist/utils/shiki/worker-client.d.ts

@@ -0,0 +1,10 @@
+import { Remote } from 'comlink';
+import { ShikiHighlightedHtmlArgs } from '../shiki';
+type HighlightFn = (props: ShikiHighlightedHtmlArgs) => string | undefined | Promise<string | undefined>;
+type ShikiWorkerInstance = Remote<{
+    highlight: HighlightFn;
+    ready: () => Promise<void>;
+}> | undefined;
+declare function getShikiWorker(): ShikiWorkerInstance;
+export { getShikiWorker };
+//# sourceMappingURL=worker-client.d.ts.map

package/dist/utils/shiki/worker-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-client.d.ts","sourceRoot":"","sources":["../../../src/utils/shiki/worker-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAQ,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,KAAK,WAAW,GAAG,CACjB,KAAK,EAAE,wBAAwB,KAC5B,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;AACtD,KAAK,mBAAmB,GACpB,MAAM,CAAC;IAAE,SAAS,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAAC,GAC9D,SAAS,CAAC;AAId,iBAAS,cAAc,IAAI,mBAAmB,CAY7C;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/utils/shiki/worker-client.js

@@ -0,0 +1,19 @@
+import { wrap as t } from "../../node_modules/.pnpm/comlink@4.4.2/node_modules/comlink/dist/esm/comlink.js";
+let r;
+function n() {
+  if (typeof Worker > "u")
+    return;
+  if (r)
+    return r;
+  const e = new Worker(new URL(
+    /* @vite-ignore */
+    "/assets/worker-DAn5D1Z1.js",
+    import.meta.url
+  ), {
+    type: "module"
+  });
+  return r = t(e), r;
+}
+export {
+  n as getShikiWorker
+};

package/dist/utils/slugify.d.ts

@@ -0,0 +1,3 @@
+declare const slugify: (str: string) => string;
+export { slugify };
+//# sourceMappingURL=slugify.d.ts.map

package/dist/utils/slugify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slugify.d.ts","sourceRoot":"","sources":["../../src/utils/slugify.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO,GAAI,KAAK,MAAM,KAAG,MAO9B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/utils/slugify.js

@@ -0,0 +1,4 @@
+const r = (e) => e.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "");
+export {
+  r as slugify
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintlify/components",
-  "version": "0.4.17",
-  "description": "Mintlify Headless UI components",
+  "version": "1.0.1",
+  "description": "Mintlify open-source UI components",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -15,9 +15,7 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css",
-    "./styles.nolayered.css": "./dist/styles.nolayered.css",
-    "./*.css": "./dist/components/*/*.css"
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist",
@@ -27,7 +25,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/mintlify/components.git",
-    "directory": "components/packages/react"
+    "directory": "packages/react"
   },
   "bugs": {
     "url": "https://github.com/mintlify/components/issues"
@@ -39,58 +37,71 @@
     "react",
     "components",
     "ui",
-    "headless",
     "mintlify",
-    "design-system",
     "tailwindcss"
   ],
   "engines": {
     "node": ">=20.0.0"
   },
   "scripts": {
-    "dev": "pnpm generate:theme && vite build --watch",
-    "build": "pnpm generate:theme && tsc && vite build && pnpm generate:nolayered-css",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "lint:css": "stylelint '**/*.css'",
-    "lint:all": "pnpm lint && pnpm lint:css",
+    "dev": "vite build --watch",
+    "build": "tsc && vite build && pnpm build:css",
+    "build:css": "npx @tailwindcss/cli -i ./src/styles.css -o ./dist/styles.css --minify",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build",
+    "lint:check": "biome check .",
+    "lint:fix": "biome check --write .",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "generate:theme": "tsx scripts/generate-theme-css.ts",
-    "generate:nolayered-css": "tsx scripts/generate-nolayered-css.ts"
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@base-ui-components/react": "1.0.0-beta.6",
-    "clsx": "^2.1.1",
-    "color": "^5.0.3"
+    "@base-ui/react": "1.1.0",
+    "@shikijs/transformers": "3.21.0",
+    "@sindresorhus/slugify": "2.2.1",
+    "clsx": "2.1.1",
+    "color": "4.2.3",
+    "comlink": "4.4.2",
+    "hast": "1.0.0",
+    "lodash": "4.17.23",
+    "lucide-react": "0.453.0",
+    "mermaid": "11.12.2",
+    "react-use-rect": "2.0.6",
+    "shiki": "3.21.0",
+    "tailwind-merge": "2.6.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.0.8",
-    "@storybook/react-vite": "^10.0.8",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@types/color": "^3.0.6",
-    "@types/node": "^22.10.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.22",
-    "eslint": "^9.15.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "eslint-plugin-storybook": "^10.0.8",
-    "next-themes": "^0.4.6",
-    "postcss": "^8.5.6",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^10.0.8",
-    "tailwindcss": "^4.1.17",
-    "typescript": "^5.7.2",
-    "vite": "^6.0.1",
-    "vite-plugin-dts": "^4.3.0"
+    "@shikijs/types": "3.21.0",
+    "@storybook/addon-docs": "10.1.11",
+    "@storybook/react-vite": "10.1.11",
+    "@tailwindcss/cli": "4.1.18",
+    "@tailwindcss/postcss": "4.1.18",
+    "@tailwindcss/typography": "0.5.19",
+    "@tailwindcss/vite": "4.1.18",
+    "@types/color": "4.2.0",
+    "@types/hast": "3.0.4",
+    "@types/lodash": "4.17.23",
+    "@types/node": "22.19.1",
+    "@types/react": "18.3.27",
+    "@types/react-dom": "18.3.7",
+    "@typescript-eslint/eslint-plugin": "8.47.0",
+    "@typescript-eslint/parser": "8.47.0",
+    "@vitejs/plugin-react": "4.7.0",
+    "globals": "15.15.0",
+    "mini-svg-data-uri": "1.4.4",
+    "next-themes": "0.4.6",
+    "postcss": "8.5.6",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "rimraf": "6.0.1",
+    "storybook": "10.1.11",
+    "tailwindcss": "4.1.18",
+    "typescript": "5.9.3",
+    "ultracite": "7.0.12",
+    "vite": "6.4.1",
+    "vite-plugin-dts": "4.5.4"
   }
 }

package/dist/components/frame/frame.css

@@ -1 +0,0 @@
-@layer mt-components{.mt-frame-container{display:block}.mt-frame-hint{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.mt-frame-hint-icon{flex-shrink:0;width:1rem;height:1rem;fill:var(--mt-frame-hint-icon-fill, rgb(156 163 175))}.mt-frame-hint-text{font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--mt-frame-hint-text-color, rgb(55 65 81))}.mt-frame{position:relative;padding:.5rem;border-radius:1rem;overflow:hidden;background-color:var(--mt-frame-bg, rgb(249 250 251 / 50%))}.mt-frame-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var( --mt-frame-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(229 229 229 / 0.2)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e") );background-position:10px 10px;mask-image:var( --mt-frame-background-mask, linear-gradient(0deg, #fff, rgb(255 255 255 / 60%)) );-webkit-mask-image:var( --mt-frame-background-mask, linear-gradient(0deg, #fff, rgb(255 255 255 / 60%)) )}.mt-frame-content{position:relative;display:flex;justify-content:center;border-radius:.75rem;overflow:hidden;background-color:var(--mt-frame-content-bg, rgb(255 255 255))}.mt-frame-caption{position:relative;display:flex;justify-content:center;margin-top:.75rem;padding:0 2rem .5rem;font-size:.875rem;line-height:1.25rem;color:var(--mt-frame-caption-color, rgb(55 65 81))}.mt-frame-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid var(--mt-frame-border-color, rgb(0 0 0 / 5%));border-radius:1rem}:is(.dark,.dark-theme) .mt-frame{background-color:var(--mt-frame-bg, rgb(31 41 55 / 25%))}:is(.dark,.dark-theme) .mt-frame-hint-icon{fill:var(--mt-frame-hint-icon-fill, rgb(209 213 219))}:is(.dark,.dark-theme) .mt-frame-hint-text{color:var(--mt-frame-hint-text-color, rgb(229 231 235))}:is(.dark,.dark-theme) .mt-frame-background{background-image:var( --mt-frame-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(255 255 255 / 0.05)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e") );mask-image:var( --mt-frame-background-mask, linear-gradient(0deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 50%)) );-webkit-mask-image:var( --mt-frame-background-mask, linear-gradient(0deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 50%)) )}:is(.dark,.dark-theme) .mt-frame-content{background-color:var(--mt-frame-content-bg, rgb(17 24 39))}:is(.dark,.dark-theme) .mt-frame-caption{color:var(--mt-frame-caption-color, rgb(156 163 175))}:is(.dark,.dark-theme) .mt-frame-border{border-color:var(--mt-frame-border-color, rgb(255 255 255 / 5%))}}

package/dist/constants/env.js

@@ -1,4 +0,0 @@
-const e = process.env.NODE_ENV === "development";
-export {
-  e as IS_DEV
-};