@docubook/create 1.11.3 → 1.12.0

package/bun.lock

@@ -0,0 +1,102 @@
+{
+  "lockfileVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "@docubook/create",
+      "dependencies": {
+        "boxen": "^8.0.1",
+        "chalk": "^5.3.0",
+        "cli-progress": "^3.12.0",
+        "commander": "^12.1.0",
+        "enquirer": "^2.4.1",
+        "figlet": "^1.8.0",
+        "ora": "^8.1.0",
+      },
+    },
+  },
+  "packages": {
+    "ansi-align": ["ansi-align@3.0.1", "", { "dependencies": { "string-width": "^4.1.0" } }, "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w=="],
+
+    "ansi-colors": ["ansi-colors@4.1.3", "", {}, "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw=="],
+
+    "ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
+
+    "ansi-styles": ["ansi-styles@6.2.1", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],
+
+    "boxen": ["boxen@8.0.1", "", { "dependencies": { "ansi-align": "^3.0.1", "camelcase": "^8.0.0", "chalk": "^5.3.0", "cli-boxes": "^3.0.0", "string-width": "^7.2.0", "type-fest": "^4.21.0", "widest-line": "^5.0.0", "wrap-ansi": "^9.0.0" } }, "sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw=="],
+
+    "camelcase": ["camelcase@8.0.0", "", {}, "sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA=="],
+
+    "chalk": ["chalk@5.4.1", "", {}, "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w=="],
+
+    "cli-boxes": ["cli-boxes@3.0.0", "", {}, "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g=="],
+
+    "cli-cursor": ["cli-cursor@5.0.0", "", { "dependencies": { "restore-cursor": "^5.0.0" } }, "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw=="],
+
+    "cli-progress": ["cli-progress@3.12.0", "", { "dependencies": { "string-width": "^4.2.3" } }, "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A=="],
+
+    "cli-spinners": ["cli-spinners@2.9.2", "", {}, "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg=="],
+
+    "commander": ["commander@12.1.0", "", {}, "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA=="],
+
+    "emoji-regex": ["emoji-regex@10.4.0", "", {}, "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="],
+
+    "enquirer": ["enquirer@2.4.1", "", { "dependencies": { "ansi-colors": "^4.1.1", "strip-ansi": "^6.0.1" } }, "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ=="],
+
+    "figlet": ["figlet@1.8.1", "", { "bin": { "figlet": "bin/index.js" } }, "sha512-kEC3Sme+YvA8Hkibv0NR1oClGcWia0VB2fC1SlMy027cwe795Xx40Xiv/nw/iFAwQLupymWh+uhAAErn/7hwPg=="],
+
+    "get-east-asian-width": ["get-east-asian-width@1.3.0", "", {}, "sha512-vpeMIQKxczTD/0s2CdEWHcb0eeJe6TFjxb+J5xgX7hScxqrGuyjmv4c1D4A/gelKfyox0gJJwIHF+fLjeaM8kQ=="],
+
+    "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
+    "is-interactive": ["is-interactive@2.0.0", "", {}, "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ=="],
+
+    "is-unicode-supported": ["is-unicode-supported@2.1.0", "", {}, "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ=="],
+
+    "log-symbols": ["log-symbols@6.0.0", "", { "dependencies": { "chalk": "^5.3.0", "is-unicode-supported": "^1.3.0" } }, "sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw=="],
+
+    "mimic-function": ["mimic-function@5.0.1", "", {}, "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA=="],
+
+    "onetime": ["onetime@7.0.0", "", { "dependencies": { "mimic-function": "^5.0.0" } }, "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ=="],
+
+    "ora": ["ora@8.2.0", "", { "dependencies": { "chalk": "^5.3.0", "cli-cursor": "^5.0.0", "cli-spinners": "^2.9.2", "is-interactive": "^2.0.0", "is-unicode-supported": "^2.0.0", "log-symbols": "^6.0.0", "stdin-discarder": "^0.2.2", "string-width": "^7.2.0", "strip-ansi": "^7.1.0" } }, "sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw=="],
+
+    "restore-cursor": ["restore-cursor@5.1.0", "", { "dependencies": { "onetime": "^7.0.0", "signal-exit": "^4.1.0" } }, "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA=="],
+
+    "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
+
+    "stdin-discarder": ["stdin-discarder@0.2.2", "", {}, "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ=="],
+
+    "string-width": ["string-width@7.2.0", "", { "dependencies": { "emoji-regex": "^10.3.0", "get-east-asian-width": "^1.0.0", "strip-ansi": "^7.1.0" } }, "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ=="],
+
+    "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
+
+    "type-fest": ["type-fest@4.41.0", "", {}, "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA=="],
+
+    "widest-line": ["widest-line@5.0.0", "", { "dependencies": { "string-width": "^7.0.0" } }, "sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA=="],
+
+    "wrap-ansi": ["wrap-ansi@9.0.0", "", { "dependencies": { "ansi-styles": "^6.2.1", "string-width": "^7.0.0", "strip-ansi": "^7.1.0" } }, "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q=="],
+
+    "ansi-align/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
+
+    "cli-progress/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
+
+    "log-symbols/is-unicode-supported": ["is-unicode-supported@1.3.0", "", {}, "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ=="],
+
+    "ora/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
+
+    "string-width/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
+
+    "wrap-ansi/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
+
+    "ansi-align/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
+
+    "cli-progress/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
+
+    "ora/strip-ansi/ansi-regex": ["ansi-regex@6.1.0", "", {}, "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="],
+
+    "string-width/strip-ansi/ansi-regex": ["ansi-regex@6.1.0", "", {}, "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="],
+
+    "wrap-ansi/strip-ansi/ansi-regex": ["ansi-regex@6.1.0", "", {}, "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="],
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/create",
-  "version": "1.11.3",
+  "version": "1.12.0",
   "main": "src/index.js",
   "type": "module",
   "bin": {

package/src/dist/.vscode/accordion.code-snippets

@@ -0,0 +1,14 @@
+{
+    "DocuAccordion": {
+      "prefix": "accordion",
+      "body": [
+        "<Accordion title=\"${1:Plain Text}\">",
+        "    this is an example of plain text content from the accordion component and below is markdown ;",
+        "    1. number one",
+        "    2. number two",
+        "    3. number three",
+        "</Accordion>"
+      ],
+      "description": "Create a DocuAccordion component with markdown list."
+    }
+  }

package/src/dist/.vscode/button.code-snippets

@@ -0,0 +1,16 @@
+{
+    "DocuButton": {
+      "prefix": "button",
+      "body": [
+        "<Button",
+        "    text=\"${1:Learn More}\"",
+        "    href=\"${2:https://learn.example.com}\"",
+        "    icon=\"${3:MoveUpRight}\"",
+        "    size=\"${4:md}\"",
+        "    target=\"${5:_blank}\"",
+        "    variation=\"${6:primary}\"",
+        "/>"
+      ],
+      "description": "Create a DocuButton component on markdown."
+    }
+  }

package/src/dist/.vscode/card.code-snippets

@@ -0,0 +1,16 @@
+{
+    "DocuCards": {
+      "prefix": "card",
+      "body": [
+        "<CardGroup cols={2}>",
+            "<Card title=\"${1:Heading2}\" icon=\"${2:Heading2}\">",
+            "   This is an example of card content with columns.",
+            "</Card>",
+            "<Card title=\"${3:Heading3}\" icon=\"${4:Heading3}\">",
+            "   This is an example of card content with columns.",
+            "</Card>",
+        "</CardGroup>"
+      ],
+      "description": "Create a DocuCards component on markdown."
+    }
+  }

package/src/dist/.vscode/codeblock.code-snippets

@@ -0,0 +1,16 @@
+{
+    "DocuCodeBlock": {
+        "prefix": "codeblock",
+        "description": "Checks if the rocket is stable and prevents a crash if it's not.",
+        "body": [
+            "```${1:javascript:main.js} showLineNumbers {${2:3-4}}",
+            "function isRocketAboutToCrash() {",
+            "    // Check if the rocket is stable",
+            "    if (!isStable()) {",
+            "        NoCrash(); // Prevent the crash",
+            "    }",
+            "}",
+            "```",
+        ],
+    }
+}

package/src/dist/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+    "recommendations": []
+}

package/src/dist/.vscode/file-tree.code-snippets

@@ -0,0 +1,53 @@
+{
+  "File Tree Component": {
+    "prefix": "filetree",
+    "body": [
+      "<Files>",
+      "  <Folder name=\"${1:folder-name}\">",
+      "    <File name=\"${2:file-name}\" />",
+      "    <Folder name=\"${3:subfolder}\">",
+      "      <File name=\"${4:file.tsx}\" />",
+      "    </Folder>\n$0",
+      "  </Folder>",
+      "</Files>"
+    ],
+    "description": "DocuBook File Tree component with nested structure"
+  },
+  "File Tree Minimal": {
+    "prefix": "filetree-mini",
+    "body": [
+      "<Files>\n  <Folder name=\"${1:folder}\">\n    <File name=\"${2:file}\" />\n  </Folder>\n</Files>$0"
+    ],
+    "description": "Minimal DocuBook File Tree component"
+  },
+  "File Tree Complex": {
+    "prefix": "filetree-complex",
+    "body": [
+      "<Files>",
+      "  <Folder name=\"${1:project-root}\">",
+      "    <File name=\"package.json\" />",
+      "    <File name=\"tsconfig.json\" />",
+      "    <Folder name=\"src\">",
+      "      <File name=\"index.ts\" />",
+      "      <Folder name=\"components\">",
+      "        <File name=\"${2:Component}.tsx\" />",
+      "        <File name=\"${3:Component}.types.ts\" />",
+      "        <File name=\"index.ts\" />",
+      "      </Folder>\n$0",
+      "    </Folder>",
+      "  </Folder>",
+      "</Files>"
+    ],
+    "description": "Complex DocuBook File Tree with common project structure"
+  },
+  "File Tree Folder": {
+    "prefix": "folder",
+    "body": "<Folder name=\"${1:folder-name}\">\n  $0\n</Folder>",
+    "description": "DocuBook Folder component for file trees"
+  },
+  "File Tree File": {
+    "prefix": "file",
+    "body": "<File name=\"${1:file-name}\" />$0",
+    "description": "DocuBook File component for file trees"
+  }
+}

package/src/dist/.vscode/image-link.code-snippets

@@ -0,0 +1,16 @@
+{
+    "DocuImage": {
+      "prefix": "image",
+      "body": [
+        "![${1:Alt text for the image}](${2:https://via.placeholder.com/150})"
+      ],
+      "description": "Snippet untuk menampilkan image komponen."
+    },
+    "DocuLink": {
+      "prefix": "link",
+      "body": [
+        "[${1:Text Link}](${2:https://www.openai.com})"
+      ],
+      "description": "Snippet untuk menampilkan link komponen."
+    }
+}

package/src/dist/.vscode/keyboard.code-snippets

@@ -0,0 +1,23 @@
+{
+    "Keyboard - Mac": {
+        "prefix": "keymac",
+        "body": [
+            "<Kbd show=\"${1:ctrl}\" type=\"mac\" />"
+        ],
+        "description": "Mac keyboard shortcut."
+    },
+    "Keyboard - Windows": {
+        "prefix": "keywin",
+        "body": [
+            "<Kbd show=\"${1:ctrl}\" type=\"windows\" />"
+        ],
+        "description": "Windows keyboard shortcut."
+    },
+    "Keyboard - Custom": {
+        "prefix": "keycustom",
+        "body": [
+            "<Kbd show=\"${1:custom}\">${2:Custom}</Kbd>"
+        ],
+        "description": "Custom keyboard shortcut."
+    }
+}

package/src/dist/.vscode/metadata.code-snippets

@@ -0,0 +1,13 @@
+{
+    "DocuMetadata": {
+        "prefix": "metadata",
+        "body": [
+            "---",
+            "title : ${1:judul post}",
+            "description : ${2:deskripsi singkat dari post}",
+            "date : ${3:10-12-2024}",
+            "---"
+        ],
+        "description": "Snippet untuk membuat metadata."
+    }
+}

package/src/dist/.vscode/note.code-snippets

@@ -0,0 +1,38 @@
+{
+    "DocuNote - General Note": {
+      "prefix": "note",
+      "body": [
+        "<Note type=\"note\" title=\"Note\">",
+        "  ${1:This is a general note to convey information to the user.}",
+        "</Note>"
+      ],
+      "description": "Insert a general note"
+    },
+    "DocuNote - Danger Note": {
+      "prefix": "danger",
+      "body": [
+        "<Note type=\"danger\" title=\"Danger\">",
+        "  ${1:This is a danger alert to notify the user of a critical issue.}",
+        "</Note>"
+      ],
+      "description": "Insert a danger note"
+    },
+    "DocuNote - Warning Note": {
+      "prefix": "warning",
+      "body": [
+        "<Note type=\"warning\" title=\"Warning\">",
+        "  ${1:This is a warning alert for issues that require attention.}",
+        "</Note>"
+      ],
+      "description": "Insert a warning note"
+    },
+    "DocuNote - Success Note": {
+      "prefix": "success",
+      "body": [
+        "<Note type=\"success\" title=\"Success\">",
+        "  ${1:This is a success message to inform the user of successful actions.}",
+        "</Note>"
+      ],
+      "description": "Insert a success note"
+    }
+}

package/src/dist/.vscode/release.code-snippets

@@ -0,0 +1,49 @@
+{
+  "Release Note Component": {
+    "prefix": "release",
+    "body": [
+      "<Release version=\"$1\" date=\"${2:$CURRENT_YEAR-${CURRENT_MONTH}-${CURRENT_DATE}}\" title=\"$3\">",
+      "  <Changes type=\"added\">",
+      "    - $4",
+      "  </Changes>",
+      "",
+      "  <Changes type=\"fixed\">",
+      "    - $5",
+      "  </Changes>",
+      "",
+      "  <Changes type=\"improved\">",
+      "    - $6",
+      "  </Changes>",
+      "",
+      "  <Changes type=\"deprecated\">",
+      "    - $7",
+      "  </Changes>",
+      "",
+      "  <Changes type=\"removed\">",
+      "    - $8",
+      "  </Changes>",
+      "</Release>"
+    ],
+    "description": "DocuBook Release Note component with all change types"
+  },
+  "Release Note Simple": {
+    "prefix": "release-simple",
+    "body": [
+      "<Release version=\"$1\" date=\"${2:$CURRENT_YEAR-${CURRENT_MONTH}-${CURRENT_DATE}}\" title=\"$3\">",
+      "  <Changes type=\"$4\">",
+      "    - $5",
+      "  </Changes>\n$0",
+      "</Release>"
+    ],
+    "description": "Simple DocuBook Release Note component with one change type"
+  },
+  "Changes Only": {
+    "prefix": "changes",
+    "body": [
+      "<Changes type=\"$1\">",
+      "  - $2",
+      "</Changes>"
+    ],
+    "description": "DocuBook Changes component for individual change items"
+  }
+}

package/src/dist/.vscode/stepper.code-snippets

@@ -0,0 +1,24 @@
+{
+    "DocuStepper": {
+      "prefix": "stepper",
+      "body": [
+        "<Stepper>",
+        "  <StepperItem title=\"${1:Step 1: Clone the DocuBook Repository}\">",
+        "    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum,",
+        "    felis sed efficitur tincidunt, justo nulla viverra enim, et maximus nunc",
+        "    dolor in lorem.",
+        "  </StepperItem>${2:}",
+        "</Stepper>"
+      ],
+      "description": "Snippet untuk menampilkan stepper komponen."
+    },
+    "DocuStepperItem": {
+      "prefix": "item",
+      "body": [
+        "<StepperItem title=\"${1:Step X: Your Step Title}\">",
+        "  ${2:Your step description here.}",
+        "</StepperItem>${3:}"
+      ],
+      "description": "Snippet untuk menambahkan item baru ke dalam Stepper."
+    }
+}

package/src/dist/.vscode/table.code-snippets

@@ -0,0 +1,20 @@
+{
+    "DocuTable": {
+      "prefix": "table",
+      "body": [
+        "| **${1:Feature}**                     | **${2:Description}**                                       |",
+        "| ------------------------------- | ----------------------------------------------------- |",
+        "| ${3:MDX Support}                     | ${4:Write interactive documentation with MDX.}             |",
+        "| Nested Pages                    | Organize content in a nested, hierarchical structure. |",
+        "| Blog Section                    | Include a dedicated blog section.                     |",
+        "| Pagination                      | Split content across multiple pages.                  |",
+        "| Syntax Highlighting             | Highlight code for better readability.                |",
+        "| Code Line Highlighting & Titles | Highlight specific lines with descriptive titles.     |",
+        "| Interactive Code Blocks         | Language-specific and interactive code display.       |",
+        "| Custom Markdown Components      | Embed custom, reusable components in your docs.       |",
+        "| Static Site Generation          | Generate a static, high-performance site.             |",
+        "| SEO-Optimized                   | Structured for optimal search engine indexing.        |"
+      ],
+      "description": "Create a DocuTable component on markdown."
+    }
+  }

package/src/dist/.vscode/tabs.code-snippets

@@ -0,0 +1,33 @@
+{
+    "DocuTabs": {
+      "prefix": "tabs",
+      "body": [
+        "<Tabs defaultValue=\"${1:java}\" className=\"pt-5 pb-1\">",
+        "  <TabsList>",
+        "    <TabsTrigger value=\"${2:java}\">Java</TabsTrigger>",
+        "    <TabsTrigger value=\"${3:typescript}\">TypeScript</TabsTrigger>",
+        "  </TabsList>",
+        "  <TabsContent value=\"${4:java}\">",
+        "    ```java",
+        "    // HelloWorld.java",
+        "    public class HelloWorld {",
+        "        public static void main(String[] args) {",
+        "            System.out.println(\"Hello, World!\");",
+        "        }",
+        "    }",
+        "    ```",
+        "  </TabsContent>",
+        "  <TabsContent value=\"${5:typescript}\">",
+        "    ```typescript",
+        "    // helloWorld.ts",
+        "    function helloWorld(): void {",
+        "        console.log(\"Hello, World!\");",
+        "    }",
+        "    helloWorld();",
+        "    ```",
+        "  </TabsContent>",
+        "</Tabs>"
+      ],
+      "description": "Create a DocuTabs component with Java and TypeScript examples."
+    }
+  }

package/src/dist/.vscode/tooltips.code-snippets

@@ -0,0 +1,9 @@
+{
+    "DocuTooltips": {
+      "prefix": "tooltips",
+      "body": [
+        "${1:What do you know about }<Tooltip text=\"${2:DocuBook}\" tip=\"${3:npx @docubook/create@latest}\" /> ${4:? Create interactive nested documentations using MDX.}",
+      ],
+      "description": "Create a DocuTooltips component with version examples."
+    }
+  }

package/src/dist/.vscode/typography.code-snippets

@@ -0,0 +1,33 @@
+{
+    "DocuH2": {
+      "prefix": "h2",
+      "body": [
+        "## Heading 2"
+      ],
+      "description": "Tag Heading 2 for markdown."
+    },
+    "DocuH3": {
+        "prefix": "h3",
+        "body": [
+            "### Heading 3"
+        ],
+        "description": "Tag Heading 3 for markdown."
+    },
+    "DocuText": {
+        "prefix": "text",
+        "body": [
+            "DocuBook is proudly **open-source**! 🎉 We believe in creating an accessible, collaborative platform that thrives on community contributions."
+        ],
+        "description": "Tag Paragraph for markdown."
+    },
+    "Docu-UndorderList": {
+        "prefix": "unorderlist",
+        "body": [
+            "- ${1:**Next.js 14** - The powerful React framework optimized for production.}",
+            "- **Tailwind CSS** - Utility-first styling for quick, clean designs.",
+            "- **Shadcn-UI** - Elegant, accessible components for a polished look.",
+            "- **next-mdx-remote** - Enables MDX support for dynamic, interactive Markdown content."
+        ],
+        "description": "Tag Undorderlist for markdown."
+    },
+}

package/src/dist/.vscode/youtube.code-snippets

@@ -0,0 +1,9 @@
+{
+    "DocuVideo": {
+        "prefix": "youtube",
+        "body": [
+            "<Youtube videoId=\"${1:zQnBQ4tB3ZA}\" />"
+        ],
+        "description": "Snippet untuk menampilkan komponen video Youtube."
+    }
+}

package/src/dist/app/page.tsx

@@ -25,7 +25,7 @@ export default function Home() {
             )}
           >
             <AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-100 hover:duration-300 hover:dark:text-neutral-200">
