tools.equationzone 0.0.1 → 0.0.3

package/dist/callouts/abstract.d.ts

@@ -0,0 +1,14 @@
+/**
+ *
+ * @returns
+ */
+export function abstract(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/abstract.js

@@ -0,0 +1,42 @@
+
+
+
+/**
+ * 
+ * @returns 
+ */
+export function abstract() {
+  let name = 'abstract'
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Abstract';
+
+      return `
+      <div class="not-prose bg-teal-50 border border-teal-200 text-sm text-teal-800 rounded-lg p-4 dark:bg-teal-500/20 dark:border-teal-900 dark:text-teal-500" role="alert" tabindex="-1" aria-labelledby="hs-with-description-label">
+  <div class="flex">
+    <div class="shrink-0">
+    <svg class="shrink-0 size-4 mt-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
+      
+    </div>
+    <div class="ms-4">
+      <h3 class=" font-bold">
+        ${title}
+      </h3>
+      <div class="mt-1 prose dark:prose-invert text-teal-800 dark:text-teal-300">
+					`;
+    },
+
+    closeRender: () => `
+			    </div>
+			</div>
+		</div>
+	</div>`
+  };
+}
+

package/dist/callouts/caution.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function caution(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/caution.js

@@ -0,0 +1,35 @@
+
+
+
+/**
+ * @returns 
+ */
+export function caution() {
+  let name = 'caution'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Title';
+      return `
+     <div class="not-prose bg-orange-50 border my-2 md:my-8 border-orange-200 text-orange-800 rounded-lg p-4 dark:bg-orange-500/20 dark:border-orange-900 dark:text-orange-500" role="alert" tabindex="-1" aria-labelledby="hs-with-description-label">
+      <div class="flex">
+        <div class="shrink-0">
+          <svg class="shrink-0 size-5 mt-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
+        </div>
+        <div class="ms-4 flex-1">
+          <h3 class="font-extrabold"> ${title} </h3>
+          <div class="mt-1 prose prose-sm md:prose-base dark:prose-invert max-w-none">
+			
+			`;
+    },
+
+    closeRender: () => `</div></div></div></div>`
+  };
+}
+

package/dist/callouts/definition.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function definition(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/definition.js

@@ -0,0 +1,46 @@
+
+
+/**
+ * @returns 
+ */
+export function definition() {
+	let name = 'definition'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Definition';
+
+//     },
+      return `<div
+		class="not-prose group relative  overflow-hidden rounded-2xl border-2 border-blue-400 bg-linear-to-br from-blue-50 to-indigo-50 shadow-md  dark:border-blue-600 dark:from-blue-950/30 dark:to-indigo-950/30 my-6"
+	>
+		<div
+			class="absolute top-0 left-0 flex size-15 md:size-20 items-center justify-center bg-blue-500 dark:bg-blue-600"
+		>
+			<span class="text-3xl font-black text-white">D</span>
+		</div>
+		<div class="py-6 pr-6 pl-18 md:pl-24">
+			<div class="flex items-start gap-4">
+				<div class="flex-1 ">
+					<div class="mb-2 flex items-center gap-3">
+						<h3 class=" font-bold text-blue-900 dark:text-blue-300">${title}</h3>
+						<span
+							class="rounded bg-blue-500/20 px-2 py-1 font-mono text-xs text-blue-700 dark:bg-blue-500/30 dark:text-blue-300"
+						>
+							concept
+						</span>
+					</div>
+					<div class="prose text-slate-700 dark:text-slate-300">
+			
+			`;
+    },
+
+    closeRender: () => `</div></div></div></div></div>`
+  };
+}

package/dist/callouts/done.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function done(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/done.js

@@ -0,0 +1,55 @@
+
+
+
+/**
+ * @returns 
+ */
+export function done() {
+	let name = 'done'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Title';
+
+//       return `
+// <div id="callout" class="callout " data-callout="${name}" >
+    
+//   <div class="callout-title">
+//     <div class="callout-title-icon font-bold"> ${BEAR_CALLOUTS[name] }</div>
+//     <div class="callout-title-inner" >${md.renderInline(title)}</div>
+//   </div>
+//   <div class="callout-content ">`;
+//     },
+      return `
+<div
+		class="not-prose group relative overflow-hidden rounded-2xl  bg-green-50   border border-green-200  shadow-lg t dark:border-green-900 dark:bg-green-800/30  m-2 md:m-6"
+	>
+		<div class="absolute top-4 right-4 h-16 w-16">
+			<div
+				class="absolute inset-0 rounded-full border-2 border-green-500/30 dark:border-green-400/30"
+			></div>
+			<div
+				class="absolute inset-2 rounded-full border-2 border-green-500/50 dark:border-green-400/50"
+				style="animation: pulse-glow 2s ease-in-out infinite 0.5s;"
+			></div>
+			<div class="absolute inset-0 flex items-center justify-center">
+				<div class="h-3 w-3 rounded-full bg-green-500 dark:bg-green-400"></div>
+			</div>
+		</div>
+		<div class="p-6 pr-24 flex-1 relative">
+			
+			<div class="prose prose-sm md:prose-base max-w-none text-slate-700 dark:text-slate-300">`;
+    },
+
+    closeRender: () => `</div></div></div>`
+  };
+}
+
+
+//<div class="callout-title-icon">(ಠ_ಠ) ${ICONS[name] || ICONS.info}</div>

