@readme/markdown 14.11.2 → 14.11.4

package/components/Tabs/index.tsx

@@ -23,7 +23,7 @@ const Tabs = ({ children }: TabsProps) => {
         <nav className="TabGroup-nav">
           {tabs.map((tab, index: number) => (
             <button
-              key={tab.props.title}
+              key={tab.key}
               className={`TabGroup-tab${activeTab === index ? '_active' : ''}`}
               onClick={() => setActiveTab(index)}
             >
@@ -35,7 +35,14 @@ const Tabs = ({ children }: TabsProps) => {
           ))}
         </nav>
       </header>
-      <section>{tabs[activeTab]}</section>
+      <section>
+        {/* Keep every panel mounted so runtime Tailwind can scan inactive tabs' classes on first paint */}
+        {tabs.map((tab, index: number) => (
+          <div key={tab.key} hidden={index !== activeTab}>
+            {tab}
+          </div>
+        ))}
+      </section>
     </div>
   );
 };

package/dist/lib/mdast-util/html-block-component/index.d.ts

@@ -0,0 +1,2 @@
+import type { Extension as FromMarkdownExtension } from 'mdast-util-from-markdown';
+export declare function htmlBlockComponentFromMarkdown(): FromMarkdownExtension;

package/dist/lib/micromark/html-block-component/index.d.ts

@@ -0,0 +1 @@
+export { htmlBlockComponent } from './syntax';

package/dist/lib/micromark/html-block-component/syntax.d.ts

@@ -0,0 +1,8 @@
+import type { Extension } from 'micromark-util-types';
+declare module 'micromark-util-types' {
+    interface TokenTypeMap {
+        htmlBlockComponent: 'htmlBlockComponent';
+        htmlBlockComponentData: 'htmlBlockComponentData';
+    }
+}
+export declare function htmlBlockComponent(): Extension;