@mui/internal-docs-infra 0.1.1-alpha.3 → 0.1.1-canary.0

package/README.md

@@ -14,6 +14,4 @@ npm install @mui/internal-docs-infra
 
 ## Documentation
 
-This is stored in the `docs` directory.
-
-[Read More](./docs/README.md)
+We have no documentation for these components.

package/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/esm/useCopier/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type OnCopied = () => void;
+type OnCopyError = (error: unknown) => void;
+type OnCopyClick = (event: React.MouseEvent<HTMLButtonElement>) => void;
+export type UseCopierOpts = {
+  onCopied?: OnCopied;
+  onError?: OnCopyError;
+  onClick?: OnCopyClick;
+  timeout?: number;
+};
+export declare function useCopier(contents: (() => string | undefined) | string, opts?: UseCopierOpts): {
+  copy: (event: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
+  disabled: boolean;
+};
+export {};

package/esm/useCopier/index.js

@@ -0,0 +1,62 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import copyToClipboard from 'clipboard-copy';
+export function useCopier(contents, opts) {
+  var _ref = opts || {},
+    onCopied = _ref.onCopied,
+    onError = _ref.onError,
+    onClick = _ref.onClick,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 2000 : _ref$timeout;
+  var copyTimeoutRef = React.useRef(undefined);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    disabled = _React$useState2[0],
+    setDisabled = _React$useState2[1];
+  var copy = React.useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      var content;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            clearTimeout(copyTimeoutRef.current);
+            setDisabled(true);
+            _context.prev = 2;
+            content = typeof contents === 'function' ? contents() : contents;
+            if (!content) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 7;
+            return copyToClipboard(content);
+          case 7:
+            onCopied == null || onCopied();
+            _context.next = 13;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](2);
+            onError == null || onError(_context.t0);
+          case 13:
+            onClick == null || onClick(event);
+            copyTimeoutRef.current = setTimeout(function () {
+              clearTimeout(copyTimeoutRef.current);
+              setDisabled(false);
+            }, timeout);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 10]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [contents, timeout, onCopied, onError, onClick]);
+  return {
+    copy: copy,
+    disabled: disabled
+  };
+}

package/{useCode/useCode.d.ts → esm/useDemo/index.d.ts}

@@ -1,37 +1,51 @@
 import * as React from 'react';
+import { Nodes } from 'hast';
 import { UseCopierOpts } from "../useCopier/index.js";