package/dist/callouts/example.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function example(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/example.js

@@ -0,0 +1,60 @@
+/**
+ * @returns 
+ */
+export function example() {
+  let name = 'example';
+
+  return {
+    name,
+    // Corregido: Permite opcionalmente un símbolo + o - al final
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?(\\+|-)?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      
+      // Capturamos el título [1] y el estado (+/-) [3]
+      const match = info.match(new RegExp(`^${name}(\\[(.+?)\\])?(\\+|-)?$`));
+      
+      const title = (match && match[2]) ? match[2] : 'Ejemplos';
+      const state = (match && match[3]) ? match[3] : ''; // "+" o "-" o ""
+      
+      // Si tiene "+", el <details> debe estar abierto por defecto
+      const isOpen = state === '+' ? 'open' : '';
+
+      return `
+    <details
+      ${isOpen}
+      class="not-prose group mt-4 overflow-hidden rounded-xl border border-gray-200 bg-white transition-all dark:border-gray-800 dark:bg-[#0B0C0E]"
+    >
+      <summary
+        class="flex w-full cursor-pointer list-none items-center justify-between p-3.5 text-gray-600 transition-colors hover:bg-gray-50 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-200 [&::-webkit-details-marker]:hidden"
+      >
+        <div class="flex items-center">
+          <svg
+            class="h-3 w-3 text-gray-400 transition-transform duration-200 group-open:rotate-90"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <polyline points="9 18 15 12 9 6"></polyline>
+          </svg>
+          <div class="ml-3 flex items-center gap-2">
+            <h3 class="font-semibold text-inherit">${title}</h3>
+          </div>
+        </div>
+      </summary>
+
+      <div
+        class="prose max-w-none prose-sm md:prose-base border-t border-gray-100 bg-gray-50/30 px-5 py-4 dark:border-white/5 dark:bg-black/10 prose-hr:my-3 pl-4  md:pl-6  [&_ul]:list-disc [&_ul]:pl-4 md:[&_ul]:pl-4 [&_ul]:list-outside prose-li:marker:text-slate-700 "
+      >
+      `;
+    },
+
+    closeRender: () => `</div></details>`
+  };
+}

package/dist/callouts/examplegraph.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function eg(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/examplegraph.js

@@ -0,0 +1,37 @@
+
+
+/**
+ * @returns 
+ */
+export function eg() {
+	let name = 'eg'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Examples';
+      return `
+	<div
+		class="not-prose group relative overflow-hidden rounded-2xl border-l-4 border-cyan-500 bg-white shadow-md my:3 md:my-6 hover:shadow-lg dark:border-cyan-600 dark:bg-slate-900/20"
+	>
+		<div class="p-6">
+			<div class="flex items-start gap-4">
+				
+				<div class="flex-1">
+					<div class="mb-3 font-bold text-cyan-900 dark:text-cyan-300">📝  ${title}</div>
+					<div class="prose [&_ul]:list-disc [&_ul]:pl-0 md:[&_ul]:pl-6 [&_ul]:list-outside prose-li:marker:text-slate-700 text-slate-700 dark:text-slate-300 max-w-none">
+			
+			`;
+    },
+
+    closeRender: () => `</div></div></div></div></div>`
+  };
+}
+
+
+//<div class="callout-title-icon">(ಠ_ಠ) ${ICONS[name] || ICONS.info}</div>