-              <span>🚀 New Version - Release v1.11.0</span>
+              <span>🚀 New Version - Release v1.12.0</span>
               <ArrowRightIcon className="ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5" />
             </AnimatedShinyText>
           </div>

package/src/dist/components/markdown/FileTreeMdx.tsx

@@ -0,0 +1,119 @@
+'use client';
+
+import React, { useState, ReactNode, Children, isValidElement, cloneElement } from 'react';
+import { ChevronRight, ChevronDown, File as FileIcon, Folder as FolderIcon, FolderOpen } from 'lucide-react';
+
+interface FileTreeProps {
+  children: ReactNode;
+  defaultOpen?: boolean;
+}
+
+interface FileProps {
+  name: string;
+  children?: ReactNode;
+}
+
+const FileComponent = ({ name }: FileProps) => {
+  const [isHovered, setIsHovered] = useState(false);
+
+  return (
+    <div
+      className={`
+        flex items-center gap-2 py-1.5 pl-7 pr-3 text-sm
+        transition-all duration-200 ease-in-out rounded-md
+        ${isHovered
+          ? 'bg-blue-50 dark:bg-blue-900/30'
+          : 'hover:bg-gray-50 dark:hover:bg-gray-800/50'}
+      `}
+      onMouseEnter={() => setIsHovered(true)}
+      onMouseLeave={() => setIsHovered(false)}
+    >
+      <FileIcon className={`h-3.5 w-3.5 transition-colors ${isHovered ? 'text-blue-500' : 'text-gray-400 dark:text-gray-500'}`} />
+      <span className="font-mono text-sm text-gray-700 dark:text-gray-300">{name}</span>
+      {isHovered && (
+        <span className="ml-auto text-xs text-gray-400 dark:text-gray-500">
+          {name.split('.').pop()?.toUpperCase()}
+        </span>
+      )}
+    </div>
+  );
+};
+
+const FolderComponent = ({ name, children }: FileProps) => {
+  const [isOpen, setIsOpen] = useState(true); // Set to true by default
+  const [isHovered, setIsHovered] = useState(false);
+  const hasChildren = React.Children.count(children) > 0;
+
+  return (
+    <div className="relative">
+      <div
+        className={`
+          flex items-center gap-2 py-1.5 pl-4 pr-3 rounded-md cursor-pointer
+          transition-all duration-200 ease-in-out
+          ${isHovered ? 'bg-gray-50 dark:bg-gray-800/50' : ''}
+          ${isOpen ? 'text-blue-600 dark:text-blue-400' : 'text-gray-800 dark:text-gray-200'}
+        `}
+        onClick={() => setIsOpen(!isOpen)}
+        onMouseEnter={() => setIsHovered(true)}
+        onMouseLeave={() => setIsHovered(false)}
+      >
+        {hasChildren ? (
+          <ChevronRight
+            className={`h-3.5 w-3.5 transition-transform duration-200 ${isOpen ? 'transform rotate-90' : ''}`}
+          />
+        ) : (
+          <div className="w-3.5" />
+        )}
+        {isOpen ? (
+          <FolderOpen className="h-4 w-4 text-blue-500 dark:text-blue-400" />
+        ) : (
+          <FolderIcon className="h-4 w-4 text-blue-400 dark:text-blue-500" />
+        )}
+        <span className="font-medium">{name}</span>
+      </div>
+      {isOpen && hasChildren && (
+        <div className="ml-5 border-l-2 border-gray-100 dark:border-gray-700/50 pl-2">
+          {children}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export const Files = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className="
+      rounded-xl border border-gray-100 dark:border-gray-700/50
+      bg-white/50 dark:bg-gray-800/30 backdrop-blur-sm
+      shadow-sm overflow-hidden
+      transition-all duration-200
+      hover:shadow-md hover:border-gray-200 dark:hover:border-gray-600/50
+    ">
+      <div className="p-2">
+        {Children.map(children, (child, index) => {
+          if (isValidElement(child)) {
+            return cloneElement(child, { key: index });
+          }
+          return null;
+        })}
+      </div>
+    </div>
+  );
+};
+
+export const Folder = ({ name, children }: FileProps) => {
+  return <FolderComponent name={name}>{children}</FolderComponent>;
+};
+
+export const File = ({ name }: FileProps) => {
+  return <FileComponent name={name} />;
+};
+
+// MDX Components
+export const FileTreeMdx = {
+  Files,
+  File,
+  Folder,
+};
+
+export default FileTreeMdx;

package/src/dist/contents/docs/getting-started/changelog/index.mdx

@@ -8,6 +8,44 @@ date: 24-05-2025
 
 > This changelog contains a list of all the changes made to the DocuBook template. It will be updated with each new release and will include information about new features, bug fixes, and other improvements.
 
+<div className="sr-only">
+### v 1.12.0
+</div>
+
+<Release version="1.12.0" date="2025-05-28" title="New File Tree Component and enhancements for existing components or features">
+  <Changes type="added">
+    - New FileTree component for displaying hierarchical file structures
+    - Support for nested folders and files with expand/collapse functionality
+    - Hover effects showing file extensions
+    - Dark mode support with modern styling
+    - Keyboard navigation and accessibility features
+    - add toc-observer data attribute to detect toc section
+    - cli to copy from path npm registry
+  </Changes>
+  <Changes type="improved">
+    - search dialog hover effect return key
+    - search icon showing on mobile screens
+  </Changes>
+  <Changes type="fixed">
+    - fix search dialog on mobile screens
+    - fix release note component eslint error on mdx when rendering
+    - fix mob-toc callback function
+    - fix toc height issue when toc section is longer than screen height
+  </Changes>
+  <Changes type="removed">
+    - remove prompts depedencies
+    - remove degit depedencies
+    - remove prompts functions
+    - remove degit functions
+    - remove prompts and degit from package.json
+    - remove clone repository using git
+  </Changes>
+</Release>
+
+<Note type="note" title="Note">
+  on this version `1.12.0`, we remove clone repository using git and replace it with cli to copy from path npm registry
+</Note>
+
 <div className="sr-only">
 ### v 1.11.0
 </div>

package/src/dist/contents/docs/getting-started/components/file-tree/index.mdx

@@ -0,0 +1,109 @@
+---
+title: File Tree Component
+description: A customizable file tree component for displaying hierarchical file structures in your documentation.
+date: 28-05-2025
+---
+
+The File Tree component allows you to display hierarchical file structures in your documentation with collapsible folders and files.
+
+## Basic Usage
+
+```
+<Files>
+  <Folder name="src">
+    <File name="App.tsx" />
+    <File name="index.tsx" />
+    <Folder name="components">
+      <File name="Button.tsx" />
+      <File name="Card.tsx" />
+    </Folder>
+    <Folder name="pages">
+      <File name="Home.tsx" />
+      <File name="About.tsx" />
+    </Folder>
+  </Folder>
+</Files>
+```
+
+Render As:
+<Files>
+  <Folder name="src">
+    <File name="App.tsx" />
+    <File name="index.tsx" />
+    <Folder name="components">
+      <File name="Button.tsx" />
+      <File name="Card.tsx" />
+    </Folder>
+    <Folder name="pages">
+      <File name="Home.tsx" />
+      <File name="About.tsx" />
+    </Folder>
+  </Folder>
+</Files>
+
+## Props
+
+### Files
+
+The root component that wraps the entire file tree.
+
+### Folder
+
+| Prop     | Type     | Required | Description                           |
+|----------|----------|----------|---------------------------------------|
+| name     | string   | Yes      | The name of the folder                |
+| children | ReactNode | No      | Child elements (File or Folder)       |
+
+### File
+
+| Prop | Type   | Required | Description                |
+|------|--------|----------|----------------------------|
+| name | string | Yes      | The name of the file       |
+
+
+## Examples
+
+### Nested Folder Structure
+
+```
+<Files>
+  <Folder name="project-root">
+    <File name="package.json" />
+    <File name="tsconfig.json" />
+    <Folder name="src">
+      <File name="index.ts" />
+      <Folder name="components">
+        <File name="Button.tsx" />
+        <File name="Card.tsx" />
+      </Folder>
+    </Folder>
+  </Folder>
+</Files>
+```
+
+### Minimal Example
+
+```
+<Files>
+  <Folder name="components">
+    <File name="Button.tsx" />
+    <File name="Input.tsx" />
+  </Folder>
+</Files>
+```
+
+## Best Practices
+
+1. Keep the nesting level reasonable (recommended max 3-4 levels deep)
+2. Use clear and descriptive names for files and folders
+3. Consider the user experience when displaying large file structures
+4. Use consistent naming conventions throughout your file tree
+
+## Accessibility
+
+The File Tree component includes built-in accessibility features:
+
+- Keyboard navigation support
+- ARIA attributes for screen readers
+- Focus management for interactive elements
+- High contrast mode support

package/src/dist/docu.json

@@ -14,11 +14,6 @@
     "footer": {
       "copyright": "DocuBook",
       "social": [
-        {
-            "name": "Gitlab",
-            "url": "https://gitlab.com/mywildancloud",
-            "iconName": "GitlabIcon"
-        },
         {
             "name": "Instagram",
             "url": "https://www.instagram.com/wildan.nrs",
@@ -80,6 +75,7 @@
             { "title": "Card", "href": "/card" },
             { "title": "Card Group", "href": "/card-group" },
             { "title": "Code Block", "href": "/code-block" },
+            { "title": "File Tree", "href": "/file-tree" },
             { "title": "Image", "href": "/image" },
             { "title": "Keyboard", "href": "/keyboard" },
             { "title": "Link", "href": "/link" },

package/src/dist/lib/markdown.ts

@@ -26,6 +26,7 @@ import Accordion from "@/components/markdown/AccordionMdx";
 import CardGroup from "@/components/markdown/CardGroupMdx";
 import Kbd from "@/components/markdown/KeyboardMdx";
 import { Release, Changes } from "@/components/markdown/ReleaseMdx";
+import { File, Files, Folder } from "@/components/markdown/FileTreeMdx";
 
 // add custom components
 const components = {
@@ -47,8 +48,13 @@ const components = {
   Accordion,
   CardGroup,
   Kbd,
+  // Release Note Components
   Release,
   Changes,
+  // File Tree Components
+  File,
+  Files,
+  Folder,
 };
 
 // can be used for other pages like blogs, Guides etc
@@ -181,64 +187,3 @@ const postProcess = () => (tree: any) => {
     }
   });
 };
-
-// export type Author = {
-//   avatar?: string;
-//   handle: string;
-//   username: string;
-//   handleUrl: string;
-// };
-
-// Blog related types and functions have been removed
-/*
-export type BlogMdxFrontmatter = BaseMdxFrontmatter & {
-  date: string;
-  authors: Author[];
-  cover: string;
-};
-
-export async function getAllBlogStaticPaths() {
-  try {
-    const blogFolder = path.join(process.cwd(), "/contents/blogs/");
-    const res = await fs.readdir(blogFolder);
-    return res.map((file) => file.split(".")[0]);
-  } catch (err) {
-    console.log(err);
-    return [];
-  }
-}
-
-export async function getAllBlogs() {
-  const blogFolder = path.join(process.cwd(), "/contents/blogs/");
-  const files = await fs.readdir(blogFolder);
-  const uncheckedRes = await Promise.all(
-    files.map(async (file) => {
-      try {
-        const filepath = path.join(process.cwd(), `/contents/blogs/${file}`);
-        const rawMdx = await fs.readFile(filepath, "utf-8");
-        return {
-          ...justGetFrontmatterFromMD<BlogMdxFrontmatter>(rawMdx),
-          slug: file.split(".")[0],
-        };
-      } catch (err) {
-        console.log(err);
-        return null;
-      }
-    })
-  );
-  return uncheckedRes.filter((it) => !!it) as (BlogMdxFrontmatter & {
-    slug: string;
-  })[];
-}
-
-export async function getBlogForSlug(slug: string) {
-  try {
-    const blogFile = path.join(process.cwd(), "/contents/blogs/", `${slug}.mdx`);
-    const rawMdx = await fs.readFile(blogFile, "utf-8");
-    return await parseMdx<BlogMdxFrontmatter>(rawMdx);
-  } catch (err) {
-    console.log(err);
-    return null;
-  }
-}
-*/

package/src/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docubook",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

package/src/dist/next-env.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.