-import { ContentProps } from "../CodeHighlighter/types.js";
-type UseCodeOpts = {
+type Source = Nodes;
+export type Variant = {
+  component: React.ReactNode;
+  fileName: string;
+  source: Source;
+  extraSource?: {
+    [key: string]: Source;
+  };
+};
+export type Demo = {
+  name?: string;
+  slug?: string;
+  description?: string;
+  variants: {
+    [key: string]: Variant;
+  };
+};
+type UseDemoOpts = {
   defaultOpen?: boolean;
   copy?: UseCopierOpts;
   githubUrlPrefix?: string;
   codeSandboxUrlPrefix?: string;
   stackBlitzPrefix?: string;
-  initialVariant?: string;
-  initialTransform?: string;
 };
-export interface UseCodeResult {
+export declare function useDemo(demo: Demo, opts?: UseDemoOpts): {
   component: React.ReactNode;
+  name: string | undefined;
+  slug: string | undefined;
+  description: string | undefined;
   ref: React.RefObject<HTMLDivElement | null>;
   variants: string[];
   selectedVariant: string;
   selectVariant: React.Dispatch<React.SetStateAction<string>>;
-  files: Array<{
+  files: {
     name: string;
-    component: React.ReactNode;
-  }>;
-  selectedFile: React.ReactNode;
+    component: JSX.Element;
+  }[];
+  selectedFile: any;
   selectedFileName: string;
-  selectFileName: (fileName: string) => void;
+  selectFileName: React.Dispatch<React.SetStateAction<string>>;
   expanded: boolean;
   expand: () => void;
   setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
   resetFocus: () => void;
   copy: (event: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
   copyDisabled: boolean;
-  availableTransforms: string[];
-  selectedTransform: string | null | undefined;
-  selectTransform: (transformName: string | null) => void;
-}
-export declare function useCode(contentProps: ContentProps, opts?: UseCodeOpts): UseCodeResult;
+};
 export {};

package/esm/useDemo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useDemo/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAK7B,OAAO,EAAa,aAAa,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,MAAM,GAAG,KAAK,CAAC;AACpB,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACzC,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;CACtC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAMF,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;EA0ErD"}

package/esm/useDemo/index.js

@@ -0,0 +1,104 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import { Fragment, jsx, jsxs } from 'react/jsx-runtime';
+import { toText } from 'hast-util-to-text';
+import { toJsxRuntime } from 'hast-util-to-jsx-runtime';
+import kebabCase from 'kebab-case';
+import { useCopier } from "../useCopier/index.js";
+function toComponent(source) {
+  return toJsxRuntime(source, {
+    Fragment: Fragment,
+    jsx: jsx,
+    jsxs: jsxs
+  });
+}
+export function useDemo(demo, opts) {
+  var _ref = opts || {},
+    copyOpts = _ref.copy,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen;
+  var slug = React.useMemo(function () {
+    return demo.slug || (demo.name ? kebabCase(demo.name, false) : undefined);
+  }, [demo.slug, demo.name]);
+  var _React$useState = React.useState(defaultOpen),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expanded = _React$useState2[0],
+    setExpanded = _React$useState2[1];
+  var expand = React.useCallback(function () {
+    return setExpanded(true);
+  }, []);
+  var ref = React.useRef(null);
+  var resetFocus = React.useCallback(function () {
+    var _ref$current;
+    (_ref$current = ref.current) == null || _ref$current.focus();
+  }, []);
+  var variantKeys = React.useMemo(function () {
+    return Object.keys(demo.variants);
+  }, [demo.variants]);
+  var _React$useState3 = React.useState(variantKeys[0]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    selectedVariantKey = _React$useState4[0],
+    setSelectedVariantKey = _React$useState4[1];
+  var selectedVariant = demo.variants[selectedVariantKey];
+  var _React$useState5 = React.useState(selectedVariant.fileName),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    selectedFileName = _React$useState6[0],
+    setSelectedFileName = _React$useState6[1];
+  var selectedFile = React.useMemo(function () {
+    var _selectedVariant$extr;
+    return selectedFileName === selectedVariant.fileName ? selectedVariant.source : (_selectedVariant$extr = selectedVariant.extraSource) == null ? void 0 : _selectedVariant$extr[selectedFileName];
+  }, [selectedFileName, selectedVariant]);
+
+  // if copying, convert the selected file's hast to text
+  var sourceFileToText = React.useCallback(function () {
+    return selectedFile && toText(selectedFile, {
+      whitespace: 'pre'
+    });
+  },
+  // TODO: allow passing the filename to copy
+  [selectedFile]);
+  var _useCopier = useCopier(sourceFileToText, copyOpts),
+    copy = _useCopier.copy,
+    copyDisabled = _useCopier.disabled;
+
+  // transform hast source to React components
+  var files = React.useMemo(function () {
+    var extraSource = selectedVariant.extraSource;
+    return [{
+      name: selectedVariant.fileName,
+      component: toComponent(selectedVariant.source)
+    }].concat(_toConsumableArray(extraSource ? Object.keys(extraSource).map(function (name) {
+      return {
+        name: name,
+        component: toComponent(extraSource[name])
+      };
+    }) : []));
+  }, [selectedVariant]);
+  var selectedFileComponent = React.useMemo(function () {
+    var matchedFile = files.find(function (file) {
+      return file.name === selectedFileName;
+    });
+    return matchedFile ? matchedFile.component : null;
+  }, [files, selectedFileName]);
+  return {
+    component: selectedVariant.component,
+    name: demo.name,
+    slug: slug,
+    description: demo.description,
+    ref: ref,
+    variants: variantKeys,
+    selectedVariant: selectedVariantKey,
+    selectVariant: setSelectedVariantKey,
+    files: files,
+    selectedFile: selectedFileComponent,
+    selectedFileName: selectedFileName,
+    selectFileName: setSelectedFileName,
+    expanded: expanded,
+    expand: expand,
+    setExpanded: setExpanded,
+    resetFocus: resetFocus,
+    copy: copy,
+    copyDisabled: copyDisabled
+  };
+}

package/package.json

@@ -1,17 +1,8 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.1.1-alpha.3",
+  "version": "0.1.1-canary.0",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
-  "type": "module",
-  "main": "./index.js",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": "./index.js",
-    "./*": "./*/index.js",
-    "./*/types": "./*/types.js",
-    "./*/errors": "./*/errors.js"
-  },
   "keywords": [
     "react",
     "react-component",
@@ -31,23 +22,12 @@
   "homepage": "https://github.com/mui/mui-public/tree/master/packages/docs-infra",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@babel/standalone": "^7.28.1",
-    "@wooorm/starry-night": "^3.8.0",
+    "@types/hast": "^3.0.4",
     "clipboard-copy": "^4.0.1",
+    "hast": "^1.0.0",
     "hast-util-to-jsx-runtime": "^2.3.6",
-    "hast-util-to-mdast": "^10.1.2",
     "hast-util-to-text": "^4.0.2",
-    "js-sha256": "^0.11.1",
-    "jsondiffpatch": "^0.7.3",
-    "kebab-case": "^2.0.2",
-    "prettier": "^3.5.3",
-    "rehype-parse": "^9.0.1",
-    "rehype-remark": "^10.0.1",
-    "rehype-sanitize": "^6.0.0",
-    "remark-stringify": "^11.0.0",
-    "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0",
-    "vscode-oniguruma": "^2.0.1"
+    "kebab-case": "^2.0.2"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -59,12 +39,37 @@
       "optional": true
     }
   },
-  "publishConfig": {
-    "access": "public",
-    "directory": "build"
-  },
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false
+  "gitSha": "874f7b535bb6647f1fc50086b11f8da2d4f27738",
+  "private": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      }
+    },
+    "./*": {
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
+      },
+      "import": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
+      }
+    },
+    "./esm": null,
+    "./modern": null
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/useCopier/index.js