package/dist/callouts/important.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function important(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/important.js

@@ -0,0 +1,37 @@
+
+
+/**
+ * @returns 
+ */
+export function important() {
+	let name = 'important'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Important';
+      return `
+  <div
+		class="not-prose group my-6 overflow-hidden rounded-r-xl border-l-4 border-blue-500 bg-blue-50  dark:border-blue-600 dark:bg-blue-950/20"
+	>
+		<div class="p-6">
+			<div class="flex items-start gap-4">				
+				<div class="flex-1 min-w-0 relative">
+					<h3 class="mb-2 font-bold text-blue-900 dark:text-blue-300">${title}</h3>
+					<div class="prose text-blue-900/80 dark:text-blue-200/80 [&_.katex-display]:my-6 [&_.katex-display]:text-center [&_.katex-display>span]:mx-auto [&_.katex-display>_.katex]:whitespace-normal! mx-auto">
+				
+			
+			`;
+    },
+
+    closeRender: () => `</div></div></div></div></div>`
+  };
+}
+
+
+//<div class="callout-title-icon">(ಠ_ಠ) ${ICONS[name] || ICONS.info}</div>

package/dist/callouts/properties.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function properties(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/properties.js

@@ -0,0 +1,49 @@
+
+/**
+ * @returns 
+ */
+export function properties() {
+	let name = 'properties'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Title';
+
+//     },
+      return `
+<div
+		class="not-prose group relative overflow-hidden rounded-2xl border border-cyan-300 bg-linear-to-br from-cyan-50 to-blue-50 shadow-lg dark:border-cyan-800 dark:from-cyan-950/20 dark:to-blue-950/20 "
+	>
+		<div class="p-6">
+			<div class="flex items-start gap-4">
+				<div class="shrink-0">
+					<div class="relative size-10">
+						<div
+							class=" absolute inset-0 rounded-full bg-cyan-400/20 blur-lg dark:bg-cyan-500/20"
+						></div>
+						<div
+							class="relative flex size-10 items-center justify-center rounded-full bg-linear-to-br from-cyan-400 to-blue-500 dark:from-cyan-500 dark:to-blue-600"
+						>
+							📑
+						</div>
+					</div>
+				</div>
+				<div class="flex-1">
+					<h3 class="mb-2 font-bold text-cyan-900 dark:text-cyan-300">${title}</h3>
+					<div class="prose  text-slate-700 dark:text-slate-300">
+			
+			`;
+    },
+
+    closeRender: () => `</div></div></div></div></div>`
+  };
+}
+
+
+//<div class="callout-title-icon">(ಠ_ಠ) ${ICONS[name] || ICONS.info}</div>

package/dist/callouts/remember.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function remember(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/remember.js

@@ -0,0 +1,38 @@
+
+
+/**
+ * @returns 
+ */
+export function remember() {
+	let name = 'remember'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Remember';
+      return `
+	<div class="group relative   bg-violet-50 shadow-lg  not-prose  dark:bg-violet-800/30 mt-10 mb-6">
+		<div class="absolute -top-7 right-4 text-white">
+			<div class="bg-linear-to-r p-1 rounded-2xl  from-indigo-500 via-purple-500 to-pink-500">
+				<div class="bg-gray-900 py-2 px-4  rounded-xl text-xl md:text-2xl">ʕ－ᴥ－ʔ</div>
+			</div>
+		</div>
+		<div class="relative p-6">
+			<div class="flex items-start gap-4">
+				
+				<div class="flex-1 overflow-hidden">
+					<h3 class="mb-2 font-bold text-violet-900 dark:text-violet-300">${title}</h3>
+					<div class="prose prose-sm md:prose-base text-slate-700 dark:text-slate-300 max-w-none min-w-0 prose-table:w-full prose-table:table-fixed [&_table]:w-full [&_table]:table-fixed">`;
+    },
+
+    closeRender: () => `</div></div></div></div></div>`
+  };
+}
+
+
+//<div class="callout-title-icon">(ಠ_ಠ) ${ICONS[name] || ICONS.info}</div>

package/dist/callouts/tip.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @returns
+ */
+export function tip(): {
+    name: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number) => string;
+    closeRender: () => string;
+};

package/dist/callouts/tip.js

@@ -0,0 +1,47 @@
+
+/**
+ * @returns 
+ */
+export function tip() {
+	let name = 'tip'
+
+  return {
+    name,
+    validate: (/** @type {string} */ params) =>
+      new RegExp(`^${name}(\\[(.+?)\\])?$`).test(params.trim()),
+
+    openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index) => {
+      const info = tokens[index].info.trim();
+      const match = info.match(new RegExp(`^${name}\\[(.+?)\\]$`));
+      const title = match ? match[1] : 'Tip';
+
+      return `
+      <div class="not-prose group relative overflow-hidden rounded-xl border border-pink-500/50 bg-zinc-900  dark:border-pink-600/50 dark:bg-zinc-950 " data-callout="${name}">
+        <div class="absolute inset-0 bg-linear-to-br from-pink-500/5 via-transparent to-cyan-500/5"></div>
+        
+        <div class="relative p-6">
+          <div class="flex-1">
+            <div class="flex items-center space-x-2">
+              <div class="shrink-0">
+                <div class="relative">
+                  <div class="absolute inset-0 rounded-lg bg-pink-500 opacity-50 blur"></div>
+                  <div class="relative flex size-8 md:size-9 items-center justify-center rounded-lg bg-pink-500 dark:bg-pink-600">
+                    <svg class="h-5 w-5 animate-pulse text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+              <h3 class="text-white font-bold">${title}</h3>
+            </div>
+            <div class="leading-relaxed text-zinc-300 dark:text-zinc-400">
+			
+			`;
+    },
+
+    closeRender: () => `</div></div></div></div>`
+  };
+}
+
+
+//<div class="callout-title-icon">(ಠ_ಠ) ${ICONS[name] || ICONS.info}</div>

