myst-to-react 0.13.6 → 0.14.0

package/dist/tabs.js

@@ -9,7 +9,7 @@ const TabSetContext = createContext(undefined);
 function TabSetStateProvider({ active, children }) {
     return _jsx(TabSetContext.Provider, { value: active, children: children });
 }
-export function TabSet({ tabs, children }) {
+export function TabSet({ tabs, children, className, }) {
     var _a, _b, _c, _d;
     const [lastClickedTab, onClickSyncedTab] = (_a = useTabSet()) !== null && _a !== void 0 ? _a : [];
     const [active, setActive] = useState((_c = (_b = tabs.find((t) => t.selected)) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : (_d = tabs === null || tabs === void 0 ? void 0 : tabs[0]) === null || _d === void 0 ? void 0 : _d.id);
@@ -30,29 +30,29 @@ export function TabSet({ tabs, children }) {
             return;
         setActive(tab === null || tab === void 0 ? void 0 : tab.id);
     }, [tabs, lastClickedTab, setActive]);
-    return (_jsx(TabSetStateProvider, { active: active, children: _jsxs("div", { className: "my-5", children: [_jsx("div", { className: "flex flex-row overflow-x-auto border-b border-b-gray-100", children: tabs.map((tab) => {
+    return (_jsx(TabSetStateProvider, { active: active, children: _jsxs("div", { className: classNames('my-5', className), children: [_jsx("div", { className: "flex flex-row overflow-x-auto border-b border-b-gray-100", children: tabs.map((tab) => {
                         return (_jsx("div", { className: classNames('flex-none px-3 py-1 font-semibold cursor-pointer', {
                                 'text-blue-600 border-b-2 border-b-blue-600 dark:border-b-white dark:text-white': active === tab.id,
                                 'text-gray-500 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-100': active !== tab.id,
                             }), onClick: () => onClick(tab), children: tab.title }, tab.id));
                     }) }), _jsx("div", { className: "flex shadow", children: _jsx("div", { className: "w-full px-6", children: children }) })] }) }));
 }
-export function TabItem({ id, children, }) {
+export function TabItem({ id, children, className, }) {
     const active = useContext(TabSetContext);
     const open = active === id;
-    return _jsx("div", { className: classNames({ hidden: !open }), children: children });
+    return _jsx("div", { className: classNames({ hidden: !open }, className), children: children });
 }
-export const TabSetRenderer = ({ node }) => {
+export const TabSetRenderer = ({ node, className }) => {
     // Add the key as the ID (key is special in react)
     const tabs = selectAll('tabItem', node).map((tab) => ({
         title: tab.title,
         id: tab.key,
         sync: tab.sync,
     }));
-    return (_jsx(TabSet, { tabs: tabs, children: _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(TabSet, { tabs: tabs, className: className, children: _jsx(MyST, { ast: node.children }) }));
 };
-export const TabItemRenderer = ({ node }) => {
-    return (_jsx(TabItem, { id: node.key, children: _jsx(MyST, { ast: node.children }) }));
+export const TabItemRenderer = ({ node, className }) => {
+    return (_jsx(TabItem, { id: node.key, className: className, children: _jsx(MyST, { ast: node.children }) }));
 };
 const TAB_RENDERERS = {
     tabSet: TabSetRenderer,

package/dist/unknown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unknown.d.ts","sourceRoot":"","sources":["../src/unknown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,WAAW,CAYtD,CAAC;AAEF,QAAA,MAAM,sBAAsB;;CAE3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"unknown.d.ts","sourceRoot":"","sources":["../src/unknown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,WAAW,CAkBtD,CAAC;AAEF,QAAA,MAAM,sBAAsB;;CAE3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/unknown.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 import { Callout } from './exercise.js';
-export const UnknownDirective = ({ node }) => {
+export const UnknownDirective = ({ node, className }) => {
     const titleNode = (_jsxs(_Fragment, { children: [_jsx("code", { children: node.name }), " - Unknown Directive"] }));
-    return (_jsx(Callout, { title: titleNode, color: 'red', dropdown: true, Icon: ExclamationTriangleIcon, children: _jsx("pre", { children: node.value }) }));
+    return (_jsx(Callout, { title: titleNode, color: 'red', dropdown: true, Icon: ExclamationTriangleIcon, className: className, children: _jsx("pre", { children: node.value }) }));
 };
 const UNKNOWN_MYST_RENDERERS = {
     mystDirective: UnknownDirective,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.13.6",
+  "version": "0.14.0",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,13 +21,13 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^0.13.6",
+    "@myst-theme/providers": "^0.14.0",
     "@scienceicons/react": "^0.0.11",
     "@radix-ui/react-hover-card": "^1.0.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",
-    "myst-common": "^1.7.8",
-    "myst-config": "^1.7.8",
+    "myst-common": "^1.7.9",
+    "myst-config": "^1.7.9",
     "myst-spec": "^0.0.5",
     "nanoid": "^4.0.2",
     "react-syntax-highlighter": "15.5.0",