@@ -1,9 +1,17 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import copyToClipboard from 'clipboard-copy';
-export function useCopier(contents, opts) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCopier = useCopier;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
+function useCopier(contents, opts) {
   var _ref = opts || {},
     onCopied = _ref.onCopied,
     onError = _ref.onError,
@@ -12,13 +20,13 @@ export function useCopier(contents, opts) {
     timeout = _ref$timeout === void 0 ? 2000 : _ref$timeout;
   var copyTimeoutRef = React.useRef(undefined);
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     disabled = _React$useState2[0],
     setDisabled = _React$useState2[1];
   var copy = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(event) {
       var content;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             clearTimeout(copyTimeoutRef.current);
@@ -30,7 +38,7 @@ export function useCopier(contents, opts) {
               break;
             }
             _context.next = 7;
-            return copyToClipboard(content);
+            return (0, _clipboardCopy["default"])(content);
           case 7:
             onCopied == null || onCopied();
             _context.next = 13;

package/useDemo/index.d.ts

@@ -1,39 +1,51 @@
 import * as React from 'react';
+import { Nodes } from 'hast';
 import { UseCopierOpts } from "../useCopier/index.js";
-import { ContentProps } from "../CodeHighlighter/types.js";
+type Source = Nodes;
+export type Variant = {
+  component: React.ReactNode;
+  fileName: string;
+  source: Source;
+  extraSource?: {
+    [key: string]: Source;
+  };
+};
+export type Demo = {
+  name?: string;
+  slug?: string;
+  description?: string;
+  variants: {
+    [key: string]: Variant;
+  };
+};
 type UseDemoOpts = {
   defaultOpen?: boolean;
   copy?: UseCopierOpts;
   githubUrlPrefix?: string;
   codeSandboxUrlPrefix?: string;
   stackBlitzPrefix?: string;
-  initialVariant?: string;
-  initialTransform?: string;
 };
-export declare function useDemo(contentProps: ContentProps, opts?: UseDemoOpts): {
+export declare function useDemo(demo: Demo, opts?: UseDemoOpts): {
+  component: React.ReactNode;
   name: string | undefined;
   slug: string | undefined;
   description: string | undefined;
-  component: React.ReactNode;
   ref: React.RefObject<HTMLDivElement | null>;
   variants: string[];
   selectedVariant: string;
   selectVariant: React.Dispatch<React.SetStateAction<string>>;
-  files: Array<{
+  files: {
     name: string;
-    component: React.ReactNode;
-  }>;
-  selectedFile: React.ReactNode;
+    component: JSX.Element;
+  }[];
+  selectedFile: any;
   selectedFileName: string;
-  selectFileName: (fileName: string) => void;
+  selectFileName: React.Dispatch<React.SetStateAction<string>>;
   expanded: boolean;
   expand: () => void;
   setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
   resetFocus: () => void;
   copy: (event: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
   copyDisabled: boolean;
-  availableTransforms: string[];
-  selectedTransform: string | null | undefined;
-  selectTransform: (transformName: string | null) => void;
 };
 export {};

package/useDemo/index.js

@@ -1,17 +1,112 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import * as React from 'react';
-import kebabCase from 'kebab-case';
-import { useCode } from "../useCode/index.js";
-// TODO: take initialVariant and initialTransforms as parameters
-export function useDemo(contentProps, opts) {
-  var codeResult = useCode(contentProps, opts);
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDemo = useDemo;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _hastUtilToText = require("hast-util-to-text");
+var _hastUtilToJsxRuntime = require("hast-util-to-jsx-runtime");
+var _kebabCase = _interopRequireDefault(require("kebab-case"));
+var _useCopier2 = require("../useCopier");
+function toComponent(source) {
+  return (0, _hastUtilToJsxRuntime.toJsxRuntime)(source, {
+    Fragment: _jsxRuntime.Fragment,
+    jsx: _jsxRuntime.jsx,
+    jsxs: _jsxRuntime.jsxs
+  });
+}
+function useDemo(demo, opts) {
+  var _ref = opts || {},
+    copyOpts = _ref.copy,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen;
   var slug = React.useMemo(function () {
-    return contentProps.slug || (contentProps.name ? kebabCase(contentProps.name, false) : undefined);
-  }, [contentProps.slug, contentProps.name]);
-  return _objectSpread(_objectSpread({}, codeResult), {}, {
-    // Demo-specific additions
-    name: contentProps.name,
+    return demo.slug || (demo.name ? (0, _kebabCase["default"])(demo.name, false) : undefined);
+  }, [demo.slug, demo.name]);
+  var _React$useState = React.useState(defaultOpen),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    expanded = _React$useState2[0],
+    setExpanded = _React$useState2[1];
+  var expand = React.useCallback(function () {
+    return setExpanded(true);
+  }, []);
+  var ref = React.useRef(null);
+  var resetFocus = React.useCallback(function () {
+    var _ref$current;
+    (_ref$current = ref.current) == null || _ref$current.focus();
+  }, []);
+  var variantKeys = React.useMemo(function () {
+    return Object.keys(demo.variants);
+  }, [demo.variants]);
+  var _React$useState3 = React.useState(variantKeys[0]),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    selectedVariantKey = _React$useState4[0],
+    setSelectedVariantKey = _React$useState4[1];
+  var selectedVariant = demo.variants[selectedVariantKey];
+  var _React$useState5 = React.useState(selectedVariant.fileName),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    selectedFileName = _React$useState6[0],
+    setSelectedFileName = _React$useState6[1];
+  var selectedFile = React.useMemo(function () {
+    var _selectedVariant$extr;
+    return selectedFileName === selectedVariant.fileName ? selectedVariant.source : (_selectedVariant$extr = selectedVariant.extraSource) == null ? void 0 : _selectedVariant$extr[selectedFileName];
+  }, [selectedFileName, selectedVariant]);
+
+  // if copying, convert the selected file's hast to text
+  var sourceFileToText = React.useCallback(function () {
+    return selectedFile && (0, _hastUtilToText.toText)(selectedFile, {
+      whitespace: 'pre'
+    });
+  },
+  // TODO: allow passing the filename to copy
+  [selectedFile]);
+  var _useCopier = (0, _useCopier2.useCopier)(sourceFileToText, copyOpts),
+    copy = _useCopier.copy,
+    copyDisabled = _useCopier.disabled;
+
+  // transform hast source to React components
+  var files = React.useMemo(function () {
+    var extraSource = selectedVariant.extraSource;
+    return [{
+      name: selectedVariant.fileName,
+      component: toComponent(selectedVariant.source)
+    }].concat((0, _toConsumableArray2["default"])(extraSource ? Object.keys(extraSource).map(function (name) {
+      return {
+        name: name,
+        component: toComponent(extraSource[name])
+      };
+    }) : []));
+  }, [selectedVariant]);
+  var selectedFileComponent = React.useMemo(function () {
+    var matchedFile = files.find(function (file) {
+      return file.name === selectedFileName;
+    });
+    return matchedFile ? matchedFile.component : null;
+  }, [files, selectedFileName]);
+  return {
+    component: selectedVariant.component,
+    name: demo.name,
     slug: slug,
-    description: contentProps.description
-  });
+    description: demo.description,
+    ref: ref,
+    variants: variantKeys,
+    selectedVariant: selectedVariantKey,
+    selectVariant: setSelectedVariantKey,
+    files: files,
+    selectedFile: selectedFileComponent,
+    selectedFileName: selectedFileName,
+    selectFileName: setSelectedFileName,
+    expanded: expanded,
+    expand: expand,
+    setExpanded: setExpanded,
+    resetFocus: resetFocus,
+    copy: copy,
+    copyDisabled: copyDisabled
+  };
 }

package/CodeControllerContext/CodeControllerContext.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { ControlledCode } from "../CodeHighlighter/types.js";
-export type Selection = {
-  variant: string;
-  fileName?: string;
-  transformKey?: string;
-};
-export interface CodeControllerContext {
-  code?: ControlledCode;
-  selection?: Selection;
-  setCode?: React.Dispatch<React.SetStateAction<ControlledCode | undefined>>;
-  setSelection?: React.Dispatch<React.SetStateAction<Selection>>;
-  components?: Record<string, React.ReactNode> | undefined;
-}
-export declare const CodeControllerContext: React.Context<CodeControllerContext | undefined>;
-export declare function useControlledCode(): {
-  controlledCode: ControlledCode | undefined;
-  controlledSelection: Selection | undefined;
-  controlledSetCode: React.Dispatch<React.SetStateAction<ControlledCode | undefined>> | undefined;
-  controlledSetSelection: React.Dispatch<React.SetStateAction<Selection>> | undefined;
-  controlledComponents: Record<string, React.ReactNode> | undefined;
-};

package/CodeControllerContext/CodeControllerContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeControllerContext.d.ts","sourceRoot":"","sources":["../../../src/CodeControllerContext/CodeControllerContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtF,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CAC1D;AAED,eAAO,MAAM,qBAAqB,kDAEjC,CAAC;AAEF,wBAAgB,iBAAiB;;;;;;EAShC"}

package/CodeControllerContext/CodeControllerContext.js

@@ -1,14 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export var CodeControllerContext = /*#__PURE__*/React.createContext(undefined);
-export function useControlledCode() {
-  var context = React.useContext(CodeControllerContext);
-  return {
-    controlledCode: context == null ? void 0 : context.code,
-    controlledSelection: context == null ? void 0 : context.selection,
-    controlledSetCode: context == null ? void 0 : context.setCode,
-    controlledSetSelection: context == null ? void 0 : context.setSelection,
-    controlledComponents: context == null ? void 0 : context.components
-  };
-}

package/CodeControllerContext/index.d.ts

@@ -1 +0,0 @@
-export * from "./CodeControllerContext.js";

package/CodeControllerContext/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CodeControllerContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/CodeControllerContext/index.js

@@ -1 +0,0 @@
-export * from "./CodeControllerContext.js";

package/CodeHighlighter/CodeHighlighter.d.ts

@@ -1,2 +0,0 @@
-import type { CodeHighlighterProps } from "./types.js";
-export declare function CodeHighlighter(props: CodeHighlighterProps): import("react/jsx-runtime").JSX.Element;

package/CodeHighlighter/CodeHighlighter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeHighlighter.d.ts","sourceRoot":"","sources":["../../../src/CodeHighlighter/CodeHighlighter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,oBAAoB,EAIrB,MAAM,SAAS,CAAC;AAkRjB,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA4F1D"}