package/dist/index.d.ts

@@ -1 +1,12 @@
-export { note } from './note.js';
+export { abstract } from './callouts/abstract.js';
+export { caution } from './callouts/caution.js';
+export { definition } from './callouts/definition.js';
+export { done } from './callouts/done.js';
+export { example } from './callouts/example.js';
+export { eg } from './callouts/examplegraph.js';
+export { important } from './callouts/important.js';
+export { note } from './callouts/note.js';
+export { properties } from './callouts/properties.js';
+export { remember } from './callouts/remember.js';
+export { tip } from './callouts/tip.js';
+export { step } from './steps/step.js';

package/dist/index.js

@@ -1,2 +1,16 @@
 // Reexport your entry components here
-export { note } from './note.js';
+// Reexport your entry components here
+// Callouts
+export { abstract } from './callouts/abstract.js';
+export { caution } from './callouts/caution.js';
+export { definition } from './callouts/definition.js';
+export { done } from './callouts/done.js';
+export { example } from './callouts/example.js';
+export { eg } from './callouts/examplegraph.js';
+export { important } from './callouts/important.js';
+export { note } from './callouts/note.js';
+export { properties } from './callouts/properties.js';
+export { remember } from './callouts/remember.js';
+export { tip } from './callouts/tip.js';
+// Steps
+export { step } from './steps/step.js';

package/dist/steps/step.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @returns
+ */
+export function step(): {
+    name: string;
+    marker: string;
+    validate: (params: string) => boolean;
+    openRender: (tokens: {
+        [x: string]: {
+            info: string;
+        };
+    }, index: string | number, _options: any) => string;
+    closeRender: () => string;
+};

package/dist/steps/step.js

@@ -0,0 +1,54 @@
+
+let stepIndex = 0;
+
+/**
+ * @returns 
+ */
+export function step() {
+  let name = 'step'
+
+  return {
+  name,
+  marker: '~',
+  validate: (/** @type {string} */ params) => /^step\[(.+?)\]$/.test(params.trim()),
+  openRender: (/** @type {{ [x: string]: { info: string; }; }} */ tokens, /** @type {string | number} */ index, /** @type {any} */ _options) => {
+    
+
+    stepIndex++;
+    const info = tokens[index].info.trim();
+    const match = info.match(/^step\[(.+?)\]$/);
+    const title = match ? match[1] : "Step";
+    return `<div role="listitem" class="step group/step relative flex items-start pb-5">
+							<div
+								data-component-part="step-line"
+								class="absolute top-11 h-[calc(100%-2.75rem)] w-px bg-gray-200/70 dark:bg-white/10"
+								contenteditable="false"
+							></div>
+							<div
+								class="absolute -ml-3.25 py-2"
+								data-component-part="step-number"
+								contenteditable="false"
+							>
+								<div
+									class="flex size-7 shrink-0 items-center justify-center rounded-full bg-gray-50 text-xs font-semibold text-gray-900 dark:bg-white/10 dark:text-gray-50"
+								>
+									${stepIndex}
+								</div>
+							</div>
+							<div class="w-full overflow-hidden pr-px pl-8">
+								<p
+									class="not-prose mt-2 font-semibold text-gray-900 dark:text-gray-200 dark:prose-invert"
+									
+								>
+									${title}
+								</p>
+								
+								<div data-component-part="step-content" class="prose prose-sm md:prose-base dark:prose-invert">`;
+  },
+  closeRender: () => {
+
+    return `</div>\n</div>\n</div>\n`;
+  },
+}
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tools.equationzone",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "files": [
     "dist",
     "!dist/**/*.test.*",

package/dist/H1.svelte

@@ -1 +0,0 @@
-H1

package/dist/H1.svelte.d.ts

@@ -1,26 +0,0 @@
-export default H1;
-type H1 = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const H1: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}