daisyui-blueprint 1.2.0 → 1.3.0-development-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +2 -2
  3. package/chunks/chunk-0.js +1 -0
  4. package/chunks/chunk-1.js +1 -0
  5. package/chunks/chunk-2.js +1 -0
  6. package/chunks/chunk-3.js +1 -0
  7. package/chunks/chunk-4.js +1 -0
  8. package/chunks/chunk-5.js +1 -0
  9. package/chunks/chunk-6.js +1 -0
  10. package/package.json +3 -2
  11. package/server.js +1 -1
package/chunks/chunk-4.js ADDED
@@ -0,0 +1 @@
1
+ function J(){var z=['#\x20Pagination\x20Example\x0a##\x20Nex/Prev\x20outline\x20buttons\x20with\x20equal\x20width\x0a\x0a```html\x0a<div\x20class=\x22join\x20grid\x20grid-cols-2\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-outline\x22>Previous\x20page</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-outline\x22>Next</button>\x0a</div>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/mask/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20mask\x0aMask\x20crops\x20the\x20content\x20of\x20the\x20element\x20to\x20common\x20shapes\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`mask`\x0a-\x20style:\x20`mask-squircle`,\x20`mask-heart`,\x20`mask-hexagon`,\x20`mask-hexagon-2`,\x20`mask-decagon`,\x20`mask-pentagon`,\x20`mask-diamond`,\x20`mask-square`,\x20`mask-circle`,\x20`mask-star`,\x20`mask-star-2`,\x20`mask-triangle`,\x20`mask-triangle-2`,\x20`mask-triangle-3`,\x20`mask-triangle-4`\x0a-\x20modifier:\x20`mask-half-1`,\x20`mask-half-2`\x0a\x0a##\x20Syntax\x0a```html\x0a<img\x20class=\x22mask\x20{MODIFIER}\x22\x20src=\x22{image-url}\x22\x20/>\x0a```\x0a','#\x20Progress\x20Example\x0a##\x20Neutral\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-neutral\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-neutral\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-neutral\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-neutral\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-neutral\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Collapsible\x20submenu\x20that\x20works\x20with\x20class\x20names\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<span\x20class=\x22menu-dropdown-toggle\x22>Parent</span>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu-dropdown\x22>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a</ul>\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<span\x20class=\x22menu-dropdown-toggle\x20menu-dropdown-show\x22>Parent</span>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu-dropdown\x20menu-dropdown-show\x22>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<input\x20type=\x22text\x22\x20placeholder=\x22You\x20can\x27t\x20touch\x20this\x22\x20class=\x22input\x22\x20disabled\x20/>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20multiple\x20indicators\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-top\x20indicator-start\x20badge\x22>↖︎</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-top\x20indicator-center\x20badge\x22>↑</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-top\x20indicator-end\x20badge\x22>↗︎</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-middle\x20indicator-start\x20badge\x22>←</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-middle\x20indicator-center\x20badge\x22>●</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-middle\x20indicator-end\x20badge\x22>→</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-bottom\x20indicator-start\x20badge\x22>↙︎</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-bottom\x20indicator-center\x20badge\x22>↓</span>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-bottom\x20indicator-end\x20badge\x22>↘︎</span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-60\x20place-items-center\x22>Box</div>\x0a</div>\x0a\x0a```\x0a','#\x20Progress\x20Example\x0a##\x20Error\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-error\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-error\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-error\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-error\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-error\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','apply','#\x20Mask\x20Example\x0a##\x20Star\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-star\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Hero\x20Example\x0a##\x20Hero\x20with\x20overlay\x20image\x0a\x0a```html\x0a<div\x0a\x20\x20class=\x22hero\x20min-h-screen\x22\x0a\x20\x20style=\x22background-image:\x20url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp);\x22\x0a>\x0a\x20\x20<div\x20class=\x22hero-overlay\x22></div>\x0a\x20\x20<div\x20class=\x22hero-content\x20text-neutral-content\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22max-w-md\x22>\x0a\x20\x20\x20\x20\x20\x20<h1\x20class=\x22mb-5\x20text-5xl\x20font-bold\x22>Hello\x20there</h1>\x0a\x20\x20\x20\x20\x20\x20<p\x20class=\x22mb-5\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Provident\x20cupiditate\x20voluptatem\x20et\x20in.\x20Quaerat\x20fugiat\x20ut\x20assumenda\x20excepturi\x20exercitationem\x0a\x20\x20\x20\x20\x20\x20\x20\x20quasi.\x20In\x20deleniti\x20eaque\x20aut\x20repudiandae\x20et\x20a\x20id\x20nisi.\x0a\x20\x20\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Get\x20Started</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20menu\x20and\x20submenu\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22flex-1\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex-none\x22>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20menu-horizontal\x20px-1\x22>\x0a\x20\x20\x20\x20\x20\x20<li><a>Link</a></li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<details>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<summary>Parent</summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul\x20class=\x22bg-base-100\x20rounded-t-none\x20p-2\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Link\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Link\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</details>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-middle\x20indicator-end\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-middle\x20badge\x20badge-secondary\x22></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20icon\x20only\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x2012l2-2m0\x200l7-7\x207\x207M5\x2010v10a1\x201\x200\x20001\x201h3m10-11l2\x202m-2-2v10a1\x201\x200\x2001-1\x201h-3m-6\x200a1\x201\x200\x20001-1v-4a1\x201\x200\x20011-1h2a1\x201\x200\x20011\x201v4a1\x201\x200\x20001\x201m-6\x200h6\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x2019v-6a2\x202\x200\x2000-2-2H5a2\x202\x200\x2000-2\x202v6a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2zm0\x200V9a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v10m-6\x200a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2m0\x200V5a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v14a2\x202\x200\x2001-2\x202h-2a2\x202\x200\x2001-2-2z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Secondary\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-secondary\x22>Click\x20me</a>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20Status\x20Indicator\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20status\x20status-success\x22></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20title\x20as\x20a\x20parent\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<h2\x20class=\x22menu-title\x22>Title</h2>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Item\x203</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Kbd\x20Example\x0a##\x20Kbd\x20sizes\x0a\x0a```html\x0a<kbd\x20class=\x22kbd\x20kbd-xs\x22>Xsmall</kbd>\x0a<kbd\x20class=\x22kbd\x20kbd-sm\x22>Small</kbd>\x0a<kbd\x20class=\x22kbd\x20kbd-md\x22>Medium</kbd>\x0a<kbd\x20class=\x22kbd\x20kbd-lg\x22>Large</kbd>\x0a<kbd\x20class=\x22kbd\x20kbd-xl\x22>Xlarge</kbd>\x0a\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x20a\x20form\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-base-200\x20text-base-content\x20p-10\x22>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Services</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Branding</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Design</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Marketing</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Advertisement</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Company</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Legal</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Terms\x20of\x20use</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Privacy\x20policy</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Cookie\x20policy</a>\x0a\x20\x20</nav>\x0a\x20\x20<form>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Newsletter</h6>\x0a\x20\x20\x20\x20<fieldset\x20class=\x22w-80\x22>\x0a\x20\x20\x20\x20\x20\x20<label>Enter\x20your\x20email\x20address</label>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22join\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<input\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20type=\x22text\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20placeholder=\x22username@site.com\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22input\x20input-bordered\x20join-item\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x20join-item\x22>Subscribe</button>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</fieldset>\x0a\x20\x20</form>\x0a</footer>\x0a\x0a```\x0a','#\x20Pagination\x20Example\x0a##\x20Extra\x20small\x20buttons\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>«</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>Page\x2022</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>»</button>\x0a</div>\x0a\x0a```\x0a','#\x20Pagination\x20Example\x0a##\x20Using\x20radio\x20inputs\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<input\x0a\x20\x20\x20\x20class=\x22join-item\x20btn\x20btn-square\x22\x0a\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20name=\x22options\x22\x0a\x20\x20\x20\x20aria-label=\x221\x22\x0a\x20\x20\x20\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20class=\x22join-item\x20btn\x20btn-square\x22\x20type=\x22radio\x22\x20name=\x22options\x22\x20aria-label=\x222\x22\x20/>\x0a\x20\x20<input\x20class=\x22join-item\x20btn\x20btn-square\x22\x20type=\x22radio\x22\x20name=\x22options\x22\x20aria-label=\x223\x22\x20/>\x0a\x20\x20<input\x20class=\x22join-item\x20btn\x20btn-square\x22\x20type=\x22radio\x22\x20name=\x22options\x22\x20aria-label=\x224\x22\x20/>\x0a</div>\x0a```\x0a','#\x20Modal\x20Example\x0a##\x20Dialog\x20modal\x0a\x0a```html\x0a<!--\x20Open\x20the\x20modal\x20using\x20ID.showModal()\x20method\x20-->\x0a<button\x20class=\x22btn\x22\x20onclick=\x22my_modal_1.showModal()\x22>open\x20modal</button>\x0a<dialog\x20id=\x22my_modal_1\x22\x20class=\x22modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>Press\x20ESC\x20key\x20or\x20click\x20the\x20button\x20below\x20to\x20close</p>\x0a\x20\x20\x20\x20<div\x20class=\x22modal-action\x22>\x0a\x20\x20\x20\x20\x20\x20<form\x20method=\x22dialog\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20if\x20there\x20is\x20a\x20button\x20in\x20form,\x20it\x20will\x20close\x20the\x20modal\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x22>Close</button>\x0a\x20\x20\x20\x20\x20\x20</form>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</dialog>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Star-2\x20(bold\x20star)\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-star-2\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20File\x20tree\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-xs\x20bg-base-200\x20rounded-box\x20max-w-xs\x20w-full\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.5\x2014.25v-2.625a3.375\x203.375\x200\x2000-3.375-3.375h-1.5A1.125\x201.125\x200\x200113.5\x207.125v-1.5a3.375\x203.375\x200\x2000-3.375-3.375H8.25m0\x2012.75h7.5m-7.5\x203H12M10.5\x202.25H5.625c-.621\x200-1.125.504-1.125\x201.125v17.25c0\x20.621.504\x201.125\x201.125\x201.125h12.75c.621\x200\x201.125-.504\x201.125-1.125V11.25a9\x209\x200\x2000-9-9z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20resume.pdf\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20<summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.25\x2012.75V12A2.25\x202.25\x200\x20014.5\x209.75h15A2.25\x202.25\x200\x200121.75\x2012v.75m-8.69-6.44l-2.12-2.12a1.5\x201.5\x200\x2000-1.061-.44H4.5A2.25\x202.25\x200\x20002.25\x206v12a2.25\x202.25\x200\x20002.25\x202.25h15A2.25\x202.25\x200\x200021.75\x2018V9a2.25\x202.25\x200\x2000-2.25-2.25h-5.379a1.5\x201.5\x200\x2001-1.06-.44z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20My\x20Files\x0a\x20\x20\x20\x20\x20\x20</summary>\x0a\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.5\x2014.25v-2.625a3.375\x203.375\x200\x2000-3.375-3.375h-1.5A1.125\x201.125\x200\x200113.5\x207.125v-1.5a3.375\x203.375\x200\x2000-3.375-3.375H8.25m2.25\x200H5.625c-.621\x200-1.125.504-1.125\x201.125v17.25c0\x20.621.504\x201.125\x201.125\x201.125h12.75c.621\x200\x201.125-.504\x201.125-1.125V11.25a9\x209\x200\x2000-9-9z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Project-final.psd\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.5\x2014.25v-2.625a3.375\x203.375\x200\x2000-3.375-3.375h-1.5A1.125\x201.125\x200\x200113.5\x207.125v-1.5a3.375\x203.375\x200\x2000-3.375-3.375H8.25m2.25\x200H5.625c-.621\x200-1.125.504-1.125\x201.125v17.25c0\x20.621.504\x201.125\x201.125\x201.125h12.75c.621\x200\x201.125-.504\x201.125-1.125V11.25a9\x209\x200\x2000-9-9z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Project-final-2.psd\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.25\x2012.75V12A2.25\x202.25\x200\x20014.5\x209.75h15A2.25\x202.25\x200\x200121.75\x2012v.75m-8.69-6.44l-2.12-2.12a1.5\x201.5\x200\x2000-1.061-.44H4.5A2.25\x202.25\x200\x20002.25\x206v12a2.25\x202.25\x200\x20002.25\x202.25h15A2.25\x202.25\x200\x200021.75\x2018V9a2.25\x202.25\x200\x2000-2.25-2.25h-5.379a1.5\x201.5\x200\x2001-1.06-.44z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Images\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.25\x2015.75l5.159-5.159a2.25\x202.25\x200\x20013.182\x200l5.159\x205.159m-1.5-1.5l1.409-1.409a2.25\x202.25\x200\x20013.182\x200l2.909\x202.909m-18\x203.75h16.5a1.5\x201.5\x200\x20001.5-1.5V6a1.5\x201.5\x200\x2000-1.5-1.5H3.75A1.5\x201.5\x200\x20002.25\x206v12a1.5\x201.5\x200\x20001.5\x201.5zm10.5-11.25h.008v.008h-.008V8.25zm.375\x200a.375.375\x200\x2011-.75\x200\x20.375.375\x200\x2001.75\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Screenshot1.png\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.25\x2015.75l5.159-5.159a2.25\x202.25\x200\x20013.182\x200l5.159\x205.159m-1.5-1.5l1.409-1.409a2.25\x202.25\x200\x20013.182\x200l2.909\x202.909m-18\x203.75h16.5a1.5\x201.5\x200\x20001.5-1.5V6a1.5\x201.5\x200\x2000-1.5-1.5H3.75A1.5\x201.5\x200\x20002.25\x206v12a1.5\x201.5\x200\x20001.5\x201.5zm10.5-11.25h.008v.008h-.008V8.25zm.375\x200a.375.375\x200\x2011-.75\x200\x20.375.375\x200\x2001.75\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Screenshot2.png\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.25\x2012.75V12A2.25\x202.25\x200\x20014.5\x209.75h15A2.25\x202.25\x200\x200121.75\x2012v.75m-8.69-6.44l-2.12-2.12a1.5\x201.5\x200\x2000-1.061-.44H4.5A2.25\x202.25\x200\x20002.25\x206v12a2.25\x202.25\x200\x20002.25\x202.25h15A2.25\x202.25\x200\x200021.75\x2018V9a2.25\x202.25\x200\x2000-2.25-2.25h-5.379a1.5\x201.5\x200\x2001-1.06-.44z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Others\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.25\x2015.75l5.159-5.159a2.25\x202.25\x200\x20013.182\x200l5.159\x205.159m-1.5-1.5l1.409-1.409a2.25\x202.25\x200\x20013.182\x200l2.909\x202.909m-18\x203.75h16.5a1.5\x201.5\x200\x20001.5-1.5V6a1.5\x201.5\x200\x2000-1.5-1.5H3.75A1.5\x201.5\x200\x20002.25\x206v12a1.5\x201.5\x200\x20001.5\x201.5zm10.5-11.25h.008v.008h-.008V8.25zm.375\x200a.375.375\x200\x2011-.75\x200\x20.375.375\x200\x2001.75\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Screenshot3.png\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</details>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</details>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</details>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.5\x2014.25v-2.625a3.375\x203.375\x200\x2000-3.375-3.375h-1.5A1.125\x201.125\x200\x200113.5\x207.125v-1.5a3.375\x203.375\x200\x2000-3.375-3.375H8.25m0\x2012.75h7.5m-7.5\x203H12M10.5\x202.25H5.625c-.621\x200-1.125.504-1.125\x201.125v17.25c0\x20.621.504\x201.125\x201.125\x201.125h12.75c.621\x200\x201.125-.504\x201.125-1.125V11.25a9\x209\x200\x2000-9-9z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20reports-final-2.pdf\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Error\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-error\x22>Click\x20me</a>\x0a\x0a```\x0a','constructor','#\x20Hover\x20Gallery\x20Example\x0a##\x20Hover\x20Gallery\x20in\x20a\x20card\x0a\x0a```html\x0a<div\x20class=\x22card\x20card-sm\x20bg-base-200\x20max-w-60\x20shadow\x22>\x0a\x20\x20<figure\x20class=\x22hover-gallery\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-1.webp\x22\x20/>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-2.webp\x22\x20/>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-3.webp\x22\x20/>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-4.webp\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x20flex\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20daisyUI\x20Hat\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22font-normal\x22>$25</span>\x0a\x20\x20\x20\x20</h2>\x0a\x20\x20\x20\x20<p>High\x20Quality\x20classic\x20cap\x20hat\x20with\x20stitch\x20logo</p>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Heart\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-heart\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/link/\x0a---\x0a\x0a#\x20link\x0aLink\x20adds\x20the\x20missing\x20underline\x20style\x20to\x20links\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`link`\x0a-\x20style:\x20`link-hover`\x0a-\x20color:\x20`link-neutral`,\x20`link-primary`,\x20`link-secondary`,\x20`link-accent`,\x20`link-success`,\x20`link-info`,\x20`link-warning`,\x20`link-error`\x0a\x0a##\x20Syntax\x0a```html\x0a<a\x20class=\x22link\x20{MODIFIER}\x22>Click\x20me</a>\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20(vertical\x20by\x20default,\x20horizontal\x20for\x20sm\x20and\x20up)\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-neutral\x20text-neutral-content\x20p-10\x22>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Services</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Branding</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Design</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Marketing</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Advertisement</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Company</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Legal</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Terms\x20of\x20use</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Privacy\x20policy</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Cookie\x20policy</a>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-top\x20(default)\x20indicator-end\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20badge\x20badge-secondary\x22></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Hover\x203D\x0a##\x20Holographic\x20hover\x203D\x20credit\x20card\x0a\x0a```html\x0a<div\x20class=\x22hover-3d\x20my-12\x20mx-2\x20cursor-pointer\x22>\x0a\x20\x20<!--\x20card\x20-->\x0a\x20\x20<div\x20class=\x22card\x20w-96\x20bg-black\x20text-white\x20bg-[radial-gradient(circle_at_bottom_left,#ffffff04_35%,transparent_36%),radial-gradient(circle_at_top_right,#ffffff04_35%,transparent_36%)]\x20bg-size-[4.95em_4.95em]\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x20font-mono\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex\x20justify-between\x20mb-10\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22font-bold\x22>BANK\x20OF\x20LATVERIA</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-5xl\x20opacity-10\x22>❁</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-lg\x20mb-4\x20opacity-40\x22>0210\x208820\x201150\x200222</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20opacity-20\x22>CARD\x20HOLDER</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div>VICTOR\x20VON\x20D.</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20opacity-20\x22>EXPIRES</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div>29/08</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<!--\x208\x20empty\x20divs\x20needed\x20for\x20the\x203D\x20effect\x20-->\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a</div>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/mockup-window.png\x0adocs:\x20https://daisyui.com/components/mockup-window/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20mockup-window\x0aWindow\x20mockup\x20shows\x20a\x20box\x20that\x20looks\x20like\x20an\x20operating\x20system\x20window\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`mockup-window`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22mockup-window\x22>\x0a\x20\x20<div>{CONTENT}</div>\x0a</div>\x0a```\x0a','#\x20Modal\x20Example\x0a##\x20Dialog\x20modal\x20with\x20custom\x20width\x0a\x0a```html\x0a<!--\x20You\x20can\x20open\x20the\x20modal\x20using\x20ID.showModal()\x20method\x20-->\x0a<button\x20class=\x22btn\x22\x20onclick=\x22my_modal_4.showModal()\x22>open\x20modal</button>\x0a<dialog\x20id=\x22my_modal_4\x22\x20class=\x22modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x20w-11/12\x20max-w-5xl\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>Click\x20the\x20button\x20below\x20to\x20close</p>\x0a\x20\x20\x20\x20<div\x20class=\x22modal-action\x22>\x0a\x20\x20\x20\x20\x20\x20<form\x20method=\x22dialog\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20if\x20there\x20is\x20a\x20button,\x20it\x20will\x20close\x20the\x20modal\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x22>Close</button>\x0a\x20\x20\x20\x20\x20\x20</form>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</dialog>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Email\x20input\x20with\x20icon,\x20validator,\x20button,\x20join\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<label\x20class=\x22input\x20validator\x20join-item\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<rect\x20width=\x2220\x22\x20height=\x2216\x22\x20x=\x222\x22\x20y=\x224\x22\x20rx=\x222\x22></rect>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x20d=\x22m22\x207-8.97\x205.7a1.94\x201.94\x200\x200\x201-2.06\x200L2\x207\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</g>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20<input\x20type=\x22email\x22\x20placeholder=\x22mail@site.com\x22\x20required\x20/>\x0a\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20<div\x20class=\x22validator-hint\x20hidden\x22>Enter\x20valid\x20email\x20address</div>\x0a\x20\x20</div>\x0a\x20\x20<button\x20class=\x22btn\x20btn-neutral\x20join-item\x22>Join</button>\x0a</div>\x0a\x0a```\x0a','145230VtrqlZ','#\x20Kbd\x20Example\x0a##\x20Arrow\x20Keys\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x20justify-center\x22>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>▲</kbd>\x0a</div>\x0a<div\x20class=\x22flex\x20w-full\x20justify-center\x20gap-12\x22>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>◀︎</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>▶︎</kbd>\x0a</div>\x0a<div\x20class=\x22flex\x20w-full\x20justify-center\x22>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>▼</kbd>\x0a</div>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/progress.png\x0adocs:\x20https://daisyui.com/components/progress/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x208px\x0a---\x0a\x0a#\x20progress\x0aProgress\x20bar\x20can\x20be\x20used\x20to\x20show\x20the\x20progress\x20of\x20a\x20task\x20or\x20to\x20show\x20the\x20passing\x20of\x20time\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`progress`\x0a-\x20color:\x20`progress-neutral`,\x20`progress-primary`,\x20`progress-secondary`,\x20`progress-accent`,\x20`progress-info`,\x20`progress-success`,\x20`progress-warning`,\x20`progress-error`\x0a\x0a##\x20Syntax\x0a```html\x0a<progress\x20class=\x22progress\x20{MODIFIER}\x22\x20value=\x2250\x22\x20max=\x22100\x22></progress>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/hero.png\x0adocs:\x20https://daisyui.com/components/hero/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20hero\x0aHero\x20is\x20a\x20component\x20for\x20displaying\x20a\x20large\x20box\x20or\x20image\x20with\x20a\x20title\x20and\x20description\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`hero`\x0a-\x20part:\x20`hero-content`,\x20`hero-overlay`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22hero\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0a','7101440nkqXov','#\x20Menu\x20Example\x0a##\x20Collapsible\x20submenu\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20<summary>Parent</summary>\x0a\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<summary>Parent</summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</details>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</details>\x0a\x20\x20</li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','#\x20Filter\x20Example\x0a##\x20Filter\x20using\x20HTML\x20form,\x20checkboxes,\x20and\x20a\x20reset\x20button\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22checkbox\x22\x20name=\x22frameworks\x22\x20aria-label=\x22Svelte\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22checkbox\x22\x20name=\x22frameworks\x22\x20aria-label=\x22Vue\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22checkbox\x22\x20name=\x22frameworks\x22\x20aria-label=\x22React\x22/>\x0a\x20\x20<input\x20class=\x22btn\x20btn-square\x22\x20type=\x22reset\x22\x20value=\x22×\x22/>\x0a</form>\x0a```\x0a','#\x20Hero\x20Example\x0a##\x20Hero\x20with\x20figure\x0a\x0a```html\x0a<div\x20class=\x22hero\x20bg-base-200\x20min-h-screen\x22>\x0a\x20\x20<div\x20class=\x22hero-content\x20flex-col\x20lg:flex-row\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22max-w-sm\x20rounded-lg\x20shadow-2xl\x22\x0a\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<h1\x20class=\x22text-5xl\x20font-bold\x22>Box\x20Office\x20News!</h1>\x0a\x20\x20\x20\x20\x20\x20<p\x20class=\x22py-6\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Provident\x20cupiditate\x20voluptatem\x20et\x20in.\x20Quaerat\x20fugiat\x20ut\x20assumenda\x20excepturi\x20exercitationem\x0a\x20\x20\x20\x20\x20\x20\x20\x20quasi.\x20In\x20deleniti\x20eaque\x20aut\x20repudiandae\x20et\x20a\x20id\x20nisi.\x0a\x20\x20\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Get\x20Started</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','1265NcBQXq','#\x20Kbd\x20Example\x0a##\x20Function\x20Keys\x0a\x0a```html\x0a<kbd\x20class=\x22kbd\x22>⌘</kbd>\x0a<kbd\x20class=\x22kbd\x22>⌥</kbd>\x0a<kbd\x20class=\x22kbd\x22>⇧</kbd>\x0a<kbd\x20class=\x22kbd\x22>⌃</kbd>\x0a\x0a```\x0a','#\x20Progress\x20Example\x0a##\x20Primary\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-primary\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-primary\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-primary\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-primary\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-primary\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','#\x20Mockup\x20Phone\x20Example\x0a##\x20With\x20color\x20and\x20wallpaper\x0a\x0a```html\x0a<div\x20class=\x22mockup-phone\x20border-[#ff8938]\x22>\x0a\x20\x20<div\x20class=\x22mockup-phone-camera\x22></div>\x0a\x20\x20<div\x20class=\x22mockup-phone-display\x22>\x0a\x20\x20\x20\x20<img\x20alt=\x22wallpaper\x22\x20src=\x22https://img.daisyui.com/images/stock/453966.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Xsmall\x22\x20class=\x22input\x20input-xs\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Small\x22\x20class=\x22input\x20input-sm\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Medium\x22\x20class=\x22input\x20input-md\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Large\x22\x20class=\x22input\x20input-lg\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Xlarge\x22\x20class=\x22input\x20input-xl\x22\x20/>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20Responsive\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x0a\x20\x20\x20\x20class=\x22indicator-item\x20indicator-start\x20sm:indicator-middle\x20md:indicator-bottom\x20lg:indicator-center\x20xl:indicator-end\x20badge\x20badge-secondary\x22\x0a\x20\x20></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a```\x0a','#\x20Label\x20Example\x0a##\x20Label\x20for\x20select\x0a\x0a```html\x0a<label\x20class=\x22select\x22>\x0a\x20\x20<span\x20class=\x22label\x22>Type</span>\x0a\x20\x20<select>\x0a\x20\x20\x20\x20<option>Personal</option>\x0a\x20\x20\x20\x20<option>Business</option>\x0a\x20\x20</select>\x0a</label>\x0a\x0a```\x0a','#\x20Hero\x20Example\x0a##\x20Hero\x20with\x20figure\x20but\x20reverse\x20order\x0a\x0a```html\x0a<div\x20class=\x22hero\x20bg-base-200\x20min-h-screen\x22>\x0a\x20\x20<div\x20class=\x22hero-content\x20flex-col\x20lg:flex-row-reverse\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1635805737707-575885ab0820.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22max-w-sm\x20rounded-lg\x20shadow-2xl\x22\x0a\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<h1\x20class=\x22text-5xl\x20font-bold\x22>Box\x20Office\x20News!</h1>\x0a\x20\x20\x20\x20\x20\x20<p\x20class=\x22py-6\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Provident\x20cupiditate\x20voluptatem\x20et\x20in.\x20Quaerat\x20fugiat\x20ut\x20assumenda\x20excepturi\x20exercitationem\x0a\x20\x20\x20\x20\x20\x20\x20\x20quasi.\x20In\x20deleniti\x20eaque\x20aut\x20repudiandae\x20et\x20a\x20id\x20nisi.\x0a\x20\x20\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Get\x20Started</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Telephone\x20number\x20input\x20with\x20icon\x20and\x20validator\x0a\x0a```html\x0a<label\x20class=\x22input\x20validator\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2016\x2016\x22>\x0a\x20\x20\x20\x20<g\x20fill=\x22none\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M7.25\x2011.5C6.83579\x2011.5\x206.5\x2011.8358\x206.5\x2012.25C6.5\x2012.6642\x206.83579\x2013\x207.25\x2013H8.75C9.16421\x2013\x209.5\x2012.6642\x209.5\x2012.25C9.5\x2011.8358\x209.16421\x2011.5\x208.75\x2011.5H7.25Z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M6\x201C4.61929\x201\x203.5\x202.11929\x203.5\x203.5V12.5C3.5\x2013.8807\x204.61929\x2015\x206\x2015H10C11.3807\x2015\x2012.5\x2013.8807\x2012.5\x2012.5V3.5C12.5\x202.11929\x2011.3807\x201\x2010\x201H6ZM10\x202.5H9.5V3C9.5\x203.27614\x209.27614\x203.5\x209\x203.5H7C6.72386\x203.5\x206.5\x203.27614\x206.5\x203V2.5H6C5.44771\x202.5\x205\x202.94772\x205\x203.5V12.5C5\x2013.0523\x205.44772\x2013.5\x206\x2013.5H10C10.5523\x2013.5\x2011\x2013.0523\x2011\x2012.5V3.5C11\x202.94772\x2010.5523\x202.5\x2010\x202.5Z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22tel\x22\x0a\x20\x20\x20\x20class=\x22tabular-nums\x22\x0a\x20\x20\x20\x20required\x0a\x20\x20\x20\x20placeholder=\x22Phone\x22\x0a\x20\x20\x20\x20pattern=\x22[0-9]*\x22\x0a\x20\x20\x20\x20minlength=\x2210\x22\x0a\x20\x20\x20\x20maxlength=\x2210\x22\x0a\x20\x20\x20\x20title=\x22Must\x20be\x2010\x20digits\x22\x0a\x20\x20/>\x0a</label>\x0a<p\x20class=\x22validator-hint\x22>Must\x20be\x2010\x20digits</p>\x0a\x0a```\x0a','#\x20Mockup\x20Code\x20Example\x0a##\x20mockup\x20code\x20with\x20line\x20prefix\x0a\x0a```html\x0a<div\x20class=\x22mockup-code\x20w-full\x22>\x0a\x20\x20<pre\x20data-prefix=\x22$\x22><code>npm\x20i\x20daisyui</code></pre>\x0a</div>\x0a\x0a```\x0a','#\x20Mockup\x20Browser\x20Example\x0a##\x20browser\x20mockup\x20with\x20border\x0a\x0a```html\x0a<div\x20class=\x22mockup-browser\x20border-base-300\x20border\x20w-full\x22>\x0a\x20\x20<div\x20class=\x22mockup-browser-toolbar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22input\x22>https://daisyui.com</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22grid\x20place-content-center\x20border-t\x20border-base-300\x20h-80\x22>Hello!</div>\x0a</div>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-bottom\x20indicator-center\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x0a\x20\x20\x20\x20class=\x22indicator-item\x20indicator-bottom\x20indicator-center\x20badge\x20badge-secondary\x22\x0a\x20\x20></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Loading\x20Example\x0a##\x20Loading\x20with\x20colors\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-primary\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-secondary\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-accent\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-neutral\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-info\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-success\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-warning\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20text-error\x22></span>\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Primary\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-primary\x22>Click\x20me</a>\x0a\x0a```\x0a','329EtxJtl','---\x0adocs:\x20https://daisyui.com/components/hover-gallery/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20hover-gallery\x0aHover\x20Gallery\x20is\x20container\x20of\x20images.\x20The\x20first\x20image\x20is\x20visible\x20be\x20default\x20and\x20when\x20we\x20hover\x20it\x20horizontally,\x20other\x20images\x20show\x20up.\x20Hover\x20Gallery\x20is\x20useful\x20for\x20product\x20cards\x20in\x20ecommerce\x20sites,\x20portfoilios\x20or\x20in\x20image\x20galleries.\x20Hover\x20Gallery\x20can\x20include\x20up\x20to\x2010\x20images.\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`hover-gallery`\x0a\x0a##\x20Syntax\x0a```html\x0a<figure\x20class=\x22hover-gallery\x20max-w-60\x22>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-1.webp\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-2.webp\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-3.webp\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-4.webp\x22\x20/>\x0a</figure>\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20for\x20an\x20input\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20badge\x22>Required</span>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Your\x20email\x20address\x22\x20class=\x22input\x20input-bordered\x22\x20/>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/label.png\x0adocs:\x20https://daisyui.com/components/label/\x0a---\x0a\x0a#\x20label\x0aLabel\x20is\x20used\x20to\x20provide\x20a\x20name\x20or\x20title\x20for\x20an\x20input\x20field.\x20Label\x20can\x20be\x20placed\x20before\x20or\x20after\x20the\x20field\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`label`,\x20`floating-label`\x0a\x0a##\x20Syntax\x0aFor\x20regular\x20label:\x0a```html\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<span\x20class=\x22label\x22>{label\x20text}</span>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Type\x20here\x22\x20/>\x0a</label>\x0a```\x0aFor\x20floating\x20label:\x0a```html\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Type\x20here\x22\x20class=\x22input\x22\x20/>\x0a\x20\x20<span>{label\x20text}</span>\x0a</label>\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Username\x20text\x20input\x20with\x20icon\x20and\x20validator\x0a\x0a```html\x0a<label\x20class=\x22input\x20validator\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M19\x2021v-2a4\x204\x200\x200\x200-4-4H9a4\x204\x200\x200\x200-4\x204v2\x22></path>\x0a\x20\x20\x20\x20\x20\x20<circle\x20cx=\x2212\x22\x20cy=\x227\x22\x20r=\x224\x22></circle>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22text\x22\x0a\x20\x20\x20\x20required\x0a\x20\x20\x20\x20placeholder=\x22Username\x22\x0a\x20\x20\x20\x20pattern=\x22[A-Za-z][A-Za-z0-9\x5c\x5c-]*\x22\x0a\x20\x20\x20\x20minlength=\x223\x22\x0a\x20\x20\x20\x20maxlength=\x2230\x22\x0a\x20\x20\x20\x20title=\x22Only\x20letters,\x20numbers\x20or\x20dash\x22\x0a\x20\x20/>\x0a</label>\x0a<p\x20class=\x22validator-hint\x22>\x0a\x20\x20Must\x20be\x203\x20to\x2030\x20characters\x0a\x20\x20<br\x20/>containing\x20only\x20letters,\x20numbers\x20or\x20dash\x0a</p>\x0a\x0a```\x0a','#\x20Navbar\x20Example\x0a##\x20responsive\x20(dropdown\x20menu\x20on\x20small\x20screen,\x20center\x20menu\x20on\x20large\x20screen)\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22navbar-start\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22dropdown\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-ghost\x20lg:hidden\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-5\x20w-5\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M4\x206h16M4\x2012h8m-8\x206h16\x22\x20/>\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<ul\x0a\x20\x20\x20\x20\x20\x20\x20\x20tabindex=\x22-1\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22menu\x20menu-sm\x20dropdown-content\x20bg-base-100\x20rounded-box\x20z-1\x20mt-3\x20w-52\x20p-2\x20shadow\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a>Parent</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul\x20class=\x22p-2\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Item\x203</a></li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22navbar-center\x20hidden\x20lg:flex\x22>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20menu-horizontal\x20px-1\x22>\x0a\x20\x20\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<details>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<summary>Parent</summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul\x20class=\x22p-2\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</details>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Item\x203</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22navbar-end\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x22>Button</a>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Collapsible\x20with\x20submenu\x20(responsive)\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20lg:menu-horizontal\x20bg-base-200\x20rounded-box\x20lg:mb-64\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20<summary>Parent\x20item</summary>\x0a\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<details\x20open>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<summary>Parent</summary>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>item\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</details>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</details>\x0a\x20\x20</li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Decagon\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-decagon\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20A\x20button\x20as\x20an\x20indicator\x20for\x20a\x20card\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<div\x20class=\x22indicator-item\x20indicator-bottom\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Apply</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22card\x20border-base-300\x20border\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Job\x20Title</h2>\x0a\x20\x20\x20\x20\x20\x20<p>Rerum\x20reiciendis\x20beatae\x20tenetur\x20excepturi</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Loading\x20Example\x0a##\x20Loading\x20dots\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-dots\x20loading-xs\x22></span>\x0a<span\x20class=\x22loading\x20loading-dots\x20loading-sm\x22></span>\x0a<span\x20class=\x22loading\x20loading-dots\x20loading-md\x22></span>\x0a<span\x20class=\x22loading\x20loading-dots\x20loading-lg\x22></span>\x0a<span\x20class=\x22loading\x20loading-dots\x20loading-xl\x22></span>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Ghost\x20style\x0a\x0a```html\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Type\x20here\x22\x20class=\x22input\x20input-ghost\x22\x20/>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-middle\x20indicator-center\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x0a\x20\x20\x20\x20class=\x22indicator-item\x20indicator-middle\x20indicator-center\x20badge\x20badge-secondary\x22\x0a\x20\x20></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20Badge\x20as\x20indicator\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20badge\x20badge-primary\x22>New</span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Mockup\x20Code\x20Example\x0a##\x20Multi\x20line\x0a\x0a```html\x0a<div\x20class=\x22mockup-code\x20w-full\x22>\x0a\x20\x20<pre\x20data-prefix=\x22$\x22><code>npm\x20i\x20daisyui</code></pre>\x0a\x20\x20<pre\x20data-prefix=\x22>\x22\x20class=\x22text-warning\x22><code>installing...</code></pre>\x0a\x20\x20<pre\x20data-prefix=\x22>\x22\x20class=\x22text-success\x22><code>Done!</code></pre>\x0a</div>\x0a\x0a```\x0a','#\x20Kbd\x20Example\x0a##\x20Key\x20combination\x0a\x0a```html\x0a<kbd\x20class=\x22kbd\x22>ctrl</kbd>\x0a+\x0a<kbd\x20class=\x22kbd\x22>shift</kbd>\x0a+\x0a<kbd\x20class=\x22kbd\x22>del</kbd>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/mockup-browser.png\x0adocs:\x20https://daisyui.com/components/mockup-browser/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20mockup-browser\x0aBrowser\x20mockup\x20shows\x20a\x20box\x20that\x20looks\x20like\x20a\x20browser\x20window\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`mockup-browser`\x0a-\x20part:\x20`mockup-browser-toolbar`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22mockup-browser\x22>\x0a\x20\x20<div\x20class=\x22mockup-browser-toolbar\x22>\x0a\x20\x20\x20\x20{toolbar\x20content}\x0a\x20\x20</div>\x0a\x20\x20<div>{CONTENT}</div>\x0a</div>\x0a```\x0a','toString','#\x20Mask\x20Example\x0a##\x20Triangle-2\x20(pointing\x20down)\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-triangle-2\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Join\x20Example\x0a##\x20With\x20extra\x20elements\x20in\x20the\x20group\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<input\x20class=\x22input\x20join-item\x22\x20placeholder=\x22Search\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<select\x20class=\x22select\x20join-item\x22>\x0a\x20\x20\x20\x20<option\x20disabled\x20selected>Filter</option>\x0a\x20\x20\x20\x20<option>Sci-fi</option>\x0a\x20\x20\x20\x20<option>Drama</option>\x0a\x20\x20\x20\x20<option>Action</option>\x0a\x20\x20</select>\x0a\x20\x20<div\x20class=\x22indicator\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22indicator-item\x20badge\x20badge-secondary\x22>new</span>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20join-item\x22>Search</button>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20URL\x20with\x20icon\x20and\x20validator\x0a\x0a```html\x0a<label\x20class=\x22input\x20validator\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M10\x2013a5\x205\x200\x200\x200\x207.54.54l3-3a5\x205\x200\x200\x200-7.07-7.07l-1.72\x201.71\x22></path>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M14\x2011a5\x205\x200\x200\x200-7.54-.54l-3\x203a5\x205\x200\x200\x200\x207.07\x207.07l1.71-1.71\x22></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22url\x22\x0a\x20\x20\x20\x20required\x0a\x20\x20\x20\x20placeholder=\x22https://\x22\x0a\x20\x20\x20\x20value=\x22https://\x22\x0a\x20\x20\x20\x20pattern=\x22^(https?://)?([a-zA-Z0-9]([a-zA-Z0-9\x5c\x5c-].*[a-zA-Z0-9])?\x5c\x5c.)+[a-zA-Z].*$\x22\x0a\x20\x20\x20\x20title=\x22Must\x20be\x20valid\x20URL\x22\x0a\x20\x20/>\x0a</label>\x0a<p\x20class=\x22validator-hint\x22>Must\x20be\x20valid\x20URL</p>\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Square\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-square\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Text\x20input\x0a\x0a```html\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Type\x20here\x22\x20class=\x22input\x22\x20/>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Diamond\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-diamond\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x20links\x20and\x20social\x20icons\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-base-300\x20text-base-content\x20p-10\x22>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Services</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Branding</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Design</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Marketing</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Advertisement</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Company</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Social</h6>\x0a\x20\x20\x20\x20<div\x20class=\x22grid\x20grid-flow-col\x20gap-4\x22>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M24\x204.557c-.883.392-1.832.656-2.828.775\x201.017-.609\x201.798-1.574\x202.165-2.724-.951.564-2.005.974-3.127\x201.195-.897-.957-2.178-1.555-3.594-1.555-3.179\x200-5.515\x202.966-4.797\x206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29\x202.213-.669\x205.108\x201.523\x206.574-.806-.026-1.566-.247-2.229-.616-.054\x202.281\x201.581\x204.415\x203.949\x204.89-.693.188-1.452.232-2.224.084.626\x201.956\x202.444\x203.379\x204.6\x203.419-2.07\x201.623-4.678\x202.348-7.29\x202.04\x202.179\x201.397\x204.768\x202.212\x207.548\x202.212\x209.142\x200\x2014.307-7.721\x2013.995-14.646.962-.695\x201.797-1.562\x202.457-2.549z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.615\x203.184c-3.604-.246-11.631-.245-15.23\x200-3.897.266-4.356\x202.62-4.385\x208.816.029\x206.185.484\x208.549\x204.385\x208.816\x203.6.245\x2011.626.246\x2015.23\x200\x203.897-.266\x204.356-2.62\x204.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615\x2012.816v-8l8\x203.993-8\x204.007z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333\x201.115-1.333h2.885v-5h-3.808c-3.596\x200-5.192\x201.583-5.192\x204.615v3.385z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x20a\x20logo\x20section\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-base-200\x20text-base-content\x20p-10\x22>\x0a\x20\x20<aside>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20width=\x2250\x22\x0a\x20\x20\x20\x20\x20\x20height=\x2250\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M22.672\x2015.226l-2.432.811.841\x202.515c.33\x201.019-.209\x202.127-1.23\x202.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013\x201.677.84\x202.517c.391\x201.203-.434\x202.542-1.831\x202.542-.88\x200-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127\x201.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839\x200-.817.509-1.582\x201.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129\x201.232-2.458\x201.02-.329\x202.13.209\x202.461\x201.229l.842\x202.515\x205.011-1.677-.839-2.517c-.403-1.238.484-2.553\x201.843-2.553.819\x200\x201.585.509\x201.85\x201.326l.841\x202.517\x202.431-.81c1.02-.33\x202.131.211\x202.461\x201.229.332\x201.018-.21\x202.126-1.23\x202.456l-2.433.809\x201.622\x204.823\x202.433-.809c1.242-.401\x202.557.484\x202.557\x201.838\x200\x20.819-.51\x201.583-1.328\x201.847m-8.992-6.428l-5.01\x201.675\x201.619\x204.828\x205.011-1.674-1.62-4.829z\x22></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20<p>\x0a\x20\x20\x20\x20\x20\x20ACME\x20Industries\x20Ltd.\x0a\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20Providing\x20reliable\x20tech\x20since\x201992\x0a\x20\x20\x20\x20</p>\x0a\x20\x20</aside>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Services</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Branding</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Design</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Marketing</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Advertisement</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Company</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Legal</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Terms\x20of\x20use</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Privacy\x20policy</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Cookie\x20policy</a>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','#\x20Kbd\x20Example\x0a##\x20Kbd\x0a\x0a```html\x0a<kbd\x20class=\x22kbd\x22>K</kbd>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Input\x20colors\x0a\x0a```html\x0a<input\x20type=\x22text\x22\x20placeholder=\x22neutral\x22\x20class=\x22input\x20input-neutral\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Primary\x22\x20class=\x22input\x20input-primary\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Secondary\x22\x20class=\x22input\x20input-secondary\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Accent\x22\x20class=\x22input\x20input-accent\x22\x20/>\x0a\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Info\x22\x20class=\x22input\x20input-info\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Success\x22\x20class=\x22input\x20input-success\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Warning\x22\x20class=\x22input\x20input-warning\x22\x20/>\x0a<input\x20type=\x22text\x22\x20placeholder=\x22Error\x22\x20class=\x22input\x20input-error\x22\x20/>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Warning\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-warning\x22>Click\x20me</a>\x0a\x0a```\x0a','#\x20Hero\x20Example\x0a##\x20Hero\x20with\x20form\x0a\x0a```html\x0a<div\x20class=\x22hero\x20bg-base-200\x20min-h-screen\x22>\x0a\x20\x20<div\x20class=\x22hero-content\x20flex-col\x20lg:flex-row-reverse\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22text-center\x20lg:text-left\x22>\x0a\x20\x20\x20\x20\x20\x20<h1\x20class=\x22text-5xl\x20font-bold\x22>Login\x20now!</h1>\x0a\x20\x20\x20\x20\x20\x20<p\x20class=\x22py-6\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Provident\x20cupiditate\x20voluptatem\x20et\x20in.\x20Quaerat\x20fugiat\x20ut\x20assumenda\x20excepturi\x20exercitationem\x0a\x20\x20\x20\x20\x20\x20\x20\x20quasi.\x20In\x20deleniti\x20eaque\x20aut\x20repudiandae\x20et\x20a\x20id\x20nisi.\x0a\x20\x20\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22card\x20bg-base-100\x20w-full\x20max-w-sm\x20shrink-0\x20shadow-2xl\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label\x20class=\x22label\x22>Email</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22email\x22\x20class=\x22input\x22\x20placeholder=\x22Email\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label\x20class=\x22label\x22>Password</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22password\x22\x20class=\x22input\x22\x20placeholder=\x22Password\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div><a\x20class=\x22link\x20link-hover\x22>Forgot\x20password?</a></div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-neutral\x20mt-4\x22>Login</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</fieldset>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20icon\x20only\x20(horizontal)\x20with\x20tooltip\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-horizontal\x20bg-base-200\x20rounded-box\x20mt-6\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a\x20class=\x22tooltip\x22\x20data-tip=\x22Home\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x2012l2-2m0\x200l7-7\x207\x207M5\x2010v10a1\x201\x200\x20001\x201h3m10-11l2\x202m-2-2v10a1\x201\x200\x2001-1\x201h-3m-6\x200a1\x201\x200\x20001-1v-4a1\x201\x200\x20011-1h2a1\x201\x200\x20011\x201v4a1\x201\x200\x20001\x201m-6\x200h6\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a\x20class=\x22tooltip\x22\x20data-tip=\x22Details\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a\x20class=\x22tooltip\x22\x20data-tip=\x22Stats\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x2019v-6a2\x202\x200\x2000-2-2H5a2\x202\x200\x2000-2\x202v6a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2zm0\x200V9a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v10m-6\x200a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2m0\x200V5a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v14a2\x202\x200\x2001-2\x202h-2a2\x202\x200\x2001-2-2z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/menu.png\x0adocs:\x20https://daisyui.com/components/menu/\x0adimensions:\x0a\x20\x20width:\x20min-content\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20menu\x0aMenu\x20is\x20used\x20to\x20display\x20a\x20list\x20of\x20links\x20vertically\x20or\x20horizontally\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`menu`\x0a-\x20part:\x20`menu-title`,\x20`menu-dropdown`,\x20`menu-dropdown-toggle`\x0a-\x20modifier:\x20`menu-disabled`,\x20`menu-active`,\x20`menu-focus`,\x20`menu-dropdown-show`\x0a-\x20size:\x20`menu-xs`,\x20`menu-sm`,\x20`menu-md`,\x20`menu-lg`,\x20`menu-xl`\x0a-\x20direction:\x20`menu-vertical`,\x20`menu-horizontal`\x0a\x0a##\x20Syntax\x0aVertical\x20menu:\x0a```html\x0a<ul\x20class=\x22menu\x22>\x0a\x20\x20<li><button>Item</button></li>\x0a</ul>\x0a```\x0aHorizontal\x20menu:\x0a```html\x0a<ul\x20class=\x22menu\x20menu-horizontal\x22>\x0a\x20\x20<li><button>Item</button></li>\x0a</ul>\x0a```\x0a','#\x20Loading\x20Example\x0a##\x20Loading\x20infinity\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-infinity\x20loading-xs\x22></span>\x0a<span\x20class=\x22loading\x20loading-infinity\x20loading-sm\x22></span>\x0a<span\x20class=\x22loading\x20loading-infinity\x20loading-md\x22></span>\x0a<span\x20class=\x22loading\x20loading-infinity\x20loading-lg\x22></span>\x0a<span\x20class=\x22loading\x20loading-infinity\x20loading-xl\x22></span>\x0a\x0a```\x0a','#\x20Loading\x20Example\x0a##\x20Loading\x20ring\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-ring\x20loading-xs\x22></span>\x0a<span\x20class=\x22loading\x20loading-ring\x20loading-sm\x22></span>\x0a<span\x20class=\x22loading\x20loading-ring\x20loading-md\x22></span>\x0a<span\x20class=\x22loading\x20loading-ring\x20loading-lg\x22></span>\x0a<span\x20class=\x22loading\x20loading-ring\x20loading-xl\x22></span>\x0a\x0a```\x0a','#\x20Modal\x20Example\x0a##\x20Modal\x20that\x20closes\x20when\x20clicked\x20outside\x0a\x0a```html\x0a<!--\x20The\x20button\x20to\x20open\x20modal\x20-->\x0a<label\x20for=\x22my_modal_7\x22\x20class=\x22btn\x22>open\x20modal</label>\x0a\x0a<!--\x20Put\x20this\x20part\x20before\x20</body>\x20tag\x20-->\x0a<input\x20type=\x22checkbox\x22\x20id=\x22my_modal_7\x22\x20class=\x22modal-toggle\x22\x20/>\x0a<div\x20class=\x22modal\x22\x20role=\x22dialog\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>This\x20modal\x20works\x20with\x20a\x20hidden\x20checkbox!</p>\x0a\x20\x20</div>\x0a\x20\x20<label\x20class=\x22modal-backdrop\x22\x20for=\x22my_modal_7\x22>Close</label>\x0a</div>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Show\x20underline\x20only\x20on\x20hover\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-hover\x22>Click\x20me</a>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/indicator.png\x0adocs:\x20https://daisyui.com/components/indicator/\x0a---\x0a\x0a#\x20indicator\x0aIndicators\x20are\x20used\x20to\x20place\x20an\x20element\x20on\x20the\x20corner\x20of\x20another\x20element\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`indicator`\x0a-\x20part:\x20`indicator-item`\x0a-\x20placement:\x20`indicator-start`,\x20`indicator-center`,\x20`indicator-end`,\x20`indicator-top`,\x20`indicator-middle`,\x20`indicator-bottom`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x22>{indicator\x20content}</span>\x0a\x20\x20<div>{main\x20content}</div>\x0a</div>\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20in\x20center\x20of\x20an\x20image\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-center\x20indicator-middle\x22>\x0a\x20\x20\x20\x20Only\x20available\x20for\x20Pro\x20users\x0a\x20\x20</span>\x0a\x20\x20<img\x0a\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20examples\x22\x0a\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp\x22\x0a\x20\x20/>\x0a</div>\x0a\x0a```\x0a','#\x20Modal\x20Example\x0a##\x20Modal\x20using\x20anchor\x20link\x0a\x0a```html\x0a<!--\x20The\x20button\x20to\x20open\x20modal\x20-->\x0a<a\x20href=\x22#my_modal_8\x22\x20class=\x22btn\x22>open\x20modal</a>\x0a\x0a<!--\x20Put\x20this\x20part\x20before\x20</body>\x20tag\x20-->\x0a<div\x20class=\x22modal\x22\x20role=\x22dialog\x22\x20id=\x22my_modal_8\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>This\x20modal\x20works\x20with\x20anchor\x20links</p>\x0a\x20\x20\x20\x20<div\x20class=\x22modal-action\x22>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#\x22\x20class=\x22btn\x22>Yay!</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20disabled\x20items\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Enabled\x20item</a></li>\x0a\x20\x20<li\x20class=\x22menu-disabled\x22><a>disabled\x20item</a></li>\x0a\x20\x20<li\x20class=\x22menu-disabled\x22><a>disabled\x20item</a></li>\x0a</ul>\x0a\x0a```\x0a','#\x20Mockup\x20Code\x20Example\x0a##\x20Long\x20line\x20will\x20scroll\x0a\x0a```html\x0a<div\x20class=\x22mockup-code\x20w-full\x22>\x0a\x20\x20<pre\x0a\x20\x20\x20\x20data-prefix=\x22~\x22><code>Magnam\x20dolore\x20beatae\x20necessitatibus\x20nemopsum\x20itaque\x20sit.\x20Et\x20porro\x20quae\x20qui\x20et\x20et\x20dolore\x20ratione.</code></pre>\x0a</div>\x0a\x0a```\x0a','(((.+)+)+)+$','#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20search\x20input\x20and\x20dropdown\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22flex-1\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex\x20gap-2\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Search\x22\x20class=\x22input\x20input-bordered\x20w-24\x20md:w-auto\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22dropdown\x20dropdown-end\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-ghost\x20btn-circle\x20avatar\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Navbar\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<ul\x0a\x20\x20\x20\x20\x20\x20\x20\x20tabindex=\x22-1\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22menu\x20menu-sm\x20dropdown-content\x20bg-base-100\x20rounded-box\x20z-1\x20mt-3\x20w-52\x20p-2\x20shadow\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a\x20class=\x22justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Profile\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x22>New</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Settings</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Logout</a></li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Triangle-4\x20(pointing\x20right)\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-triangle-4\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a```\x0a','#\x20Modal\x20Example\x0a##\x20Dialog\x20modal,\x20closes\x20when\x20clicked\x20outside\x0a\x0a```html\x0a<!--\x20Open\x20the\x20modal\x20using\x20ID.showModal()\x20method\x20-->\x0a<button\x20class=\x22btn\x22\x20onclick=\x22my_modal_2.showModal()\x22>open\x20modal</button>\x0a<dialog\x20id=\x22my_modal_2\x22\x20class=\x22modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>Press\x20ESC\x20key\x20or\x20click\x20outside\x20to\x20close</p>\x0a\x20\x20</div>\x0a\x20\x20<form\x20method=\x22dialog\x22\x20class=\x22modal-backdrop\x22>\x0a\x20\x20\x20\x20<button>close</button>\x0a\x20\x20</form>\x0a</dialog>\x0a\x0a```\x0a','#\x20Loading\x20Example\x0a##\x20Loading\x20bars\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-bars\x20loading-xs\x22></span>\x0a<span\x20class=\x22loading\x20loading-bars\x20loading-sm\x22></span>\x0a<span\x20class=\x22loading\x20loading-bars\x20loading-md\x22></span>\x0a<span\x20class=\x22loading\x20loading-bars\x20loading-lg\x22></span>\x0a<span\x20class=\x22loading\x20loading-bars\x20loading-xl\x22></span>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/mockup-code.png\x0adocs:\x20https://daisyui.com/components/mockup-code/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20mockup-code\x0aCode\x20mockup\x20is\x20used\x20to\x20show\x20a\x20block\x20of\x20code\x20in\x20a\x20box\x20that\x20looks\x20like\x20a\x20code\x20editor\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`mockup-code`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22mockup-code\x22>\x0a\x20\x20<pre\x20data-prefix=\x22$\x22><code>npm\x20i\x20daisyui</code></pre>\x0a</div>\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20for\x20tab\x0a\x0a```html\x0a<div\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<a\x20class=\x22tab\x22>Messages</a>\x0a\x20\x20<a\x20class=\x22indicator\x20tab\x20tab-active\x22>\x0a\x20\x20\x20\x20Notifications\x0a\x20\x20\x20\x20<span\x20class=\x22indicator-item\x20badge\x22>8</span>\x0a\x20\x20</a>\x0a\x20\x20<a\x20class=\x22tab\x22>Requests</a>\x0a</div>\x0a\x0a```\x0a','#\x20Mockup\x20Code\x20Example\x0a##\x20Without\x20prefix\x0a\x0a```html\x0a<div\x20class=\x22mockup-code\x20w-full\x22>\x0a\x20\x20<pre><code>without\x20prefix</code></pre>\x0a</div>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Squircle\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-squircle\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Hover\x20Gallery\x20Example\x0a##\x20Hover\x20Gallery\x0a\x0a```html\x0a<figure\x20class=\x22hover-gallery\x20max-w-60\x22>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-1.webp\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-2.webp\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-3.webp\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/daisyui-hat-4.webp\x22\x20/>\x0a</figure>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Mega\x20menu\x20with\x20submenu\x20(responsive)\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20xl:menu-horizontal\x20bg-base-200\x20rounded-box\x20lg:min-w-max\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>Solutions</a>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>Design</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Development</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Hosting</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Domain\x20register</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>Enterprise</a>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>CRM\x20software</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Marketing\x20management</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Security</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Consulting</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>Products</a>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>UI\x20Kit</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>WordPress\x20themes</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>WordPress\x20plugins</a></li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<a>Open\x20source</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Auth\x20management\x20system</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>VScode\x20theme</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Color\x20picker\x20app</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>Company</a>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>About\x20us</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Contact\x20us</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Privacy\x20policy</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Press\x20kit</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Horizontal\x20submenu\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-horizontal\x20bg-base-200\x20rounded-box\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>Parent</a>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','305MkkEWK','#\x20Kbd\x20Example\x0a##\x20A\x20full\x20keyboard\x0a\x0a```html\x0a<div\x20class=\x22my-1\x20flex\x20w-full\x20justify-center\x20gap-1\x22>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>q</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>w</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>e</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>r</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>t</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>y</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>u</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>i</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>o</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>p</kbd>\x0a</div>\x0a<div\x20class=\x22my-1\x20flex\x20w-full\x20justify-center\x20gap-1\x22>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>a</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>s</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>d</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>f</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>g</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>h</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>j</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>k</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>l</kbd>\x0a</div>\x0a<div\x20class=\x22my-1\x20flex\x20w-full\x20justify-center\x20gap-1\x22>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>z</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>x</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>c</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>v</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>b</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>n</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>m</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x22>/</kbd>\x0a</div>\x0a\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x202\x20rows\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-neutral\x20text-neutral-content\x20grid-rows-2\x20p-10\x22>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Services</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Branding</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Design</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Marketing</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Advertisement</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Company</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Legal</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Terms\x20of\x20use</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Privacy\x20policy</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Cookie\x20policy</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Social</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Twitter</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Instagram</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Facebook</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>GitHub</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Explore</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Features</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Enterprise</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Security</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Pricing</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Apps</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Mac</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Windows</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>iPhone</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Android</a>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-top\x20(default)\x20indicator-center\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-center\x20badge\x20badge-secondary\x22></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Triangle-3\x20(pointing\x20left)\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-triangle-3\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Filter\x20Example\x0a##\x20Filter\x20using\x20HTML\x20form,\x20radio\x20buttons\x20and\x20reset\x20button\x0a\x0a```html\x0a<form\x20class=\x22filter\x22>\x0a\x20\x20<input\x20class=\x22btn\x20btn-square\x22\x20type=\x22reset\x22\x20value=\x22×\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22frameworks\x22\x20aria-label=\x22Svelte\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22frameworks\x22\x20aria-label=\x22Vue\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22frameworks\x22\x20aria-label=\x22React\x22/>\x0a</form>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Accent\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-accent\x22>Click\x20me</a>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Number\x20input\x20with\x20validator\x0a\x0a```html\x0a<input\x0a\x20\x20type=\x22number\x22\x0a\x20\x20class=\x22input\x20validator\x22\x0a\x20\x20required\x0a\x20\x20placeholder=\x22Type\x20a\x20number\x20between\x201\x20to\x2010\x22\x0a\x20\x20min=\x221\x22\x0a\x20\x20max=\x2210\x22\x0a\x20\x20title=\x22Must\x20be\x20between\x20be\x201\x20to\x2010\x22\x0a/>\x0a<p\x20class=\x22validator-hint\x22>Must\x20be\x20between\x20be\x201\x20to\x2010</p>\x0a\x0a```\x0a','#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20dropdown,\x20center\x20logo\x20and\x20icon\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22navbar-start\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22dropdown\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-ghost\x20btn-circle\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-5\x20w-5\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M4\x206h16M4\x2012h16M4\x2018h7\x22\x20/>\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<ul\x0a\x20\x20\x20\x20\x20\x20\x20\x20tabindex=\x22-1\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22menu\x20menu-sm\x20dropdown-content\x20bg-base-100\x20rounded-box\x20z-1\x20mt-3\x20w-52\x20p-2\x20shadow\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Homepage</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Portfolio</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>About</a></li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22navbar-center\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22navbar-end\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20btn-circle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-5\x20w-5\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M21\x2021l-6-6m2-5a7\x207\x200\x2011-14\x200\x207\x207\x200\x200114\x200z\x22\x20/>\x20</svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20btn-circle\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22indicator\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-5\x20w-5\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M15\x2017h5l-1.405-1.405A2.032\x202.032\x200\x200118\x2014.158V11a6.002\x206.002\x200\x2000-4-5.659V5a2\x202\x200\x2010-4\x200v.341C7.67\x206.165\x206\x208.388\x206\x2011v3.159c0\x20.538-.214\x201.055-.595\x201.436L4\x2017h5m6\x200v1a3\x203\x200\x2011-6\x200v-1m6\x200H9\x22\x20/>\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-xs\x20badge-primary\x20indicator-item\x22></span>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20sizes\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-xs\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Xsmall\x201</a></li>\x0a\x20\x20<li><a>Xsmall\x202</a></li>\x0a</ul>\x0a<ul\x20class=\x22menu\x20menu-sm\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Small\x201</a></li>\x0a\x20\x20<li><a>Small\x202</a></li>\x0a</ul>\x0a<ul\x20class=\x22menu\x20menu-md\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Medium\x201</a></li>\x0a\x20\x20<li><a>Medium\x202</a></li>\x0a</ul>\x0a<ul\x20class=\x22menu\x20menu-lg\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Large\x201</a></li>\x0a\x20\x20<li><a>Large\x202</a></li>\x0a</ul>\x0a<ul\x20class=\x22menu\x20menu-xl\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Xlarge\x201</a></li>\x0a\x20\x20<li><a>Xlarge\x202</a></li>\x0a</ul>\x0a\x0a```\x0a','search','740DgzZwF','#\x20Pagination\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xs\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xs\x20btn-active\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xs\x22>3</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xs\x22>4</button>\x0a</div>\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-sm\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-sm\x20btn-active\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-sm\x22>3</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-sm\x22>4</button>\x0a</div>\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-md\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-md\x20btn-active\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-md\x22>3</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-md\x22>4</button>\x0a</div>\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-lg\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-lg\x20btn-active\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-lg\x22>3</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-lg\x22>4</button>\x0a</div>\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xl\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xl\x20btn-active\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xl\x22>3</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-xl\x22>4</button>\x0a</div>\x0a\x0a```\x0a','#\x20Filter\x20Example\x0a##\x20Filter\x20without\x20HTML\x20form\x0a\x0a```html\x0a<div\x20class=\x22filter\x22>\x0a\x20\x20<input\x20class=\x22btn\x20filter-reset\x22\x20type=\x22radio\x22\x20name=\x22metaframeworks\x22\x20aria-label=\x22All\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22metaframeworks\x22\x20aria-label=\x22Sveltekit\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22metaframeworks\x22\x20aria-label=\x22Nuxt\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22metaframeworks\x22\x20aria-label=\x22Next.js\x22/>\x0a</div>\x0a\x0a```\x0a','2608dNdEgi','#\x20Mask\x20Example\x0a##\x20Triangle\x20(pointing\x20top)\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-triangle\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20With\x20fieldset\x20and\x20fieldset-legend\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>What\x20is\x20your\x20name?</legend>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22Type\x20here\x22\x20/>\x0a\x20\x20<p\x20class=\x22label\x22>Optional</p>\x0a</fieldset>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/footer.png\x0adocs:\x20https://daisyui.com/components/footer/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20footer\x0aFooter\x20can\x20contain\x20logo,\x20copyright\x20notice,\x20and\x20links\x20to\x20other\x20pages\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`footer`\x0a-\x20part:\x20`footer-title`\x0a-\x20placement:\x20`footer-center`\x0a-\x20direction:\x20`footer-horizontal`,\x20`footer-vertical`\x0a\x0a##\x20Syntax\x0a```html\x0a<footer\x20class=\x22footer\x20{MODIFIER}\x22>{CONTENT}</footer>\x0a```\x0awhere\x20content\x20can\x20contain\x20several\x20`<nav>`\x20tags\x20with\x20`footer-title`\x20and\x20links\x20inside\x0a','#\x20Input\x20Example\x0a##\x20Text\x20input\x20with\x20text\x20label\x20inside\x0a\x0a```html\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<circle\x20cx=\x2211\x22\x20cy=\x2211\x22\x20r=\x228\x22></circle>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22m21\x2021-4.3-4.3\x22></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x20type=\x22search\x22\x20class=\x22grow\x22\x20placeholder=\x22Search\x22\x20/>\x0a\x20\x20<kbd\x20class=\x22kbd\x20kbd-sm\x22>⌘</kbd>\x0a\x20\x20<kbd\x20class=\x22kbd\x20kbd-sm\x22>K</kbd>\x0a</label>\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M15\x202H6a2\x202\x200\x200\x200-2\x202v16a2\x202\x200\x200\x200\x202\x202h12a2\x202\x200\x200\x200\x202-2V7Z\x22></path>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M14\x202v4a2\x202\x200\x200\x200\x202\x202h4\x22></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22grow\x22\x20placeholder=\x22index.php\x22\x20/>\x0a</label>\x0a<label\x20class=\x22input\x22>\x0a\x20\x20Path\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22grow\x22\x20placeholder=\x22src/app/\x22\x20/>\x0a\x20\x20<span\x20class=\x22badge\x20badge-neutral\x20badge-xs\x22>Optional</span>\x0a</label>\x0a\x0a```\x0a','#\x20Label\x20Example\x0a##\x20Floating\x20Label\x20with\x20Different\x20Sizes\x0a\x0a```html\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Extra\x20Small\x22\x20class=\x22input\x20input-xs\x22\x20/>\x0a\x20\x20<span>Extra\x20Small</span>\x0a</label>\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Small\x22\x20class=\x22input\x20input-sm\x22\x20/>\x0a\x20\x20<span>Small</span>\x0a</label>\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Medium\x22\x20class=\x22input\x20input-md\x22\x20/>\x0a\x20\x20<span>Medium</span>\x0a</label>\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Large\x22\x20class=\x22input\x20input-lg\x22\x20/>\x0a\x20\x20<span>Large</span>\x0a</label>\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22Extra\x20Large\x22\x20class=\x22input\x20input-xl\x22\x20/>\x0a\x20\x20<span>Extra\x20Large</span>\x0a</label>\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-middle\x20indicator-start\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x0a\x20\x20\x20\x20class=\x22indicator-item\x20indicator-middle\x20indicator-start\x20badge\x20badge-secondary\x22\x0a\x20\x20></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Date\x20input\x0a\x0a```html\x0a<input\x20type=\x22date\x22\x20class=\x22input\x22\x20/>\x0a\x0a```\x0a','#\x20Modal\x20Example\x0a##\x20Dialog\x20modal\x20with\x20a\x20close\x20button\x20at\x20corner\x0a\x0a```html\x0a<!--\x20You\x20can\x20open\x20the\x20modal\x20using\x20ID.showModal()\x20method\x20-->\x0a<button\x20class=\x22btn\x22\x20onclick=\x22my_modal_3.showModal()\x22>open\x20modal</button>\x0a<dialog\x20id=\x22my_modal_3\x22\x20class=\x22modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<form\x20method=\x22dialog\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-sm\x20btn-circle\x20btn-ghost\x20absolute\x20right-2\x20top-2\x22>✕</button>\x0a\x20\x20\x20\x20</form>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>Press\x20ESC\x20key\x20or\x20click\x20on\x20✕\x20button\x20to\x20close</p>\x0a\x20\x20</div>\x0a</dialog>\x0a\x0a```\x0a','#\x20Loading\x20Example\x0a##\x20Loading\x20spinner\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-spinner\x20loading-xs\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20loading-sm\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20loading-md\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20loading-lg\x22></span>\x0a<span\x20class=\x22loading\x20loading-spinner\x20loading-xl\x22></span>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','391170bkeLHH','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/mockup-phone.png\x0adocs:\x20https://daisyui.com/components/mockup-phone/\x0adimensions:\x0a\x20\x20width:\x20734px\x0a\x20\x20height:\x20402px\x0a---\x0a\x0a#\x20mockup-phone\x0aPhone\x20mockup\x20shows\x20a\x20mockup\x20of\x20an\x20iPhone\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`mockup-phone`\x0a-\x20part:\x20`mockup-phone-camera`,\x20`mockup-phone-display`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22mockup-phone\x22>\x0a\x20\x20<div\x20class=\x22mockup-phone-camera\x22></div>\x0a\x20\x20<div\x20class=\x22mockup-phone-display\x22>{CONTENT}</div>\x0a</div>\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20active\x20item\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20w-56\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a\x20class=\x22menu-active\x22>Item\x202</a></li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Circle\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-circle\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-top\x20(default)\x20indicator-start\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-start\x20badge\x20badge-secondary\x22></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-bottom\x20indicator-start\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x0a\x20\x20\x20\x20class=\x22indicator-item\x20indicator-bottom\x20indicator-start\x20badge\x20badge-secondary\x22\x0a\x20\x20></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Label\x20Example\x0a##\x20Floating\x20Label\x0a\x0a```html\x0a<label\x20class=\x22floating-label\x22>\x0a\x20\x20<span>Your\x20Email</span>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22mail@site.com\x22\x20class=\x22input\x20input-md\x22\x20/>\x0a</label>\x0a\x0a```\x0a','#\x20List\x20Example\x0a##\x20List\x20(third\x20column\x20wraps\x20to\x20next\x20row)\x0a\x0a```html\x0a<ul\x20class=\x22list\x20bg-base-100\x20rounded-box\x20shadow-md\x22>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22p-4\x20pb-2\x20text-xs\x20opacity-60\x20tracking-wide\x22>Most\x20played\x20songs\x20this\x20week</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/1@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<div>Dio\x20Lupa</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Remaining\x20Reason</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<p\x20class=\x22list-col-wrap\x20text-xs\x22>\x0a\x20\x20\x20\x20\x20\x20\x22Remaining\x20Reason\x22\x20became\x20an\x20instant\x20hit,\x20praised\x20for\x20its\x20haunting\x20sound\x20and\x20emotional\x20depth.\x20A\x20viral\x20performance\x20brought\x20it\x20widespread\x20recognition,\x20making\x20it\x20one\x20of\x20Dio\x20Lupa’s\x20most\x20iconic\x20tracks.\x0a\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M19\x2014c1.49-1.46\x203-3.21\x203-5.5A5.5\x205.5\x200\x200\x200\x2016.5\x203c-1.76\x200-3\x20.5-4.5\x202-1.5-1.5-2.74-2-4.5-2A5.5\x205.5\x200\x200\x200\x202\x208.5c0\x202.3\x201.5\x204.05\x203\x205.5l7\x207Z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/4@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<div>Ellie\x20Beilish</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Bears\x20of\x20a\x20fever</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<p\x20class=\x22list-col-wrap\x20text-xs\x22>\x0a\x20\x20\x20\x20\x20\x20\x22Bears\x20of\x20a\x20Fever\x22\x20captivated\x20audiences\x20with\x20its\x20intense\x20energy\x20and\x20mysterious\x20lyrics.\x20Its\x20popularity\x20skyrocketed\x20after\x20fans\x20shared\x20it\x20widely\x20online,\x20earning\x20Ellie\x20critical\x20acclaim.\x0a\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M19\x2014c1.49-1.46\x203-3.21\x203-5.5A5.5\x205.5\x200\x200\x200\x2016.5\x203c-1.76\x200-3\x20.5-4.5\x202-1.5-1.5-2.74-2-4.5-2A5.5\x205.5\x200\x200\x200\x202\x208.5c0\x202.3\x201.5\x204.05\x203\x205.5l7\x207Z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/3@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<div>Sabrino\x20Gardener</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Cappuccino</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<p\x20class=\x22list-col-wrap\x20text-xs\x22>\x0a\x20\x20\x20\x20\x20\x20\x22Cappuccino\x22\x20quickly\x20gained\x20attention\x20for\x20its\x20smooth\x20melody\x20and\x20relatable\x20themes.\x20The\x20song’s\x20success\x20propelled\x20Sabrino\x20into\x20the\x20spotlight,\x20solidifying\x20their\x20status\x20as\x20a\x20rising\x20star.\x0a\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M19\x2014c1.49-1.46\x203-3.21\x203-5.5A5.5\x205.5\x200\x200\x200\x2016.5\x203c-1.76\x200-3\x20.5-4.5\x202-1.5-1.5-2.74-2-4.5-2A5.5\x205.5\x200\x200\x200\x202\x208.5c0\x202.3\x201.5\x204.05\x203\x205.5l7\x207Z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a</ul>\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Password\x20input\x20with\x20icon\x20and\x20validator\x0a\x0a```html\x0a<label\x20class=\x22input\x20validator\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M2.586\x2017.414A2\x202\x200\x200\x200\x202\x2018.828V21a1\x201\x200\x200\x200\x201\x201h3a1\x201\x200\x200\x200\x201-1v-1a1\x201\x200\x200\x201\x201-1h1a1\x201\x200\x200\x200\x201-1v-1a1\x201\x200\x200\x201\x201-1h.172a2\x202\x200\x200\x200\x201.414-.586l.814-.814a6.5\x206.5\x200\x201\x200-4-4z\x22\x0a\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20<circle\x20cx=\x2216.5\x22\x20cy=\x227.5\x22\x20r=\x22.5\x22\x20fill=\x22currentColor\x22></circle>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22password\x22\x0a\x20\x20\x20\x20required\x0a\x20\x20\x20\x20placeholder=\x22Password\x22\x0a\x20\x20\x20\x20minlength=\x228\x22\x0a\x20\x20\x20\x20pattern=\x22(?=.*\x5c\x5cd)(?=.*[a-z])(?=.*[A-Z]).{8,}\x22\x0a\x20\x20\x20\x20title=\x22Must\x20be\x20more\x20than\x208\x20characters,\x20including\x20number,\x20lowercase\x20letter,\x20uppercase\x20letter\x22\x0a\x20\x20/>\x0a</label>\x0a<p\x20class=\x22validator-hint\x20hidden\x22>\x0a\x20\x20Must\x20be\x20more\x20than\x208\x20characters,\x20including\x0a\x20\x20<br\x20/>At\x20least\x20one\x20number\x20<br\x20/>At\x20least\x20one\x20lowercase\x20letter\x20<br\x20/>At\x20least\x20one\x20uppercase\x20letter\x0a</p>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/join/\x0a---\x0a\x0a#\x20join\x0aJoin\x20is\x20a\x20container\x20for\x20grouping\x20multiple\x20items,\x20it\x20can\x20be\x20used\x20to\x20group\x20buttons,\x20inputs,\x20etc.\x20Join\x20applies\x20border\x20radius\x20to\x20the\x20first\x20and\x20last\x20item.\x20Join\x20can\x20be\x20used\x20to\x20create\x20a\x20horizontal\x20or\x20vertical\x20list\x20of\x20items\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`join`,\x20`join-item`\x0a-\x20direction:\x20`join-vertical`,\x20`join-horizontal`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22join\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0a','26452HwAUnZ','#\x20Label\x20Example\x0a##\x20Label\x20for\x20date\x20input\x0a\x0a```html\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<span\x20class=\x22label\x22>Publish\x20date</span>\x0a\x20\x20<input\x20type=\x22date\x22\x20/>\x0a</label>\x0a\x0a```\x0a','3347721vJFEWZ','#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20icon\x20at\x20start\x20and\x20end\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22flex-none\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22inline-block\x20h-5\x20w-5\x20stroke-current\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M4\x206h16M4\x2012h16M4\x2018h16\x22></path>\x20</svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex-1\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex-none\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22inline-block\x20h-5\x20w-5\x20stroke-current\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2012h.01M12\x2012h.01M19\x2012h.01M6\x2012a1\x201\x200\x2011-2\x200\x201\x201\x200\x20012\x200zm7\x200a1\x201\x200\x2011-2\x200\x201\x201\x200\x20012\x200zm7\x200a1\x201\x200\x2011-2\x200\x201\x201\x200\x20012\x200z\x22></path>\x20</svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20for\x20avatar\x0a\x0a```html\x0a<div\x20class=\x22avatar\x20indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20badge\x20badge-secondary\x22>Justice</span>\x0a\x20\x20<div\x20class=\x22h-20\x20w-20\x20rounded-lg\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20examples\x22\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/batperson@192.webp\x22\x0a\x20\x20\x20\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Hexagon-2\x20(horizontal\x20hexagon)\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-hexagon-2\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Mask\x20Example\x0a##\x20Hexagon\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-hexagon\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','#\x20Mockup\x20Window\x20Example\x0a##\x20window\x20mockup\x20with\x20border\x0a\x0a```html\x0a<div\x20class=\x22mockup-window\x20border\x20border-base-300\x20w-full\x22>\x0a\x20\x20<div\x20class=\x22grid\x20place-content-center\x20border-t\x20border-base-300\x20h-80\x22>Hello!</div>\x0a</div>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Success\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-success\x22>Click\x20me</a>\x0a\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x20logo\x20and\x20social\x20icons\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-neutral\x20text-neutral-content\x20p-10\x22>\x0a\x20\x20<aside>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20width=\x2250\x22\x0a\x20\x20\x20\x20\x20\x20height=\x2250\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M22.672\x2015.226l-2.432.811.841\x202.515c.33\x201.019-.209\x202.127-1.23\x202.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013\x201.677.84\x202.517c.391\x201.203-.434\x202.542-1.831\x202.542-.88\x200-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127\x201.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839\x200-.817.509-1.582\x201.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129\x201.232-2.458\x201.02-.329\x202.13.209\x202.461\x201.229l.842\x202.515\x205.011-1.677-.839-2.517c-.403-1.238.484-2.553\x201.843-2.553.819\x200\x201.585.509\x201.85\x201.326l.841\x202.517\x202.431-.81c1.02-.33\x202.131.211\x202.461\x201.229.332\x201.018-.21\x202.126-1.23\x202.456l-2.433.809\x201.622\x204.823\x202.433-.809c1.242-.401\x202.557.484\x202.557\x201.838\x200\x20.819-.51\x201.583-1.328\x201.847m-8.992-6.428l-5.01\x201.675\x201.619\x204.828\x205.011-1.674-1.62-4.829z\x22></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20<p>\x0a\x20\x20\x20\x20\x20\x20ACME\x20Industries\x20Ltd.\x0a\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20Providing\x20reliable\x20tech\x20since\x201992\x0a\x20\x20\x20\x20</p>\x0a\x20\x20</aside>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Social</h6>\x0a\x20\x20\x20\x20<div\x20class=\x22grid\x20grid-flow-col\x20gap-4\x22>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M24\x204.557c-.883.392-1.832.656-2.828.775\x201.017-.609\x201.798-1.574\x202.165-2.724-.951.564-2.005.974-3.127\x201.195-.897-.957-2.178-1.555-3.594-1.555-3.179\x200-5.515\x202.966-4.797\x206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29\x202.213-.669\x205.108\x201.523\x206.574-.806-.026-1.566-.247-2.229-.616-.054\x202.281\x201.581\x204.415\x203.949\x204.89-.693.188-1.452.232-2.224.084.626\x201.956\x202.444\x203.379\x204.6\x203.419-2.07\x201.623-4.678\x202.348-7.29\x202.04\x202.179\x201.397\x204.768\x202.212\x207.548\x202.212\x209.142\x200\x2014.307-7.721\x2013.995-14.646.962-.695\x201.797-1.562\x202.457-2.549z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.615\x203.184c-3.604-.246-11.631-.245-15.23\x200-3.897.266-4.356\x202.62-4.385\x208.816.029\x206.185.484\x208.549\x204.385\x208.816\x203.6.245\x2011.626.246\x2015.23\x200\x203.897-.266\x204.356-2.62\x204.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615\x2012.816v-8l8\x203.993-8\x204.007z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333\x201.115-1.333h2.885v-5h-3.808c-3.596\x200-5.192\x201.583-5.192\x204.615v3.385z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20icons\x20and\x20badge\x20(responsive)\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20lg:menu-horizontal\x20rounded-box\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x2012l2-2m0\x200l7-7\x207\x207M5\x2010v10a1\x201\x200\x20001\x201h3m10-11l2\x202m-2-2v10a1\x201\x200\x2001-1\x201h-3m-6\x200a1\x201\x200\x20001-1v-4a1\x201\x200\x20011-1h2a1\x201\x200\x20011\x201v4a1\x201\x200\x20001\x201m-6\x200h6\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20Inbox\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-xs\x22>99+</span>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20Updates\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-xs\x20badge-warning\x22>NEW</span>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20Stats\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-xs\x20badge-info\x22></span>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20for\x20button\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20badge\x20badge-secondary\x22>12</span>\x0a\x20\x20<button\x20class=\x22btn\x22>inbox</button>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Horizontal\x20menu\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-horizontal\x20bg-base-200\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','#\x20Hero\x20Example\x0a##\x20Centered\x20hero\x0a\x0a```html\x0a<div\x20class=\x22hero\x20bg-base-200\x20min-h-screen\x22>\x0a\x20\x20<div\x20class=\x22hero-content\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22max-w-md\x22>\x0a\x20\x20\x20\x20\x20\x20<h1\x20class=\x22text-5xl\x20font-bold\x22>Hello\x20there</h1>\x0a\x20\x20\x20\x20\x20\x20<p\x20class=\x22py-6\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Provident\x20cupiditate\x20voluptatem\x20et\x20in.\x20Quaerat\x20fugiat\x20ut\x20assumenda\x20excepturi\x20exercitationem\x0a\x20\x20\x20\x20\x20\x20\x20\x20quasi.\x20In\x20deleniti\x20eaque\x20aut\x20repudiandae\x20et\x20a\x20id\x20nisi.\x0a\x20\x20\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Get\x20Started</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Submenu\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>Parent</a>\x0a\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<a>Parent</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<ul>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Submenu\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','2645184ebzEKG','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x20copyright\x20text\x20and\x20social\x20icons\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-neutral\x20text-neutral-content\x20items-center\x20p-4\x22>\x0a\x20\x20<aside\x20class=\x22grid-flow-col\x20items-center\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20width=\x2236\x22\x0a\x20\x20\x20\x20\x20\x20height=\x2236\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M22.672\x2015.226l-2.432.811.841\x202.515c.33\x201.019-.209\x202.127-1.23\x202.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013\x201.677.84\x202.517c.391\x201.203-.434\x202.542-1.831\x202.542-.88\x200-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127\x201.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839\x200-.817.509-1.582\x201.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129\x201.232-2.458\x201.02-.329\x202.13.209\x202.461\x201.229l.842\x202.515\x205.011-1.677-.839-2.517c-.403-1.238.484-2.553\x201.843-2.553.819\x200\x201.585.509\x201.85\x201.326l.841\x202.517\x202.431-.81c1.02-.33\x202.131.211\x202.461\x201.229.332\x201.018-.21\x202.126-1.23\x202.456l-2.433.809\x201.622\x204.823\x202.433-.809c1.242-.401\x202.557.484\x202.557\x201.838\x200\x20.819-.51\x201.583-1.328\x201.847m-8.992-6.428l-5.01\x201.675\x201.619\x204.828\x205.011-1.674-1.62-4.829z\x22></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20<p>Copyright\x20©\x20{new\x20Date().getFullYear()}\x20-\x20All\x20right\x20reserved</p>\x0a\x20\x20</aside>\x0a\x20\x20<nav\x20class=\x22grid-flow-col\x20gap-4\x20md:place-self-center\x20md:justify-self-end\x22>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M24\x204.557c-.883.392-1.832.656-2.828.775\x201.017-.609\x201.798-1.574\x202.165-2.724-.951.564-2.005.974-3.127\x201.195-.897-.957-2.178-1.555-3.594-1.555-3.179\x200-5.515\x202.966-4.797\x206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29\x202.213-.669\x205.108\x201.523\x206.574-.806-.026-1.566-.247-2.229-.616-.054\x202.281\x201.581\x204.415\x203.949\x204.89-.693.188-1.452.232-2.224.084.626\x201.956\x202.444\x203.379\x204.6\x203.419-2.07\x201.623-4.678\x202.348-7.29\x202.04\x202.179\x201.397\x204.768\x202.212\x207.548\x202.212\x209.142\x200\x2014.307-7.721\x2013.995-14.646.962-.695\x201.797-1.562\x202.457-2.549z\x22></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.615\x203.184c-3.604-.246-11.631-.245-15.23\x200-3.897.266-4.356\x202.62-4.385\x208.816.029\x206.185.484\x208.549\x204.385\x208.816\x203.6.245\x2011.626.246\x2015.23\x200\x203.897-.266\x204.356-2.62\x204.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615\x2012.816v-8l8\x203.993-8\x204.007z\x22></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333\x201.115-1.333h2.885v-5h-3.808c-3.596\x200-5.192\x201.583-5.192\x204.615v3.385z\x22></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','#\x20List\x20Example\x0a##\x20List\x20(third\x20column\x20grows)\x0a\x0a```html\x0a<ul\x20class=\x22list\x20bg-base-100\x20rounded-box\x20shadow-md\x22>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22p-4\x20pb-2\x20text-xs\x20opacity-60\x20tracking-wide\x22>Most\x20played\x20songs\x20this\x20week</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22text-4xl\x20font-thin\x20opacity-30\x20tabular-nums\x22>01</div>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/1@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div\x20class=\x22list-col-grow\x22>\x0a\x20\x20\x20\x20\x20\x20<div>Dio\x20Lupa</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Remaining\x20Reason</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22text-4xl\x20font-thin\x20opacity-30\x20tabular-nums\x22>02</div>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/4@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div\x20class=\x22list-col-grow\x22>\x0a\x20\x20\x20\x20\x20\x20<div>Ellie\x20Beilish</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Bears\x20of\x20a\x20fever</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22text-4xl\x20font-thin\x20opacity-30\x20tabular-nums\x22>03</div>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/3@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div\x20class=\x22list-col-grow\x22>\x0a\x20\x20\x20\x20\x20\x20<div>Sabrino\x20Gardener</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Cappuccino</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a</ul>\x0a\x0a```\x0a','#\x20Link\x20Example\x0a##\x20Info\x20color\x0a\x0a```html\x0a<a\x20class=\x22link\x20link-info\x22>Click\x20me</a>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20icon\x20only\x20(horizontal)\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-horizontal\x20bg-base-200\x20rounded-box\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x2012l2-2m0\x200l7-7\x207\x207M5\x2010v10a1\x201\x200\x20001\x201h3m10-11l2\x202m-2-2v10a1\x201\x200\x2001-1\x201h-3m-6\x200a1\x201\x200\x20001-1v-4a1\x201\x200\x20011-1h2a1\x201\x200\x20011\x201v4a1\x201\x200\x20001\x201m-6\x200h6\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x2019v-6a2\x202\x200\x2000-2-2H5a2\x202\x200\x2000-2\x202v6a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2zm0\x200V9a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v10m-6\x200a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2m0\x200V5a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v14a2\x202\x200\x2001-2\x202h-2a2\x202\x200\x2001-2-2z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Footer\x20Example\x0a##\x20Footer\x20with\x20copyright\x20text\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20footer-center\x20bg-base-300\x20text-base-content\x20p-4\x22>\x0a\x20\x20<aside>\x0a\x20\x20\x20\x20<p>Copyright\x20©\x20{new\x20Date().getFullYear()}\x20-\x20All\x20right\x20reserved\x20by\x20ACME\x20Industries\x20Ltd</p>\x0a\x20\x20</aside>\x0a</footer>\x0a\x0a```\x0a','#\x20Label\x20Example\x0a##\x20Label\x20for\x20input\x20at\x20the\x20end\x0a\x0a```html\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22domain\x20name\x22\x20/>\x0a\x20\x20<span\x20class=\x22label\x22>.com</span>\x0a</label>\x0a\x0a```\x0a','#\x20Join\x20Example\x0a##\x20Group\x20items\x20vertically\x0a\x0a```html\x0a<div\x20class=\x22join\x20join-vertical\x22>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a</div>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Search\x20input\x20with\x20icon\x0a\x0a```html\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<circle\x20cx=\x2211\x22\x20cy=\x2211\x22\x20r=\x228\x22></circle>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22m21\x2021-4.3-4.3\x22></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x20type=\x22search\x22\x20required\x20placeholder=\x22Search\x22\x20/>\x0a</label>\x0a\x0a```\x0a','#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20icon\x20only\x20with\x20tooltip\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a\x20class=\x22tooltip\x20tooltip-right\x22\x20data-tip=\x22Home\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x2012l2-2m0\x200l7-7\x207\x207M5\x2010v10a1\x201\x200\x20001\x201h3m10-11l2\x202m-2-2v10a1\x201\x200\x2001-1\x201h-3m-6\x200a1\x201\x200\x20001-1v-4a1\x201\x200\x20011-1h2a1\x201\x200\x20011\x201v4a1\x201\x200\x20001\x201m-6\x200h6\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a\x20class=\x22tooltip\x20tooltip-right\x22\x20data-tip=\x22Details\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a\x20class=\x22tooltip\x20tooltip-right\x22\x20data-tip=\x22Stats\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x2019v-6a2\x202\x200\x2000-2-2H5a2\x202\x200\x2000-2\x202v6a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2zm0\x200V9a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v10m-6\x200a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2m0\x200V5a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v14a2\x202\x200\x2001-2\x202h-2a2\x202\x200\x2001-2-2z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20icon,\x20indicator\x20and\x20dropdown\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22flex-1\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex-none\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22dropdown\x20dropdown-end\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-ghost\x20btn-circle\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22indicator\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-5\x20w-5\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M3\x203h2l.4\x202M7\x2013h10l4-8H5.4M7\x2013L5.4\x205M7\x2013l-2.293\x202.293c-.63.63-.184\x201.707.707\x201.707H17m0\x200a2\x202\x200\x20100\x204\x202\x202\x200\x20000-4zm-8\x202a2\x202\x200\x2011-4\x200\x202\x202\x200\x20014\x200z\x22\x20/>\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-sm\x20indicator-item\x22>8</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<div\x0a\x20\x20\x20\x20\x20\x20\x20\x20tabindex=\x220\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22card\x20card-compact\x20dropdown-content\x20bg-base-100\x20z-1\x20mt-3\x20w-52\x20shadow\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22text-lg\x20font-bold\x22>8\x20Items</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22text-info\x22>Subtotal:\x20$999</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x20btn-block\x22>View\x20cart</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22dropdown\x20dropdown-end\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-ghost\x20btn-circle\x20avatar\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Navbar\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<ul\x0a\x20\x20\x20\x20\x20\x20\x20\x20tabindex=\x22-1\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22menu\x20menu-sm\x20dropdown-content\x20bg-base-100\x20rounded-box\x20z-1\x20mt-3\x20w-52\x20p-2\x20shadow\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a\x20class=\x22justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Profile\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x22>New</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Settings</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Logout</a></li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Kbd\x20Example\x0a##\x20In\x20text\x0a\x0a```html\x0aPress\x0a<kbd\x20class=\x22kbd\x20kbd-sm\x22>F</kbd>\x0ato\x20pay\x20respects.\x0a\x0a```\x0a','#\x20Indicator\x20Example\x0a##\x20indicator-bottom\x20indicator-end\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22indicator\x22>\x0a\x20\x20<span\x20class=\x22indicator-item\x20indicator-bottom\x20badge\x20badge-secondary\x22></span>\x0a\x20\x20<div\x20class=\x22bg-base-300\x20grid\x20h-32\x20w-32\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Input\x20Example\x0a##\x20Time\x20input\x0a\x0a```html\x0a<input\x20type=\x22time\x22\x20class=\x22input\x22\x20/>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/hover-3d/\x0a---\x0a\x0a#\x20hover-3d\x0aHover\x203D\x20is\x20a\x20wrapper\x20component\x20that\x20adds\x20a\x203D\x20hover\x20effect\x20to\x20its\x20content.\x20When\x20we\x20hover\x20over\x20the\x20component,\x20it\x20tilts\x20and\x20rotates\x20based\x20on\x20the\x20mouse\x20position,\x20creating\x20an\x20interactive\x203D\x20effect.\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`hover-3d`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22hover-3d\x20my-12\x20mx-2\x22>\x0a\x20\x20<!--\x20content\x20-->\x0a\x20\x20<figure\x20class=\x22max-w-100\x20rounded-2xl\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/creditcard.webp\x22\x20alt=\x223D\x20card\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<!--\x208\x20empty\x20divs\x20needed\x20for\x20the\x203D\x20effect\x20-->\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a\x20\x20<div></div>\x0a</div>\x0a```\x0a'];J=function(){return z;};return J();}function W(Y,B){var r=J();return W=function(a,w){a=a-0xdd;var k=r[a];return k;},W(Y,B);}var R=W;(function(r,a){var T=W,w=r();while(!![]){try{var k=-parseInt(T(0x110))/0x1*(parseInt(T(0x10d))/0x2)+-parseInt(T(0x134))/0x3+parseInt(T(0x125))/0x4*(-parseInt(T(0x102))/0x5)+-parseInt(T(0x165))/0x6*(parseInt(T(0x17b))/0x7)+-parseInt(T(0x169))/0x8+parseInt(T(0x127))/0x9+-parseInt(T(0x11b))/0xa*(-parseInt(T(0x16d))/0xb);if(k===a)break;else w['push'](w['shift']());}catch(l){w['push'](w['shift']());}}}(J,0x91454));var B=(function(){var r=!![];return function(a,w){var k=r?function(){var u=W;if(w){var l=w[u(0x14a)](a,arguments);return w=null,l;}}:function(){};return r=![],k;};}()),Y=B(this,function(){var n=W;return Y['toString']()[n(0x10c)](n(0xf6))[n(0xde)]()[n(0x15b)](Y)[n(0x10c)](n(0xf6));});Y();export default{'components/file-input/examples/with-fieldset-and-label':'#\x20File\x20Input\x20Example\x0a##\x20With\x20fieldset\x20and\x20label\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Pick\x20a\x20file</legend>\x0a\x20\x20<input\x20type=\x22file\x22\x20class=\x22file-input\x22\x20/>\x0a\x20\x20<label\x20class=\x22label\x22>Max\x20size\x202MB</label>\x0a</fieldset>\x0a\x0a```\x0a','components/filter':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/filter.png\x0adocs:\x20https://daisyui.com/components/filter/\x0a---\x0a\x0a#\x20filter\x0aFilter\x20is\x20a\x20group\x20of\x20radio\x20buttons.\x20Choosing\x20one\x20of\x20the\x20options\x20will\x20hide\x20the\x20others\x20and\x20shows\x20a\x20reset\x20button\x20next\x20to\x20the\x20chosen\x20option\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`filter`\x0a-\x20part:\x20`filter-reset`\x0a\x0a##\x20Syntax\x0aUsing\x20HTML\x20form\x0a```html\x0a<form\x20class=\x22filter\x22>\x0a\x20\x20<input\x20class=\x22btn\x20btn-square\x22\x20type=\x22reset\x22\x20value=\x22×\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22{NAME}\x22\x20aria-label=\x22Tab\x201\x20title\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22{NAME}\x22\x20aria-label=\x22Tab\x202\x20title\x22/>\x0a</form>\x0a```\x0aWithout\x20HTML\x20form\x0a```html\x0a<div\x20class=\x22filter\x22>\x0a\x20\x20<input\x20class=\x22btn\x20filter-reset\x22\x20type=\x22radio\x22\x20name=\x22{NAME}\x22\x20aria-label=\x22×\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22{NAME}\x22\x20aria-label=\x22Tab\x201\x20title\x22/>\x0a\x20\x20<input\x20class=\x22btn\x22\x20type=\x22radio\x22\x20name=\x22{NAME}\x22\x20aria-label=\x22Tab\x202\x20title\x22/>\x0a</div>\x0a```\x0a','components/filter/examples/filter-using-html-form-checkboxes-and-a-reset-button':R(0x16b),'components/filter/examples/filter-using-html-form-radio-buttons-and-reset-button':R(0x107),'components/filter/examples/filter-without-html-form':R(0x10f),'components/footer':R(0x113),'components/footer/examples/centered-footer-with-logo-and-social-icons':'#\x20Footer\x20Example\x0a##\x20Centered\x20footer\x20with\x20logo\x20and\x20social\x20icons\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20footer-horizontal\x20footer-center\x20bg-primary\x20text-primary-content\x20p-10\x22>\x0a\x20\x20<aside>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20width=\x2250\x22\x0a\x20\x20\x20\x20\x20\x20height=\x2250\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M22.672\x2015.226l-2.432.811.841\x202.515c.33\x201.019-.209\x202.127-1.23\x202.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013\x201.677.84\x202.517c.391\x201.203-.434\x202.542-1.831\x202.542-.88\x200-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127\x201.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839\x200-.817.509-1.582\x201.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129\x201.232-2.458\x201.02-.329\x202.13.209\x202.461\x201.229l.842\x202.515\x205.011-1.677-.839-2.517c-.403-1.238.484-2.553\x201.843-2.553.819\x200\x201.585.509\x201.85\x201.326l.841\x202.517\x202.431-.81c1.02-.33\x202.131.211\x202.461\x201.229.332\x201.018-.21\x202.126-1.23\x202.456l-2.433.809\x201.622\x204.823\x202.433-.809c1.242-.401\x202.557.484\x202.557\x201.838\x200\x20.819-.51\x201.583-1.328\x201.847m-8.992-6.428l-5.01\x201.675\x201.619\x204.828\x205.011-1.674-1.62-4.829z\x22></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20<p\x20class=\x22font-bold\x22>\x0a\x20\x20\x20\x20\x20\x20ACME\x20Industries\x20Ltd.\x0a\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20Providing\x20reliable\x20tech\x20since\x201992\x0a\x20\x20\x20\x20</p>\x0a\x20\x20\x20\x20<p>Copyright\x20©\x20{new\x20Date().getFullYear()}\x20-\x20All\x20right\x20reserved</p>\x0a\x20\x20</aside>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<div\x20class=\x22grid\x20grid-flow-col\x20gap-4\x22>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M24\x204.557c-.883.392-1.832.656-2.828.775\x201.017-.609\x201.798-1.574\x202.165-2.724-.951.564-2.005.974-3.127\x201.195-.897-.957-2.178-1.555-3.594-1.555-3.179\x200-5.515\x202.966-4.797\x206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29\x202.213-.669\x205.108\x201.523\x206.574-.806-.026-1.566-.247-2.229-.616-.054\x202.281\x201.581\x204.415\x203.949\x204.89-.693.188-1.452.232-2.224.084.626\x201.956\x202.444\x203.379\x204.6\x203.419-2.07\x201.623-4.678\x202.348-7.29\x202.04\x202.179\x201.397\x204.768\x202.212\x207.548\x202.212\x209.142\x200\x2014.307-7.721\x2013.995-14.646.962-.695\x201.797-1.562\x202.457-2.549z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.615\x203.184c-3.604-.246-11.631-.245-15.23\x200-3.897.266-4.356\x202.62-4.385\x208.816.029\x206.185.484\x208.549\x204.385\x208.816\x203.6.245\x2011.626.246\x2015.23\x200\x203.897-.266\x204.356-2.62\x204.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615\x2012.816v-8l8\x203.993-8\x204.007z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333\x201.115-1.333h2.885v-5h-3.808c-3.596\x200-5.192\x201.583-5.192\x204.615v3.385z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</nav>\x0a</footer>\x0a\x0a```\x0a','components/footer/examples/centered-footer-with-social-icons':'#\x20Footer\x20Example\x0a##\x20Centered\x20footer\x20with\x20social\x20icons\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20footer-horizontal\x20footer-center\x20bg-base-200\x20text-base-content\x20rounded\x20p-10\x22>\x0a\x20\x20<nav\x20class=\x22grid\x20grid-flow-col\x20gap-4\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<div\x20class=\x22grid\x20grid-flow-col\x20gap-4\x22>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M24\x204.557c-.883.392-1.832.656-2.828.775\x201.017-.609\x201.798-1.574\x202.165-2.724-.951.564-2.005.974-3.127\x201.195-.897-.957-2.178-1.555-3.594-1.555-3.179\x200-5.515\x202.966-4.797\x206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29\x202.213-.669\x205.108\x201.523\x206.574-.806-.026-1.566-.247-2.229-.616-.054\x202.281\x201.581\x204.415\x203.949\x204.89-.693.188-1.452.232-2.224.084.626\x201.956\x202.444\x203.379\x204.6\x203.419-2.07\x201.623-4.678\x202.348-7.29\x202.04\x202.179\x201.397\x204.768\x202.212\x207.548\x202.212\x209.142\x200\x2014.307-7.721\x2013.995-14.646.962-.695\x201.797-1.562\x202.457-2.549z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.615\x203.184c-3.604-.246-11.631-.245-15.23\x200-3.897.266-4.356\x202.62-4.385\x208.816.029\x206.185.484\x208.549\x204.385\x208.816\x203.6.245\x2011.626.246\x2015.23\x200\x203.897-.266\x204.356-2.62\x204.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615\x2012.816v-8l8\x203.993-8\x204.007z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333\x201.115-1.333h2.885v-5h-3.808c-3.596\x200-5.192\x201.583-5.192\x204.615v3.385z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</nav>\x0a\x20\x20<aside>\x0a\x20\x20\x20\x20<p>Copyright\x20©\x20{new\x20Date().getFullYear()}\x20-\x20All\x20right\x20reserved\x20by\x20ACME\x20Industries\x20Ltd</p>\x0a\x20\x20</aside>\x0a</footer>\x0a\x0a```\x0a','components/footer/examples/footer-vertical-by-default-horizontal-for-sm-and-up':R(0x15f),'components/footer/examples/footer-with-2-rows':R(0x104),'components/footer/examples/footer-with-a-form':R(0x154),'components/footer/examples/footer-with-a-logo-section':R(0xe6),'components/footer/examples/footer-with-copyright-text':R(0x139),'components/footer/examples/footer-with-copyright-text-and-social-icons':R(0x135),'components/footer/examples/footer-with-links-and-social-icons':R(0xe5),'components/footer/examples/footer-with-logo-and-social-icons':R(0x12e),'components/footer/examples/two-footer':'#\x20Footer\x20Example\x0a##\x20Two\x20footer\x0a\x0a```html\x0a<footer\x20class=\x22footer\x20sm:footer-horizontal\x20bg-base-200\x20text-base-content\x20p-10\x22>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Services</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Branding</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Design</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Marketing</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Advertisement</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Company</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>About\x20us</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Contact</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Jobs</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Press\x20kit</a>\x0a\x20\x20</nav>\x0a\x20\x20<nav>\x0a\x20\x20\x20\x20<h6\x20class=\x22footer-title\x22>Legal</h6>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Terms\x20of\x20use</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Privacy\x20policy</a>\x0a\x20\x20\x20\x20<a\x20class=\x22link\x20link-hover\x22>Cookie\x20policy</a>\x0a\x20\x20</nav>\x0a</footer>\x0a<footer\x20class=\x22footer\x20bg-base-200\x20text-base-content\x20border-base-300\x20border-t\x20px-10\x20py-4\x22>\x0a\x20\x20<aside\x20class=\x22grid-flow-col\x20items-center\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M22.672\x2015.226l-2.432.811.841\x202.515c.33\x201.019-.209\x202.127-1.23\x202.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013\x201.677.84\x202.517c.391\x201.203-.434\x202.542-1.831\x202.542-.88\x200-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127\x201.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839\x200-.817.509-1.582\x201.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129\x201.232-2.458\x201.02-.329\x202.13.209\x202.461\x201.229l.842\x202.515\x205.011-1.677-.839-2.517c-.403-1.238.484-2.553\x201.843-2.553.819\x200\x201.585.509\x201.85\x201.326l.841\x202.517\x202.431-.81c1.02-.33\x202.131.211\x202.461\x201.229.332\x201.018-.21\x202.126-1.23\x202.456l-2.433.809\x201.622\x204.823\x202.433-.809c1.242-.401\x202.557.484\x202.557\x201.838\x200\x20.819-.51\x201.583-1.328\x201.847m-8.992-6.428l-5.01\x201.675\x201.619\x204.828\x205.011-1.674-1.62-4.829z\x22></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20<p>\x0a\x20\x20\x20\x20\x20\x20ACME\x20Industries\x20Ltd.\x0a\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20Providing\x20reliable\x20tech\x20since\x201992\x0a\x20\x20\x20\x20</p>\x0a\x20\x20</aside>\x0a\x20\x20<nav\x20class=\x22md:place-self-center\x20md:justify-self-end\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22grid\x20grid-flow-col\x20gap-4\x22>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M24\x204.557c-.883.392-1.832.656-2.828.775\x201.017-.609\x201.798-1.574\x202.165-2.724-.951.564-2.005.974-3.127\x201.195-.897-.957-2.178-1.555-3.594-1.555-3.179\x200-5.515\x202.966-4.797\x206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29\x202.213-.669\x205.108\x201.523\x206.574-.806-.026-1.566-.247-2.229-.616-.054\x202.281\x201.581\x204.415\x203.949\x204.89-.693.188-1.452.232-2.224.084.626\x201.956\x202.444\x203.379\x204.6\x203.419-2.07\x201.623-4.678\x202.348-7.29\x202.04\x202.179\x201.397\x204.768\x202.212\x207.548\x202.212\x209.142\x200\x2014.307-7.721\x2013.995-14.646.962-.695\x201.797-1.562\x202.457-2.549z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M19.615\x203.184c-3.604-.246-11.631-.245-15.23\x200-3.897.266-4.356\x202.62-4.385\x208.816.029\x206.185.484\x208.549\x204.385\x208.816\x203.6.245\x2011.626.246\x2015.23\x200\x203.897-.266\x204.356-2.62\x204.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615\x2012.816v-8l8\x203.993-8\x204.007z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20height=\x2224\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22fill-current\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333\x201.115-1.333h2.885v-5h-3.808c-3.596\x200-5.192\x201.583-5.192\x204.615v3.385z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</nav>\x0a</footer>\x0a```\x0a','components/hero':R(0x168),'components/hero/examples/centered-hero':R(0x132),'components/hero/examples/hero-with-figure':R(0x16c),'components/hero/examples/hero-with-figure-but-reverse-order':R(0x174),'components/hero/examples/hero-with-form':R(0xea),'components/hero/examples/hero-with-overlay-image':R(0x14c),'components/hover-3d':R(0x142),'components/hover-3d/holographic-hover-3d-credit-card':R(0x161),'components/hover-gallery':R(0x17c),'components/hover-gallery/examples/hover-gallery':R(0xff),'components/hover-gallery/examples/hover-gallery-in-a-card':R(0x15c),'components/indicator':R(0xf1),'components/indicator/examples/a-button-as-an-indicator-for-a-card':R(0x183),'components/indicator/examples/badge-as-indicator':R(0x187),'components/indicator/examples/for-an-input':R(0x17d),'components/indicator/examples/for-avatar':R(0x129),'components/indicator/examples/for-button':R(0x130),'components/indicator/examples/for-tab':R(0xfc),'components/indicator/examples/in-center-of-an-image':R(0xf2),'components/indicator/examples/indicator-bottom-indicator-center':R(0x178),'components/indicator/examples/indicator-bottom-indicator-end-default':R(0x140),'components/indicator/examples/indicator-bottom-indicator-start':R(0x120),'components/indicator/examples/indicator-middle-indicator-center':R(0x186),'components/indicator/examples/indicator-middle-indicator-end-default':R(0x14e),'components/indicator/examples/indicator-middle-indicator-start':R(0x116),'components/indicator/examples/indicator-top-default-indicator-center':R(0x105),'components/indicator/examples/indicator-top-default-indicator-end-default':R(0x160),'components/indicator/examples/indicator-top-default-indicator-start':R(0x11f),'components/indicator/examples/multiple-indicators':R(0x148),'components/indicator/examples/responsive':R(0x172),'components/indicator/examples/status-indicator':R(0x151),'components/input':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/input.png\x0adocs:\x20https://daisyui.com/components/input/\x0adimensions:\x0a\x20\x20width:\x20clamp(3rem,\x20320px,\x20100%)\x0a\x20\x20height:\x0a\x20\x20\x20\x20xs:\x20--size-field*6\x20=\x2024px\x0a\x20\x20\x20\x20sm:\x20--size-field*8\x20=\x2032px\x0a\x20\x20\x20\x20md:\x20--size-field*10\x20=\x2040px\x0a\x20\x20\x20\x20lg:\x20--size-field*12\x20=\x2048px\x0a\x20\x20\x20\x20xl:\x20--size-field*14\x20=\x2056px\x0a---\x0a\x0a#\x20input\x0aText\x20Input\x20is\x20a\x20simple\x20input\x20field\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`input`\x0a-\x20style:\x20`input-ghost`\x0a-\x20color:\x20`input-neutral`,\x20`input-primary`,\x20`input-secondary`,\x20`input-accent`,\x20`input-info`,\x20`input-success`,\x20`input-warning`,\x20`input-error`\x0a-\x20size:\x20`input-xs`,\x20`input-sm`,\x20`input-md`,\x20`input-lg`,\x20`input-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22{type}\x22\x20placeholder=\x22Type\x20here\x22\x20class=\x22input\x20{MODIFIER}\x22\x20/>\x0a```\x0a','components/input/examples/date-input':R(0x117),'components/input/examples/datetime-local-input':'#\x20Input\x20Example\x0a##\x20datetime-local\x20input\x0a\x0a```html\x0a<input\x20type=\x22datetime-local\x22\x20class=\x22input\x22\x20/>\x0a\x0a```\x0a','components/input/examples/disabled':R(0x147),'components/input/examples/email-input-with-icon-and-validator':'#\x20Input\x20Example\x0a##\x20Email\x20input\x20with\x20icon\x20and\x20validator\x0a\x0a```html\x0a<label\x20class=\x22input\x20validator\x22>\x0a\x20\x20<svg\x20class=\x22h-[1em]\x20opacity-50\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222.5\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<rect\x20width=\x2220\x22\x20height=\x2216\x22\x20x=\x222\x22\x20y=\x224\x22\x20rx=\x222\x22></rect>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22m22\x207-8.97\x205.7a1.94\x201.94\x200\x200\x201-2.06\x200L2\x207\x22></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<input\x20type=\x22email\x22\x20placeholder=\x22mail@site.com\x22\x20required\x20/>\x0a</label>\x0a<div\x20class=\x22validator-hint\x20hidden\x22>Enter\x20valid\x20email\x20address</div>\x0a\x0a```\x0a','components/input/examples/email-input-with-icon-validator-button-join':R(0x164),'components/input/examples/ghost-style':R(0x185),'components/input/examples/input-colors':R(0xe8),'components/input/examples/number-input-with-validator':R(0x109),'components/input/examples/password-input-with-icon-and-validator':R(0x123),'components/input/examples/search-input-with-icon':R(0x13c),'components/input/examples/sizes':R(0x171),'components/input/examples/telephone-number-input-with-icon-and-validator':R(0x175),'components/input/examples/text-input':R(0xe3),'components/input/examples/text-input-with-data-list-suggestion':'#\x20Input\x20Example\x0a##\x20Text\x20input\x20with\x20data\x20list\x20suggestion\x0a\x0a```html\x0a<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22Which\x20browser\x20do\x20you\x20use\x22\x20list=\x22browsers\x22\x20/>\x0a<datalist\x20id=\x22browsers\x22>\x0a\x20\x20<option\x20value=\x22Chrome\x22></option>\x0a\x20\x20<option\x20value=\x22Firefox\x22></option>\x0a\x20\x20<option\x20value=\x22Safari\x22></option>\x0a\x20\x20<option\x20value=\x22Opera\x22></option>\x0a\x20\x20<option\x20value=\x22Edge\x22></option>\x0a</datalist>\x0a\x0a```\x0a','components/input/examples/text-input-with-text-label-inside':R(0x114),'components/input/examples/time-input':R(0x141),'components/input/examples/url-with-icon-and-validator':R(0xe1),'components/input/examples/username-text-input-with-icon-and-validator':R(0x17f),'components/input/examples/with-fieldset-and-fieldset-legend':R(0x112),'components/join':R(0x124),'components/join/examples/custom-border-radius':'#\x20Join\x20Example\x0a##\x20Custom\x20border\x20radius\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<input\x20class=\x22input\x20join-item\x22\x20placeholder=\x22Email\x22\x20/>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x20rounded-r-full\x22>Subscribe</button>\x0a</div>\x0a\x0a```\x0a','components/join/examples/group-items-vertically':R(0x13b),'components/join/examples/join':'#\x20Join\x20Example\x0a##\x20Join\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a</div>\x0a\x0a```\x0a','components/join/examples/join-radio-inputs-with-btn-style':'#\x20Join\x20Example\x0a##\x20Join\x20radio\x20inputs\x20with\x20btn\x20style\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<input\x20class=\x22join-item\x20btn\x22\x20type=\x22radio\x22\x20name=\x22options\x22\x20aria-label=\x22Radio\x201\x22\x20/>\x0a\x20\x20<input\x20class=\x22join-item\x20btn\x22\x20type=\x22radio\x22\x20name=\x22options\x22\x20aria-label=\x22Radio\x202\x22\x20/>\x0a\x20\x20<input\x20class=\x22join-item\x20btn\x22\x20type=\x22radio\x22\x20name=\x22options\x22\x20aria-label=\x22Radio\x203\x22\x20/>\x0a</div>\x0a```\x0a','components/join/examples/responsive-its-vertical-on-small-screen-and-horizontal-on-large-screen':'#\x20Join\x20Example\x0a##\x20Responsive:\x20it\x27s\x20vertical\x20on\x20small\x20screen\x20and\x20horizontal\x20on\x20large\x20screen\x0a\x0a```html\x0a<div\x20class=\x22join\x20join-vertical\x20lg:join-horizontal\x22>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a\x20\x20<button\x20class=\x22btn\x20join-item\x22>Button</button>\x0a</div>\x0a\x0a```\x0a','components/join/examples/with-extra-elements-in-the-group':R(0xe0),'components/kbd':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/kbd.png\x0adocs:\x20https://daisyui.com/components/kbd/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x0a\x20\x20\x20\x20xs:\x20--size-selector*4\x20=\x2016px\x0a\x20\x20\x20\x20sm:\x20--size-selector*5\x20=\x2020px\x0a\x20\x20\x20\x20md:\x20--size-selector*6\x20=\x2024px\x0a\x20\x20\x20\x20lg:\x20--size-selector*7\x20=\x2028px\x0a\x20\x20\x20\x20xl:\x20--size-selector*8\x20=\x2032px\x0a---\x0a\x0a#\x20kbd\x0aKbd\x20is\x20used\x20to\x20display\x20keyboard\x20shortcuts\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`kbd`\x0a-\x20size:\x20`kbd-xs`,\x20`kbd-sm`,\x20`kbd-md`,\x20`kbd-lg`,\x20`kbd-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<kbd\x20class=\x22kbd\x20{MODIFIER}\x22>K</kbd>\x0a```\x0a','components/kbd/examples/a-full-keyboard':R(0x103),'components/kbd/examples/arrow-keys':R(0x166),'components/kbd/examples/function-keys':R(0x16e),'components/kbd/examples/in-text':R(0x13f),'components/kbd/examples/kbd':R(0xe7),'components/kbd/examples/kbd-sizes':R(0x153),'components/kbd/examples/key-combination':R(0x189),'components/label':R(0x17e),'components/label/examples/floating-label':R(0x121),'components/label/examples/floating-label-with-different-sizes':R(0x115),'components/label/examples/label-for-date-input':R(0x126),'components/label/examples/label-for-input':'#\x20Label\x20Example\x0a##\x20Label\x20for\x20input\x0a\x0a```html\x0a<label\x20class=\x22input\x22>\x0a\x20\x20<span\x20class=\x22label\x22>https://</span>\x0a\x20\x20<input\x20type=\x22text\x22\x20placeholder=\x22URL\x22\x20/>\x0a</label>\x0a\x0a```\x0a','components/label/examples/label-for-input-at-the-end':R(0x13a),'components/label/examples/label-for-select':R(0x173),'components/link':R(0x15e),'components/link/examples/accent-color':R(0x108),'components/link/examples/error-color':R(0x15a),'components/link/examples/info-color':R(0x137),'components/link/examples/link':'#\x20Link\x20Example\x0a##\x20Link\x0a\x0a```html\x0a<p>\x0a\x20\x20Tailwind\x20CSS\x20resets\x20the\x20style\x20of\x20links\x20by\x20default.\x0a\x20\x20<br\x20/>\x0a\x20\x20Add\x20\x22link\x22\x20class\x20to\x20make\x20it\x20look\x20like\x20a\x0a\x20\x20<a\x20class=\x22link\x22>normal\x20link</a>\x0a\x20\x20again.\x0a</p>\x0a\x0a```\x0a','components/link/examples/primary-color':R(0x17a),'components/link/examples/secondary-color':R(0x150),'components/link/examples/show-underline-only-on-hover':R(0xf0),'components/link/examples/success-color':R(0x12d),'components/link/examples/warning-color':R(0xe9),'components/list':'---\x0adocs:\x20https://daisyui.com/components/list/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20list\x0aList\x20is\x20a\x20vertical\x20layout\x20to\x20display\x20information\x20in\x20rows\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`list`,\x20`list-row`\x0a-\x20Modifier:\x20`list-col-wrap`,\x20`list-col-grow`\x0a\x0a##\x20Syntax\x0a```html\x0a<ul\x20class=\x22list\x22>\x0a\x20\x20<li\x20class=\x22list-row\x22>{CONTENT}</li>\x0a</ul>\x0a```\x0a','components/list/examples/list-second-column-grows-default':'#\x20List\x20Example\x0a##\x20List\x20(second\x20column\x20grows\x20-\x20default)\x0a\x0a```html\x0a<ul\x20class=\x22list\x20bg-base-100\x20rounded-box\x20shadow-md\x22>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22p-4\x20pb-2\x20text-xs\x20opacity-60\x20tracking-wide\x22>Most\x20played\x20songs\x20this\x20week</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/1@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<div>Dio\x20Lupa</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Remaining\x20Reason</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M19\x2014c1.49-1.46\x203-3.21\x203-5.5A5.5\x205.5\x200\x200\x200\x2016.5\x203c-1.76\x200-3\x20.5-4.5\x202-1.5-1.5-2.74-2-4.5-2A5.5\x205.5\x200\x200\x200\x202\x208.5c0\x202.3\x201.5\x204.05\x203\x205.5l7\x207Z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/4@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<div>Ellie\x20Beilish</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Bears\x20of\x20a\x20fever</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M19\x2014c1.49-1.46\x203-3.21\x203-5.5A5.5\x205.5\x200\x200\x200\x2016.5\x203c-1.76\x200-3\x20.5-4.5\x202-1.5-1.5-2.74-2-4.5-2A5.5\x205.5\x200\x200\x200\x202\x208.5c0\x202.3\x201.5\x204.05\x203\x205.5l7\x207Z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a\x20\x20<li\x20class=\x22list-row\x22>\x0a\x20\x20\x20\x20<div><img\x20class=\x22size-10\x20rounded-box\x22\x20src=\x22https://img.daisyui.com/images/profile/demo/3@94.webp\x22/></div>\x0a\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20<div>Sabrino\x20Gardener</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-xs\x20uppercase\x20font-semibold\x20opacity-60\x22>Cappuccino</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M6\x203L20\x2012\x206\x2021\x206\x203z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20class=\x22size-[1.2em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M19\x2014c1.49-1.46\x203-3.21\x203-5.5A5.5\x205.5\x200\x200\x200\x2016.5\x203c-1.76\x200-3\x20.5-4.5\x202-1.5-1.5-2.74-2-4.5-2A5.5\x205.5\x200\x200\x200\x202\x208.5c0\x202.3\x201.5\x204.05\x203\x205.5l7\x207Z\x22></path></g></svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</li>\x0a\x20\x20\x0a</ul>\x0a\x0a```\x0a','components/list/examples/list-third-column-grows':R(0x136),'components/list/examples/list-third-column-wraps-to-next-row':R(0x122),'components/loading':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/loading.png\x0adocs:\x20https://daisyui.com/components/loading/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x0a\x20\x20\x20\x20xs:\x20--size-selector*4\x20=\x2016px\x0a\x20\x20\x20\x20sm:\x20--size-selector*5\x20=\x2020px\x0a\x20\x20\x20\x20md:\x20--size-selector*6\x20=\x2024px\x0a\x20\x20\x20\x20lg:\x20--size-selector*7\x20=\x2028px\x0a\x20\x20\x20\x20xl:\x20--size-selector*8\x20=\x2032px\x0a---\x0a\x0a#\x20loading\x0aLoading\x20shows\x20an\x20animation\x20to\x20indicate\x20that\x20something\x20is\x20loading\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`loading`\x0a-\x20style:\x20`loading-spinner`,\x20`loading-dots`,\x20`loading-ring`,\x20`loading-ball`,\x20`loading-bars`,\x20`loading-infinity`\x0a-\x20size:\x20`loading-xs`,\x20`loading-sm`,\x20`loading-md`,\x20`loading-lg`,\x20`loading-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<span\x20class=\x22loading\x20{MODIFIER}\x22></span>\x0a```\x0a','components/loading/examples/loading-ball':'#\x20Loading\x20Example\x0a##\x20Loading\x20ball\x0a\x0a```html\x0a<span\x20class=\x22loading\x20loading-ball\x20loading-xs\x22></span>\x0a<span\x20class=\x22loading\x20loading-ball\x20loading-sm\x22></span>\x0a<span\x20class=\x22loading\x20loading-ball\x20loading-md\x22></span>\x0a<span\x20class=\x22loading\x20loading-ball\x20loading-lg\x22></span>\x0a<span\x20class=\x22loading\x20loading-ball\x20loading-xl\x22></span>\x0a\x0a```\x0a','components/loading/examples/loading-bars':R(0xfa),'components/loading/examples/loading-dots':R(0x184),'components/loading/examples/loading-infinity':R(0xed),'components/loading/examples/loading-ring':R(0xee),'components/loading/examples/loading-spinner':R(0x119),'components/loading/examples/loading-with-colors':R(0x179),'components/mask':R(0x144),'components/mask/examples/circle':R(0x11e),'components/mask/examples/decagon':R(0x182),'components/mask/examples/diamond':R(0xe4),'components/mask/examples/heart':R(0x15d),'components/mask/examples/hexagon':R(0x12b),'components/mask/examples/hexagon-2-horizontal-hexagon':R(0x12a),'components/mask/examples/pentagon':'#\x20Mask\x20Example\x0a##\x20Pentagon\x0a\x0a```html\x0a<img\x0a\x20\x20class=\x22mask\x20mask-pentagon\x22\x0a\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp\x22\x20/>\x0a\x0a```\x0a','components/mask/examples/square':R(0xe2),'components/mask/examples/squircle':R(0xfe),'components/mask/examples/star':R(0x14b),'components/mask/examples/star-2-bold-star':R(0x158),'components/mask/examples/triangle-2-pointing-down':R(0xdf),'components/mask/examples/triangle-3-pointing-left':R(0x106),'components/mask/examples/triangle-4-pointing-right':R(0xf8),'components/mask/examples/triangle-pointing-top':R(0x111),'components/menu':R(0xec),'components/menu/examples/collapsible-submenu':R(0x16a),'components/menu/examples/collapsible-submenu-that-works-with-class-names':R(0x146),'components/menu/examples/collapsible-with-submenu-responsive':R(0x181),'components/menu/examples/file-tree':R(0x159),'components/menu/examples/horizontal-menu':R(0x131),'components/menu/examples/horizontal-submenu':R(0x101),'components/menu/examples/mega-menu-with-submenu-responsive':R(0x100),'components/menu/examples/menu':R(0x11a),'components/menu/examples/menu-sizes':R(0x10b),'components/menu/examples/menu-with-active-item':R(0x11d),'components/menu/examples/menu-with-disabled-items':R(0xf4),'components/menu/examples/menu-with-icon-only':R(0x14f),'components/menu/examples/menu-with-icon-only-horizontal':R(0x138),'components/menu/examples/menu-with-icon-only-horizontal-with-tooltip':R(0xeb),'components/menu/examples/menu-with-icon-only-with-tooltip':R(0x13d),'components/menu/examples/menu-with-icons':'#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20icons\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x2012l2-2m0\x200l7-7\x207\x207M5\x2010v10a1\x201\x200\x20001\x201h3m10-11l2\x202m-2-2v10a1\x201\x200\x2001-1\x201h-3m-6\x200a1\x201\x200\x20001-1v-4a1\x201\x200\x20011-1h2a1\x201\x200\x20011\x201v4a1\x201\x200\x20001\x201m-6\x200h6\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20Item\x202\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20Item\x201\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<a>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x2019v-6a2\x202\x200\x2000-2-2H5a2\x202\x200\x2000-2\x202v6a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2zm0\x200V9a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v10m-6\x200a2\x202\x200\x20002\x202h2a2\x202\x200\x20002-2m0\x200V5a2\x202\x200\x20012-2h2a2\x202\x200\x20012\x202v14a2\x202\x200\x2001-2\x202h-2a2\x202\x200\x2001-2-2z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20Item\x203\x0a\x20\x20\x20\x20</a>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','components/menu/examples/menu-with-icons-and-badge-responsive':R(0x12f),'components/menu/examples/menu-with-title':'#\x20Menu\x20Example\x0a##\x20Menu\x20with\x20title\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20rounded-box\x20w-56\x22>\x0a\x20\x20<li\x20class=\x22menu-title\x22>Title</li>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','components/menu/examples/menu-with-title-as-a-parent':R(0x152),'components/menu/examples/menu-without-padding-and-border-radius':'#\x20Menu\x20Example\x0a##\x20Menu\x20without\x20padding\x20and\x20border\x20radius\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20bg-base-200\x20w-56\x20[&_li>*]:rounded-none\x20p-0\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','components/menu/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen':'#\x20Menu\x20Example\x0a##\x20Responsive:\x20vertical\x20on\x20small\x20screen,\x20horizontal\x20on\x20large\x20screen\x0a\x0a```html\x0a<ul\x20class=\x22menu\x20menu-vertical\x20lg:menu-horizontal\x20bg-base-200\x20rounded-box\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20<li><a>Item\x203</a></li>\x0a</ul>\x0a\x0a```\x0a','components/menu/examples/submenu':R(0x133),'components/mockup-browser':R(0xdd),'components/mockup-browser/examples/browser-mockup-with-background-color':'#\x20Mockup\x20Browser\x20Example\x0a##\x20browser\x20mockup\x20with\x20background\x20color\x0a\x0a```html\x0a<div\x20class=\x22mockup-browser\x20border\x20border-base-300\x20w-full\x22>\x0a\x20\x20<div\x20class=\x22mockup-browser-toolbar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22input\x22>https://daisyui.com</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22grid\x20place-content-center\x20h-80\x22>Hello!</div>\x0a</div>\x0a```\x0a','components/mockup-browser/examples/browser-mockup-with-border':R(0x177),'components/mockup-code':R(0xfb),'components/mockup-code/examples/highlighted-line':'#\x20Mockup\x20Code\x20Example\x0a##\x20Highlighted\x20line\x0a\x0a```html\x0a<div\x20class=\x22mockup-code\x20w-full\x22>\x0a\x20\x20<pre\x20data-prefix=\x221\x22><code>npm\x20i\x20daisyui</code></pre>\x0a\x20\x20<pre\x20data-prefix=\x222\x22><code>installing...</code></pre>\x0a\x20\x20<pre\x20data-prefix=\x223\x22\x20class=\x22bg-warning\x20text-warning-content\x22><code>Error!</code></pre>\x0a</div>\x0a\x0a```\x0a','components/mockup-code/examples/long-line-will-scroll':R(0xf5),'components/mockup-code/examples/mockup-code-with-line-prefix':R(0x176),'components/mockup-code/examples/multi-line':R(0x188),'components/mockup-code/examples/with-color':'#\x20Mockup\x20Code\x20Example\x0a##\x20With\x20color\x0a\x0a```html\x0a<div\x20class=\x22mockup-code\x20bg-primary\x20text-primary-content\x20w-full\x22>\x0a\x20\x20<pre><code>can\x20be\x20any\x20color!</code></pre>\x0a</div>\x0a```\x0a','components/mockup-code/examples/without-prefix':R(0xfd),'components/mockup-phone':R(0x11c),'components/mockup-phone/examples/iphone-mockup':'#\x20Mockup\x20Phone\x20Example\x0a##\x20iPhone\x20mockup\x0a\x0a```html\x0a<div\x20class=\x22mockup-phone\x22>\x0a\x20\x20<div\x20class=\x22mockup-phone-camera\x22></div>\x0a\x20\x20<div\x20class=\x22mockup-phone-display\x20text-white\x20grid\x20place-content-center\x20bg-neutral-900\x22>\x0a\x20\x20\x20\x20It\x27s\x20Glowtime.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/mockup-phone/examples/with-color-and-wallpaper':R(0x170),'components/mockup-window':R(0x162),'components/mockup-window/examples/window-mockup-with-background-color':'#\x20Mockup\x20Window\x20Example\x0a##\x20window\x20mockup\x20with\x20background\x20color\x0a\x0a```html\x0a<div\x20class=\x22mockup-window\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<div\x20class=\x22grid\x20place-content-center\x20h-80\x22>Hello!</div>\x0a</div>\x0a```\x0a','components/mockup-window/examples/window-mockup-with-border':R(0x12c),'components/modal':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/modal.png\x0adocs:\x20https://daisyui.com/components/modal/\x0a---\x0a\x0a#\x20modal\x0aModal\x20is\x20used\x20to\x20show\x20a\x20dialog\x20or\x20a\x20box\x20when\x20you\x20click\x20a\x20button\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`modal`\x0a-\x20part:\x20`modal-box`,\x20`modal-action`,\x20`modal-backdrop`,\x20`modal-toggle`\x0a-\x20modifier:\x20`modal-open`\x0a-\x20placement:\x20`modal-top`,\x20`modal-middle`,\x20`modal-bottom`,\x20`modal-start`,\x20`modal-end`\x0a\x0a##\x20Syntax\x0aUsing\x20HTML\x20dialog\x20element\x0a```html\x0a<button\x20onclick=\x22my_modal.showModal()\x22>Open\x20modal</button>\x0a<dialog\x20id=\x22my_modal\x22\x20class=\x22modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>{CONTENT}</div>\x0a\x20\x20<form\x20method=\x22dialog\x22\x20class=\x22modal-backdrop\x22><button>close</button></form>\x0a</dialog>\x0a```\x0a\x0aUsing\x20checkbox\x20(legacy)\x0a```html\x0a<label\x20for=\x22my-modal\x22\x20class=\x22btn\x22>Open\x20modal</label>\x0a<input\x20type=\x22checkbox\x22\x20id=\x22my-modal\x22\x20class=\x22modal-toggle\x22\x20/>\x0a<div\x20class=\x22modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>{CONTENT}</div>\x0a\x20\x20<label\x20class=\x22modal-backdrop\x22\x20for=\x22my-modal\x22>Close</label>\x0a</div>\x0a```\x0a\x0aUsing\x20anchor\x20links\x20(legacy)\x0a```html\x0a<a\x20href=\x22#my-modal\x22\x20class=\x22btn\x22>Open\x20modal</a>\x0a<div\x20class=\x22modal\x22\x20id=\x22my-modal\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>{CONTENT}</div>\x0a</div>\x0a```\x0a','components/modal/examples/dialog-modal':R(0x157),'components/modal/examples/dialog-modal-closes-when-clicked-outside':R(0xf9),'components/modal/examples/dialog-modal-with-a-close-button-at-corner':R(0x118),'components/modal/examples/dialog-modal-with-custom-width':R(0x163),'components/modal/examples/modal-that-closes-when-clicked-outside':R(0xef),'components/modal/examples/modal-using-anchor-link':R(0xf3),'components/modal/examples/modal-using-checkbox':'#\x20Modal\x20Example\x0a##\x20Modal\x20using\x20checkbox\x0a\x0a```html\x0a<!--\x20The\x20button\x20to\x20open\x20modal\x20-->\x0a<label\x20for=\x22my_modal_6\x22\x20class=\x22btn\x22>open\x20modal</label>\x0a\x0a<!--\x20Put\x20this\x20part\x20before\x20</body>\x20tag\x20-->\x0a<input\x20type=\x22checkbox\x22\x20id=\x22my_modal_6\x22\x20class=\x22modal-toggle\x22\x20/>\x0a<div\x20class=\x22modal\x22\x20role=\x22dialog\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>This\x20modal\x20works\x20with\x20a\x20hidden\x20checkbox!</p>\x0a\x20\x20\x20\x20<div\x20class=\x22modal-action\x22>\x0a\x20\x20\x20\x20\x20\x20<label\x20for=\x22my_modal_6\x22\x20class=\x22btn\x22>Close!</label>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/modal/examples/responsive':'#\x20Modal\x20Example\x0a##\x20Responsive\x0a\x0a```html\x0a<!--\x20Open\x20the\x20modal\x20using\x20ID.showModal()\x20method\x20-->\x0a<button\x20class=\x22btn\x22\x20onclick=\x22my_modal_5.showModal()\x22>open\x20modal</button>\x0a<dialog\x20id=\x22my_modal_5\x22\x20class=\x22modal\x20modal-bottom\x20sm:modal-middle\x22>\x0a\x20\x20<div\x20class=\x22modal-box\x22>\x0a\x20\x20\x20\x20<h3\x20class=\x22text-lg\x20font-bold\x22>Hello!</h3>\x0a\x20\x20\x20\x20<p\x20class=\x22py-4\x22>Press\x20ESC\x20key\x20or\x20click\x20the\x20button\x20below\x20to\x20close</p>\x0a\x20\x20\x20\x20<div\x20class=\x22modal-action\x22>\x0a\x20\x20\x20\x20\x20\x20<form\x20method=\x22dialog\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20if\x20there\x20is\x20a\x20button\x20in\x20form,\x20it\x20will\x20close\x20the\x20modal\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x22>Close</button>\x0a\x20\x20\x20\x20\x20\x20</form>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</dialog>\x0a\x0a```\x0a','components/navbar':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/navbar.png\x0adocs:\x20https://daisyui.com/components/navbar/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x2064px\x0a---\x0a\x0a#\x20navbar\x0aNavbar\x20is\x20used\x20to\x20show\x20a\x20navigation\x20bar\x20on\x20the\x20top\x20of\x20the\x20page\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`navbar`\x0a-\x20part:\x20`navbar-start`,\x20`navbar-center`,\x20`navbar-end`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22navbar\x22>{CONTENT}</div>\x0a```\x0a','components/navbar/examples/navbar-with-colors':'#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20colors\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-neutral\x20text-neutral-content\x22>\x0a\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</button>\x0a</div>\x0a\x0a<div\x20class=\x22navbar\x20bg-base-300\x22>\x0a\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</button>\x0a</div>\x0a\x0a<div\x20class=\x22navbar\x20bg-primary\x20text-primary-content\x22>\x0a\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</button>\x0a</div>\x0a```\x0a','components/navbar/examples/navbar-with-dropdown-center-logo-and-icon':R(0x10a),'components/navbar/examples/navbar-with-icon-at-start-and-end':R(0x128),'components/navbar/examples/navbar-with-icon-indicator-and-dropdown':R(0x13e),'components/navbar/examples/navbar-with-menu-and-submenu':R(0x14d),'components/navbar/examples/navbar-with-search-input-and-dropdown':R(0xf7),'components/navbar/examples/navbar-with-title-and-icon':'#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20title\x20and\x20icon\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22flex-1\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex-none\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22inline-block\x20h-5\x20w-5\x20stroke-current\x22>\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2012h.01M12\x2012h.01M19\x2012h.01M6\x2012a1\x201\x200\x2011-2\x200\x201\x201\x200\x20012\x200zm7\x200a1\x201\x200\x2011-2\x200\x201\x201\x200\x20012\x200zm7\x200a1\x201\x200\x2011-2\x200\x201\x201\x200\x20012\x200z\x22></path>\x20</svg>\x0a\x20\x20\x20\x20</button>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/navbar/examples/navbar-with-title-only':'#\x20Navbar\x20Example\x0a##\x20Navbar\x20with\x20title\x20only\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20text-xl\x22>daisyUI</a>\x0a</div>\x0a\x0a```\x0a','components/navbar/examples/responsive-dropdown-menu-on-small-screen-center-menu-on-large-screen':R(0x180),'components/pagination':'---\x0adocs:\x20https://daisyui.com/components/pagination/\x0a---\x0a\x0a#\x20pagination\x0aPagination\x20is\x20a\x20group\x20of\x20buttons\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`join`\x0a-\x20part:\x20`join-item`\x0a-\x20direction:\x20`join-vertical`,\x20`join-horizontal`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22join\x22>{CONTENT}</div>\x0a```\x0a','components/pagination/examples/extra-small-buttons':R(0x155),'components/pagination/examples/nexprev-outline-buttons-with-equal-width':R(0x143),'components/pagination/examples/pagination-with-an-active-button':'#\x20Pagination\x20Example\x0a##\x20Pagination\x20with\x20an\x20active\x20button\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-active\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>3</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>4</button>\x0a</div>\x0a\x0a```\x0a','components/pagination/examples/sizes':R(0x10e),'components/pagination/examples/using-radio-inputs':R(0x156),'components/pagination/examples/with-a-disabled-button':'#\x20Pagination\x20Example\x0a##\x20With\x20a\x20disabled\x20button\x0a\x0a```html\x0a<div\x20class=\x22join\x22>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>1</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>2</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x20btn-disabled\x22>...</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>99</button>\x0a\x20\x20<button\x20class=\x22join-item\x20btn\x22>100</button>\x0a</div>\x0a\x0a```\x0a','components/progress':R(0x167),'components/progress/examples/accent-color':'#\x20Progress\x20Example\x0a##\x20Accent\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-accent\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-accent\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-accent\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-accent\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-accent\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','components/progress/examples/error-color':R(0x149),'components/progress/examples/indeterminate-without-value':'#\x20Progress\x20Example\x0a##\x20Indeterminate\x20(without\x20value)\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20w-56\x22></progress>\x0a```\x0a','components/progress/examples/info-color':'#\x20Progress\x20Example\x0a##\x20Info\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-info\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-info\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-info\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-info\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-info\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','components/progress/examples/neutral-color':R(0x145),'components/progress/examples/primary-color':R(0x16f)};