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-3.js ADDED
@@ -0,0 +1 @@
1
+ var n=W;function W(Y,B){var r=J();return W=function(a,w){a=a-0x1c7;var k=r[a];return k;},W(Y,B);}function J(){var R=['#\x20Carousel\x20Example\x0a##\x20Carousel\x20with\x20indicator\x20buttons\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20w-full\x22>\x0a\x20\x20<div\x20id=\x22item1\x22\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20id=\x22item2\x22\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20id=\x22item3\x22\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1414694762283-acccc27bca85.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20id=\x22item4\x22\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22flex\x20w-full\x20justify-center\x20gap-2\x20py-2\x22>\x0a\x20\x20<a\x20href=\x22#item1\x22\x20class=\x22btn\x20btn-xs\x22>1</a>\x0a\x20\x20<a\x20href=\x22#item2\x22\x20class=\x22btn\x20btn-xs\x22>2</a>\x0a\x20\x20<a\x20href=\x22#item3\x22\x20class=\x22btn\x20btn-xs\x22>3</a>\x0a\x20\x20<a\x20href=\x22#item4\x22\x20class=\x22btn\x20btn-xs\x22>4</a>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/accordion.png\x0adocs:\x20https://daisyui.com/components/accordion/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20min-height:\x2056px\x0a---\x0a\x0a#\x20accordion\x0aAccordion\x20is\x20used\x20for\x20showing\x20and\x20hiding\x20content\x20but\x20only\x20one\x20item\x20can\x20stay\x20open\x20at\x20a\x20time\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`collapse`\x0a-\x20part:\x20`collapse-title`,\x20`collapse-content`\x0a-\x20modifier:\x20`collapse-arrow`,\x20`collapse-plus`,\x20`collapse-open`,\x20`collapse-close`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22collapse\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0awhere\x20content\x20is:\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22{name}\x22\x20checked=\x22{checked}\x22\x20/>\x0a<div\x20class=\x22collapse-title\x22>{title}</div>\x0a<div\x20class=\x22collapse-content\x22>{CONTENT}</div>\x0a```\x0a\x0a##\x20Rules\x0a-\x20{MODIFIER}\x20is\x20optional\x20and\x20can\x20have\x20one\x20of\x20the\x20modifier\x20class\x20names\x0a-\x20Accordion\x20uses\x20radio\x20inputs.\x20All\x20radio\x20inputs\x20with\x20the\x20same\x20name\x20work\x20together\x20and\x20only\x20one\x20of\x20them\x20can\x20be\x20open\x20at\x20a\x20time\x0a-\x20If\x20you\x20have\x20more\x20than\x20one\x20set\x20of\x20accordion\x20items\x20on\x20a\x20page,\x20use\x20different\x20names\x20for\x20the\x20radio\x20inputs\x20on\x20each\x20set\x0a-\x20Replace\x20{name}\x20with\x20a\x20unique\x20name\x20for\x20the\x20accordion\x20group\x0a-\x20replace\x20`{checked}`\x20with\x20`checked=\x22checked\x22`\x20if\x20you\x20want\x20the\x20accordion\x20to\x20be\x20open\x20by\x20default\x0a','#\x20Divider\x20Example\x0a##\x20Divider\x20with\x20no\x20text\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x20flex-col\x22>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-20\x20place-items-center\x22>content</div>\x0a\x20\x20<div\x20class=\x22divider\x22></div>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-20\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Dock\x20Example\x0a##\x20Dock\x20Extra\x20Small\x20size\x0a\x0a```html\x0a<div\x20class=\x22dock\x20dock-xs\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/carousel/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20carousel\x0aCarousel\x20show\x20images\x20or\x20content\x20in\x20a\x20scrollable\x20area\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`carousel`\x0a-\x20part:\x20`carousel-item`\x0a-\x20modifier:\x20`carousel-start`,\x20`carousel-center`,\x20`carousel-end`\x0a-\x20direction:\x20`carousel-horizontal`,\x20`carousel-vertical`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22carousel\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Disabled\x20buttons\x0a\x0a```html\x0a<button\x20class=\x22btn\x22\x20disabled=\x22disabled\x22>Disabled\x20using\x20attribute</button>\x0a<button\x20class=\x22btn\x20btn-disabled\x22\x20tabindex=\x22-1\x22\x20role=\x22button\x22\x20aria-disabled=\x22true\x22>\x0a\x20\x20Disabled\x20using\x20class\x20name\x0a</button>\x0a\x0a```\x0a','#\x20Checkbox\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-xs\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-sm\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-md\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-lg\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-xl\x22\x20/>\x0a\x0a```\x0a','#\x20Breadcrumbs\x20Example\x0a##\x20Breadcrumbs\x20with\x20max-width\x0a\x0a```html\x0a<div\x20class=\x22breadcrumbs\x20max-w-xs\x20text-sm\x22>\x0a\x20\x20<ul>\x0a\x20\x20\x20\x20<li>Long\x20text\x201</li>\x0a\x20\x20\x20\x20<li>Long\x20text\x202</li>\x0a\x20\x20\x20\x20<li>Long\x20text\x203</li>\x0a\x20\x20\x20\x20<li>Long\x20text\x204</li>\x0a\x20\x20\x20\x20<li>Long\x20text\x205</li>\x0a\x20\x20</ul>\x0a</div>\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Flower\x20Speed\x20Dial\x20with\x20tooltip\x0a\x0a```html\x0a<div\x20class=\x22fab\x20fab-flower\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-info\x20btn-circle\x22>F</div>\x0a\x0a\x20\x20<!--\x20Main\x20Action\x20button\x20replaces\x20the\x20original\x20button\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22fab-main-action\x20btn\x20btn-circle\x20btn-lg\x20btn-success\x22>M</button>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<div\x20class=\x22tooltip\x20tooltip-left\x22\x20data-tip=\x22Label\x20A\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>A</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22tooltip\x20tooltip-left\x22\x20data-tip=\x22Label\x20B\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>B</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22tooltip\x22\x20data-tip=\x22Label\x20C\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>C</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22tooltip\x22\x20data-tip=\x22Label\x20D\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>D</button>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20a\x20dash\x20border\x0a\x0a```html\x0a<div\x20class=\x22card\x20card-dash\x20bg-base-100\x20w-96\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20Title</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20neutral\x20button\x20with\x20outline\x20or\x20dash\x20style\x0a\x0a```html\x0a<div\x20class=\x22bg-white\x20p-6\x22>\x0a\x20\x20<button\x20class=\x22btn\x20btn-neutral\x20btn-outline\x22>Outline</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-neutral\x20btn-dash\x22>Dash</button>\x0a</div>\x0a\x0a```\x0a','#\x20Drawer\x20Example\x0a##\x20Example:\x20This\x20sidebar\x20is\x20always\x20visible.\x20When\x20it\x27s\x20close\x20we\x20only\x20see\x20iocns,\x20when\x20it\x27s\x20open\x20we\x20see\x20icons\x20and\x20text\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20lg:drawer-open\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-4\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x22>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x20is-drawer-close:overflow-visible\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-4\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<div\x20class=\x22is-drawer-close:w-14\x20is-drawer-open:w-64\x20bg-base-200\x20flex\x20flex-col\x20items-start\x20min-h-full\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<ul\x20class=\x22menu\x20w-full\x20grow\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20list\x20item\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22is-drawer-close:tooltip\x20is-drawer-close:tooltip-right\x22\x20data-tip=\x22Homepage\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20🏠\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22is-drawer-close:hidden\x22>Homepage</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20list\x20item\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22is-drawer-close:tooltip\x20is-drawer-close:tooltip-right\x22\x20data-tip=\x22Settings\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20⚙️\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22is-drawer-close:hidden\x22>Settings</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20<!--\x20button\x20to\x20open/close\x20drawer\x20-->\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22m-2\x20is-drawer-close:tooltip\x20is-drawer-close:tooltip-right\x22\x20data-tip=\x22Open\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<label\x20for=\x22my-drawer-4\x22\x20class=\x22btn\x20btn-ghost\x20btn-circle\x20drawer-button\x20is-drawer-open:rotate-y-180\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20↔️\x0a\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Calendar\x20Example\x0a##\x20Cally\x20date\x20picker\x20example\x0a\x0a```html\x0a<!--\x0a*\x20Import\x20Cally\x20web\x20component\x20from\x20CDN\x0a<script\x20type=\x22module\x22\x20src=\x22https://unpkg.com/cally\x22></script>\x0a\x0a*\x20Or\x20install\x20as\x20a\x20dependency:\x0anpm\x20i\x20cally\x0a*\x20and\x20import\x20it\x20in\x20JS\x0aimport\x20\x22cally\x22;\x0a-->\x0a\x0a<button\x20popovertarget=\x22cally-popover1\x22\x20class=\x22input\x20input-border\x22\x20id=\x22cally1\x22\x20style=\x22anchor-name:--cally1\x22>\x0a\x20\x20Pick\x20a\x20date\x0a</button>\x0a<div\x20popover\x20id=\x22cally-popover1\x22\x20class=\x22dropdown\x20bg-base-100\x20rounded-box\x20shadow-lg\x22\x20style=\x22position-anchor:--cally1\x22>\x0a\x20\x20<calendar-date\x20class=\x22cally\x22\x20onchange={document.getElementById(\x27cally1\x27).innerText\x20=\x20this.value}>\x0a\x20\x20\x20\x20<svg\x20aria-label=\x22Previous\x22\x20class=\x22fill-current\x20size-4\x22\x20slot=\x22previous\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><path\x20d=\x22M15.75\x2019.5\x208.25\x2012l7.5-7.5\x22></path></svg>\x0a\x20\x20\x20\x20<svg\x20aria-label=\x22Next\x22\x20class=\x22fill-current\x20size-4\x22\x20slot=\x22next\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><path\x20d=\x22m8.25\x204.5\x207.5\x207.5-7.5\x207.5\x22></path></svg>\x0a\x20\x20\x20\x20<calendar-month></calendar-month>\x0a\x20\x20</calendar-date>\x0a</div>\x0a\x0a```\x0a','toString','#\x20Countdown\x20Example\x0a##\x20Large\x20text\x20with\x202\x20digits\x0a\x0a```html\x0a<span\x20class=\x22countdown\x20font-mono\x20text-6xl\x22>\x0a\x20\x20<span\x20style=\x22--value:59;\x20--digits:\x202;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a</span>\x0a\x0a```\x0a','246SPFQyT','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/card.png\x0adocs:\x20https://daisyui.com/components/card/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20card\x0aCards\x20are\x20used\x20to\x20group\x20and\x20display\x20content\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`card`\x0a-\x20part:\x20`card-title`,\x20`card-body`,\x20`card-actions`\x0a-\x20style:\x20`card-border`,\x20`card-dash`\x0a-\x20modifier:\x20`card-side`,\x20`image-full`\x0a-\x20size:\x20`card-xs`,\x20`card-sm`,\x20`card-md`,\x20`card-lg`,\x20`card-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22card\x20{MODIFIER}\x22>\x0a\x20\x20<figure><img\x20src=\x22{image-url}\x22\x20alt=\x22{alt-text}\x22\x20/></figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>{title}</h2>\x0a\x20\x20\x20\x20<p>{CONTENT}</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x22>{actions}</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/calendar/\x0a---\x0a\x0a#\x20calendar\x0aCalendar\x20includes\x20styles\x20for\x20different\x20calendar\x20libraries\x0a\x0a##\x20Class\x20names\x0a-\x20component\x0a\x20\x20-\x20`cally\x20(for\x20Cally\x20web\x20component)`\x0a\x20\x20-\x20`pika-single\x20(for\x20the\x20input\x20field\x20that\x20opens\x20Pikaday\x20calendar)`\x0a\x20\x20-\x20`react-day-picker\x20(for\x20the\x20DayPicker\x20component)`\x0a\x0a##\x20Syntax\x0aFor\x20Cally:\x0a```html\x0a<calendar-date\x20class=\x22cally\x22>{CONTENT}</calendar-date>\x0a```\x0aFor\x20Pikaday:\x0a```html\x0a<input\x20type=\x22text\x22\x20class=\x22input\x20pika-single\x22>\x0a```\x0aFor\x20React\x20Day\x20Picker:\x0a```html\x0a<DayPicker\x20className=\x22react-day-picker\x22>\x0a```\x0a','#\x20Accordion\x20Example\x0a##\x20Accordion\x20with\x20plus/minus\x20icon\x0a\x0a```html\x0a<div\x20class=\x22collapse\x20collapse-plus\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-3\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.</div>\x0a</div>\x0a<div\x20class=\x22collapse\x20collapse-plus\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-3\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>I\x20forgot\x20my\x20password.\x20What\x20should\x20I\x20do?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20on\x20\x22Forgot\x20Password\x22\x20on\x20the\x20login\x20page\x20and\x20follow\x20the\x20instructions\x20sent\x20to\x20your\x20email.</div>\x0a</div>\x0a<div\x20class=\x22collapse\x20collapse-plus\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-3\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20update\x20my\x20profile\x20information?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Go\x20to\x20\x22My\x20Account\x22\x20settings\x20and\x20select\x20\x22Edit\x20Profile\x22\x20to\x20make\x20changes.</div>\x0a</div>\x0a\x0a```\x0a','#\x20Avatar\x20Example\x0a##\x20Avatar\x20rounded\x0a\x0a```html\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-24\x20rounded-xl\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/yellingwoman@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-24\x20rounded-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/yellingcat@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/file-input.png\x0adocs:\x20https://daisyui.com/components/file-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#\x20file-input\x0aFile\x20Input\x20is\x20a\x20an\x20input\x20field\x20for\x20uploading\x20files\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`file-input`\x0a-\x20Style:\x20`file-input-ghost`\x0a-\x20Color:\x20`file-input-neutral`,\x20`file-input-primary`,\x20`file-input-secondary`,\x20`file-input-accent`,\x20`file-input-info`,\x20`file-input-success`,\x20`file-input-warning`,\x20`file-input-error`\x0a-\x20Size:\x20`file-input-xs`,\x20`file-input-sm`,\x20`file-input-md`,\x20`file-input-lg`,\x20`file-input-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20{MODIFIER}\x22\x20/>\x0a```\x0a','#\x20Accordion\x20Example\x0a##\x20Accordion\x20using\x20radio\x20inputs\x0a\x0a```html\x0a<div\x20class=\x22collapse\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-1\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.</div>\x0a</div>\x0a<div\x20class=\x22collapse\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-1\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>I\x20forgot\x20my\x20password.\x20What\x20should\x20I\x20do?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20on\x20\x22Forgot\x20Password\x22\x20on\x20the\x20login\x20page\x20and\x20follow\x20the\x20instructions\x20sent\x20to\x20your\x20email.</div>\x0a</div>\x0a<div\x20class=\x22collapse\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-1\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20update\x20my\x20profile\x20information?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Go\x20to\x20\x22My\x20Account\x22\x20settings\x20and\x20select\x20\x22Edit\x20Profile\x22\x20to\x20make\x20changes.</div>\x0a</div>\x0a\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Speed\x20Dial\x20with\x20labels\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-success\x22>F</div>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<div>Label\x20B\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>A</button></div>\x0a\x20\x20<div>Label\x20C\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>B</button></div>\x0a\x20\x20<div>Label\x20D\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>C</button></div>\x0a</div>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Responsive\x20card\x20(vertical\x20on\x20small\x20screen,\x20horizontal\x20on\x20large\x20screen)\x0a\x0a```html\x0a<div\x20class=\x22card\x20lg:card-side\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<figure>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494232410401-ad00d5433cfa.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Album\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>New\x20album\x20is\x20released!</h2>\x0a\x20\x20\x20\x20<p>Click\x20the\x20button\x20to\x20listen\x20on\x20Spotiwhy\x20app.</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Listen</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20File\x20Input\x20Example\x0a##\x20File\x20input\x0a\x0a```html\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x22\x20/>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/avatar/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20avatar\x0aAvatars\x20are\x20used\x20to\x20show\x20a\x20thumbnail\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`avatar`,\x20`avatar-group`\x0a-\x20modifier:\x20`avatar-online`,\x20`avatar-offline`,\x20`avatar-placeholder`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22avatar\x20{MODIFIER}\x22>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<img\x20src=\x22{image-url}\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Accordion\x20Example\x0a##\x20Accordion\x20with\x20arrow\x20icon\x0a\x0a```html\x0a<div\x20class=\x22collapse\x20collapse-arrow\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-2\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.</div>\x0a</div>\x0a<div\x20class=\x22collapse\x20collapse-arrow\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-2\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>I\x20forgot\x20my\x20password.\x20What\x20should\x20I\x20do?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20on\x20\x22Forgot\x20Password\x22\x20on\x20the\x20login\x20page\x20and\x20follow\x20the\x20instructions\x20sent\x20to\x20your\x20email.</div>\x0a</div>\x0a<div\x20class=\x22collapse\x20collapse-arrow\x20bg-base-100\x20border\x20border-base-300\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-2\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20update\x20my\x20profile\x20information?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Go\x20to\x20\x22My\x20Account\x22\x20settings\x20and\x20select\x20\x22Edit\x20Profile\x22\x20to\x20make\x20changes.</div>\x0a</div>\x0a\x0a```\x0a','#\x20File\x20Input\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<input\x20type=\x22file\x22\x20placeholder=\x22You\x20can\x27t\x20touch\x20this\x22\x20class=\x22file-input\x22\x20disabled\x20/>\x0a```\x0a','1440350maiEXh','#\x20Avatar\x20Example\x0a##\x20Avatar\x20group\x20with\x20counter\x0a\x0a```html\x0a<div\x20class=\x22avatar-group\x20-space-x-6\x22>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/batperson@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/spiderperson@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/averagebulk@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22avatar\x20avatar-placeholder\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22bg-neutral\x20text-neutral-content\x20w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<span>+99</span>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Button\x20block\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-block\x22>block</button>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20action\x20on\x20top\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-square\x20btn-sm\x22>\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\x20class=\x22h-6\x20w-6\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=\x22currentColor\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\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M6\x2018L18\x206M6\x206l12\x2012\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<p>We\x20are\x20using\x20cookies\x20for\x20no\x20reason.</p>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/chat.png\x0adocs:\x20https://daisyui.com/components/chat/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20min-height:\x2044px\x0a---\x0a\x0a#\x20chat\x0aChat\x20bubbles\x20are\x20used\x20to\x20show\x20one\x20line\x20of\x20conversation\x20and\x20all\x20its\x20data,\x20including\x20the\x20author\x20image,\x20author\x20name,\x20time,\x20etc\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`chat`\x0a-\x20part:\x20`chat-image`,\x20`chat-header`,\x20`chat-footer`,\x20`chat-bubble`\x0a-\x20placement:\x20`chat-start`,\x20`chat-end`\x0a-\x20color:\x20`chat-bubble-neutral`,\x20`chat-bubble-primary`,\x20`chat-bubble-secondary`,\x20`chat-bubble-accent`,\x20`chat-bubble-info`,\x20`chat-bubble-success`,\x20`chat-bubble-warning`,\x20`chat-bubble-error`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22chat\x20{PLACEMENT}\x22>\x0a\x20\x20<div\x20class=\x22chat-image\x22></div>\x0a\x20\x20<div\x20class=\x22chat-header\x22></div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20{COLOR}\x22>Message\x20text</div>\x0a\x20\x20<div\x20class=\x22chat-footer\x22></div>\x0a</div>\x0a```\x0a','#\x20Countdown\x20Example\x0a##\x20Clock\x20countdown\x20with\x20colons\x0a\x0a```html\x0a<span\x20class=\x22countdown\x20font-mono\x20text-2xl\x22>\x0a\x20\x20<span\x20style=\x22--value:10;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2210\x22>10</span>\x0a\x20\x20:\x0a\x20\x20<span\x20style=\x22--value:24;\x20--digits:\x202;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2224\x22>24</span>\x0a\x20\x20:\x0a\x20\x20<span\x20style=\x22--value:59;\x20--digits:\x202;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a</span>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Wide\x20button\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-wide\x22>Wide</button>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Alert\x20dash\x20style\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-info\x20alert-dash\x22>\x0a\x20\x20<span>12\x20unread\x20messages.\x20Tap\x20to\x20see.</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-success\x20alert-dash\x22>\x0a\x20\x20<span>Your\x20purchase\x20has\x20been\x20confirmed!</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-warning\x20alert-dash\x22>\x0a\x20\x20<span>Warning:\x20Invalid\x20email\x20address!</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-error\x20alert-dash\x22>\x0a\x20\x20<span>Error!\x20Task\x20failed\x20successfully.</span>\x0a</div>\x0a\x0a```\x0a','#\x20Divider\x20Example\x0a##\x20Divider\x20horizontal\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x22>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-20\x20grow\x20place-items-center\x22>content</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-horizontal\x22>OR</div>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-20\x20grow\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','#\x20Breadcrumbs\x20Example\x0a##\x20Breadcrumbs\x0a\x0a```html\x0a<div\x20class=\x22breadcrumbs\x20text-sm\x22>\x0a\x20\x20<ul>\x0a\x20\x20\x20\x20<li><a>Home</a></li>\x0a\x20\x20\x20\x20<li><a>Documents</a></li>\x0a\x20\x20\x20\x20<li>Add\x20Document</li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Avatar\x20Example\x0a##\x20Avatar\x20group\x0a\x0a```html\x0a<div\x20class=\x22avatar-group\x20-space-x-6\x22>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/batperson@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/spiderperson@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/averagebulk@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-12\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/wonderperson@192.webp\x22\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Login\x20buttons\x0a\x0a```html\x0a<!--\x20Email\x20-->\x0a<button\x20class=\x22btn\x20bg-white\x20text-black\x20border-[#e5e5e5]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Email\x20icon\x22\x20width=\x2216\x22\x20height=\x2216\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=\x22black\x22><rect\x20width=\x2220\x22\x20height=\x2216\x22\x20x=\x222\x22\x20y=\x224\x22\x20rx=\x222\x22></rect><path\x20d=\x22m22\x207-8.97\x205.7a1.94\x201.94\x200\x200\x201-2.06\x200L2\x207\x22></path></g></svg>\x0a\x20\x20Login\x20with\x20Email\x0a</button>\x0a\x0a<!--\x20GitHub\x20-->\x0a<button\x20class=\x22btn\x20bg-black\x20text-white\x20border-black\x22>\x0a\x20\x20<svg\x20aria-label=\x22GitHub\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><path\x20fill=\x22white\x22\x20d=\x22M12,2A10,10\x200\x200,0\x202,12C2,16.42\x204.87,20.17\x208.84,21.5C9.34,21.58\x209.5,21.27\x209.5,21C9.5,20.77\x209.5,20.14\x209.5,19.31C6.73,19.91\x206.14,17.97\x206.14,17.97C5.68,16.81\x205.03,16.5\x205.03,16.5C4.12,15.88\x205.1,15.9\x205.1,15.9C6.1,15.97\x206.63,16.93\x206.63,16.93C7.5,18.45\x208.97,18\x209.54,17.76C9.63,17.11\x209.89,16.67\x2010.17,16.42C7.95,16.17\x205.62,15.31\x205.62,11.5C5.62,10.39\x206,9.5\x206.65,8.79C6.55,8.54\x206.2,7.5\x206.75,6.15C6.75,6.15\x207.59,5.88\x209.5,7.17C10.29,6.95\x2011.15,6.84\x2012,6.84C12.85,6.84\x2013.71,6.95\x2014.5,7.17C16.41,5.88\x2017.25,6.15\x2017.25,6.15C17.8,7.5\x2017.45,8.54\x2017.35,8.79C18,9.5\x2018.38,10.39\x2018.38,11.5C18.38,15.32\x2016.04,16.16\x2013.81,16.41C14.17,16.72\x2014.5,17.33\x2014.5,18.26C14.5,19.6\x2014.5,20.68\x2014.5,21C14.5,21.27\x2014.66,21.59\x2015.17,21.5C19.14,20.16\x2022,16.42\x2022,12A10,10\x200\x200,0\x2012,2Z\x22></path></svg>\x0a\x20\x20Login\x20with\x20GitHub\x0a</button>\x0a\x0a<!--\x20Google\x20-->\x0a<button\x20class=\x22btn\x20bg-white\x20text-black\x20border-[#e5e5e5]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Google\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x20512\x20512\x22><g><path\x20d=\x22m0\x200H512V512H0\x22\x20fill=\x22#fff\x22></path><path\x20fill=\x22#34a853\x22\x20d=\x22M153\x20292c30\x2082\x20118\x2095\x20171\x2060h62v48A192\x20192\x200\x200190\x20341\x22></path><path\x20fill=\x22#4285f4\x22\x20d=\x22m386\x20400a140\x20175\x200\x200053-179H260v74h102q-7\x2037-38\x2057\x22></path><path\x20fill=\x22#fbbc02\x22\x20d=\x22m90\x20341a208\x20200\x200\x20010-171l63\x2049q-12\x2037\x200\x2073\x22></path><path\x20fill=\x22#ea4335\x22\x20d=\x22m153\x20219c22-69\x20116-109\x20179-50l55-54c-78-75-230-72-297\x2055\x22></path></g></svg>\x0a\x20\x20Login\x20with\x20Google\x0a</button>\x0a\x0a<!--\x20Facebook\x20-->\x0a<button\x20class=\x22btn\x20bg-[#1A77F2]\x20text-white\x20border-[#005fd8]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Facebook\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2032\x2032\x22><path\x20fill=\x22white\x22\x20d=\x22M8\x2012h5V8c0-6\x204-7\x2011-6v5c-4\x200-5\x200-5\x203v2h5l-1\x206h-4v12h-6V18H8z\x22></path></svg>\x0a\x20\x20Login\x20with\x20Facebook\x0a</button>\x0a\x0a<!--\x20X\x20-->\x0a<button\x20class=\x22btn\x20bg-black\x20text-white\x20border-black\x22>\x0a\x20\x20<svg\x20aria-label=\x22X\x20logo\x22\x20width=\x2216\x22\x20height=\x2212\x22\x20viewBox=\x220\x200\x20300\x20271\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22><path\x20fill=\x22currentColor\x22\x20d=\x22m236\x200h46l-101\x20115\x20118\x20156h-92.6l-72.5-94.8-83\x2094.8h-46l107-123-113-148h94.9l65.5\x2086.6zm-16.1\x20244h25.5l-165-218h-27.4z\x22/></svg>\x0a\x20\x20Login\x20with\x20X\x0a</button>\x0a\x0a<!--\x20Kakao\x20-->\x0a<button\x20class=\x22btn\x20bg-[#FEE502]\x20text-[#181600]\x20border-[#f1d800]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Kakao\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20viewBox=\x220\x200\x20512\x20512\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22><path\x20fill=\x22#181600\x22\x20d=\x22M255.5\x2048C299.345\x2048\x20339.897\x2056.5332\x20377.156\x2073.5996C414.415\x2090.666\x20443.871\x20113.873\x20465.522\x20143.22C487.174\x20172.566\x20498\x20204.577\x20498\x20239.252C498\x20273.926\x20487.174\x20305.982\x20465.522\x20335.42C443.871\x20364.857\x20414.46\x20388.109\x20377.291\x20405.175C340.122\x20422.241\x20299.525\x20430.775\x20255.5\x20430.775C241.607\x20430.775\x20227.262\x20429.781\x20212.467\x20427.795C148.233\x20472.402\x20114.042\x20494.977\x20109.892\x20495.518C107.907\x20496.241\x20106.012\x20496.15\x20104.208\x20495.248C103.486\x20494.706\x20102.945\x20493.983\x20102.584\x20493.08C102.223\x20492.177\x20102.043\x20491.365\x20102.043\x20490.642V489.559C103.126\x20482.515\x20111.335\x20453.169\x20126.672\x20401.518C91.8486\x20384.181\x2064.1974\x20361.2\x2043.7185\x20332.575C23.2395\x20303.951\x2013\x20272.843\x2013\x20239.252C13\x20204.577\x2023.8259\x20172.566\x2045.4777\x20143.22C67.1295\x20113.873\x2096.5849\x2090.666\x20133.844\x2073.5996C171.103\x2056.5332\x20211.655\x2048\x20255.5\x2048Z\x22></path></svg>\x0a\x20\x20카카오\x20로그인\x0a</button>\x0a\x0a<!--\x20Apple\x20-->\x0a<button\x20class=\x22btn\x20bg-black\x20text-white\x20border-black\x22>\x0a\x20\x20<svg\x20aria-label=\x22Apple\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x201195\x201195\x22><path\x20fill=\x22white\x22\x20d=\x22M1006.933\x20812.8c-32\x20153.6-115.2\x20211.2-147.2\x20249.6-32\x2025.6-121.6\x2025.6-153.6\x206.4-38.4-25.6-134.4-25.6-166.4\x200-44.8\x2032-115.2\x2019.2-128\x2012.8-256-179.2-352-716.8\x2012.8-774.4\x2064-12.8\x20134.4\x2032\x20134.4\x2032\x2051.2\x2025.6\x2070.4\x2012.8\x20115.2-6.4\x2096-44.8\x20243.2-44.8\x20313.6\x2076.8-147.2\x2096-153.6\x20294.4\x2019.2\x20403.2zM802.133\x2064c12.8\x2070.4-64\x20224-204.8\x20230.4-12.8-38.4\x2032-217.6\x20204.8-230.4z\x22></path></svg>\x0a\x20\x20Login\x20with\x20Apple\x0a</button>\x0a\x0a<!--\x20Amazon\x20-->\x0a<button\x20class=\x22btn\x20bg-[#FF9900]\x20text-black\x20border-[#e17d00]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Amazon\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2016\x2016\x22><g\x20fill=\x22black\x22><path\x20d=\x22M14.463\x2013.831c-1.753\x201.294-4.291\x201.981-6.478\x201.981-3.066\x200-5.825-1.131-7.912-3.019-.163-.147-.019-.35.178-.234\x202.253\x201.313\x205.041\x202.1\x207.919\x202.1\x201.941\x200\x204.075-.403\x206.041-1.238.294-.125.544.197.253.409z\x22></path><path\x20d=\x22M15.191\x2013c-.225-.287-1.481-.137-2.047-.069-.172.019-.197-.128-.044-.238\x201.003-.703\x202.647-.5\x202.838-.266.194.238-.05\x201.884-.991\x202.672-.144.122-.281.056-.219-.103.216-.528.688-1.709.463-1.997zM11.053\x2011.838l.003.003c.387-.341\x201.084-.95\x201.478-1.278.156-.125.128-.334.006-.509-.353-.488-.728-.884-.728-1.784v-3c0-1.272.088-2.438-.847-3.313-.738-.706-1.963-.956-2.9-.956-1.831\x200-3.875.684-4.303\x202.947-.047.241.131.369.287.403l1.866.203c.175-.009.3-.181.334-.356.159-.778.813-1.156\x201.547-1.156.397\x200\x20.847.144\x201.081.5.269.397.234.938.234\x201.397v.25c-1.116.125-2.575.206-3.619.666-1.206.522-2.053\x201.584-2.053\x203.147\x200\x202\x201.259\x203\x202.881\x203\x201.369\x200\x202.116-.322\x203.172-1.403.35.506.463.753\x201.103\x201.284a.395.395\x200\x200\x200\x20.456-.044zm-1.94-4.694c0\x20.75.019\x201.375-.359\x202.041-.306.544-.791.875-1.331.875-.737\x200-1.169-.563-1.169-1.394\x200-1.641\x201.472-1.938\x202.863-1.938v.416z\x22></path></g></svg>\x0a\x20\x20Login\x20with\x20Amazon\x0a</button>\x0a\x0a<!--\x20Microsoft\x20-->\x0a<button\x20class=\x22btn\x20bg-[#2F2F2F]\x20text-white\x20border-black\x22>\x0a\x20\x20<svg\x20aria-label=\x22Microsoft\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x20512\x20512\x22><path\x20d=\x22M96\x2096H247V247H96\x22\x20fill=\x22#f24f23\x22></path><path\x20d=\x22M265\x2096V247H416V96\x22\x20fill=\x22#7eba03\x22></path><path\x20d=\x22M96\x20265H247V416H96\x22\x20fill=\x22#3ca4ef\x22></path><path\x20d=\x22M265\x20265H416V416H265\x22\x20fill=\x22#f9ba00\x22></path></svg>\x0a\x20\x20Login\x20with\x20Microsoft\x0a</button>\x0a\x0a<!--\x20Line\x20-->\x0a<button\x20class=\x22btn\x20bg-[#03C755]\x20text-white\x20border-[#00b544]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Line\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2016\x2016\x22><g\x20fill-rule=\x22evenodd\x22\x20stroke-linejoin=\x22round\x22\x20fill=\x22white\x22><path\x20fill-rule=\x22nonzero\x22\x20d=\x22M12.91\x206.57c.232\x200\x20.42.19.42.42\x200\x20.23-.188.42-.42.42h-1.17v.75h1.17a.42.42\x200\x201\x201\x200\x20.84h-1.59a.42.42\x200\x200\x201-.418-.42V5.4c0-.23.188-.42.42-.42h1.59a.42.42\x200\x200\x201-.002.84h-1.17v.75h1.17zm-2.57\x202.01a.421.421\x200\x200\x201-.757.251l-1.63-2.217V8.58a.42.42\x200\x200\x201-.42.42.42.42\x200\x200\x201-.418-.42V5.4a.418.418\x200\x200\x201\x20.755-.249L9.5\x207.366V5.4c0-.23.188-.42.42-.42.23\x200\x20.42.19.42.42v3.18zm-3.828\x200c0\x20.23-.188.42-.42.42a.42.42\x200\x200\x201-.418-.42V5.4c0-.23.188-.42.42-.42.23\x200\x20.418.19.418.42v3.18zM4.868\x209h-1.59c-.23\x200-.42-.19-.42-.42V5.4c0-.23.19-.42.42-.42.232\x200\x20.42.19.42.42v2.76h1.17a.42.42\x200\x201\x201\x200\x20.84M16\x206.87C16\x203.29\x2012.41.376\x208\x20.376S0\x203.29\x200\x206.87c0\x203.208\x202.846\x205.896\x206.69\x206.405.26.056.615.172.705.394.08.2.053.518.026.722\x200\x200-.092.565-.113.685-.035.203-.16.79.693.432.854-.36\x204.607-2.714\x206.285-4.646C15.445\x209.594\x2016\x208.302\x2016\x206.87\x22></path></g></svg>\x0a\x20\x20LINEでログイン\x0a</button>\x0a\x0a<!--\x20Slack\x20-->\x0a<button\x20class=\x22btn\x20bg-[#622069]\x20text-white\x20border-[#591660]\x22>\x0a\x20\x20<svg\x20aria-label=\x22Slack\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x20512\x20512\x22><g\x20stroke-linecap=\x22round\x22\x20stroke-width=\x2278\x22><path\x20stroke=\x22#36c5f0\x22\x20d=\x22m110\x20207h97m0-97h.1v-.1\x22></path><path\x20stroke=\x22#2eb67d\x22\x20d=\x22m305\x20110v97m97\x200v.1h.1\x22></path><path\x20stroke=\x22#ecb22e\x22\x20d=\x22m402\x20305h-97m0\x2097h-.1v.1\x22></path><path\x20stroke=\x22#e01e5a\x22\x20d=\x22M110\x20305h.1v.1m97\x200v97\x22></path></g></svg>\x0a\x20\x20Login\x20with\x20Slack\x0a</button>\x0a\x0a<!--\x20LinkedIn\x20-->\x0a<button\x20class=\x22btn\x20bg-[#0967C2]\x20text-white\x20border-[#0059b3]\x22>\x0a\x20\x20<svg\x20aria-label=\x22LinkedIn\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2032\x2032\x22><path\x20fill=\x22white\x22\x20d=\x22M26.111,3H5.889c-1.595,0-2.889,1.293-2.889,2.889V26.111c0,1.595,1.293,2.889,2.889,2.889H26.111c1.595,0,2.889-1.293,2.889-2.889V5.889c0-1.595-1.293-2.889-2.889-2.889ZM10.861,25.389h-3.877V12.87h3.877v12.519Zm-1.957-14.158c-1.267,0-2.293-1.034-2.293-2.31s1.026-2.31,2.293-2.31,2.292,1.034,2.292,2.31-1.026,2.31-2.292,2.31Zm16.485,14.158h-3.858v-6.571c0-1.802-.685-2.809-2.111-2.809-1.551,0-2.362,1.048-2.362,2.809v6.571h-3.718V12.87h3.718v1.686s1.118-2.069,3.775-2.069,4.556,1.621,4.556,4.975v7.926Z\x22\x20fill-rule=\x22evenodd\x22></path></svg>\x0a\x20\x20Login\x20with\x20LinkedIn\x0a</button>\x0a\x0a<!--\x20VK\x20-->\x0a<button\x20class=\x22btn\x20bg-[#47698F]\x20text-white\x20border-[#35567b]\x22>\x0a\x20\x20<svg\x20aria-label=\x22VK\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x202240\x202240\x22><g\x20fill=\x22white\x22><path\x20d=\x22M2077\x20904q23\x2064-150\x20294-24\x2032-65\x2085-78\x20100-90\x20131-17\x2041\x2014\x2081\x2017\x2021\x2081\x2082h1l1\x201\x201\x201\x202\x202q141\x20131\x20191\x20221\x203\x205\x206.5\x2012.5t7\x2026.5-.5\x2034-25\x2027.5-59\x2012.5l-256\x204q-24\x205-56-5t-52-22l-20-12q-30-21-70-64t-68.5-77.5-61-58-56.5-15.5q-3\x201-8\x203.5t-17\x2014.5-21.5\x2029.5-17\x2052-6.5\x2077.5q0\x2015-3.5\x2027.5t-7.5\x2018.5l-4\x205q-18\x2019-53\x2022h-115q-71\x204-146-16.5t-131.5-53-103-66T648\x201722l-25-24q-10-10-27.5-30t-71.5-91-106-151-122.5-211T165\x20943q-6-16-6-27t3-16l4-6q15-19\x2057-19l274-2q12\x202\x2023\x206.5t16\x208.5l5\x203q16\x2011\x2024\x2032\x2020\x2050\x2046\x20103.5t41\x2081.5l16\x2029q29\x2060\x2056\x20104t48.5\x2068.5T814\x201348t34\x2014\x2027-5q2-1\x205-5t12-22\x2013.5-47\x209.5-81\x200-125q-2-40-9-73t-14-46l-6-12q-25-34-85-43-13-2\x205-24\x2017-19\x2038-30\x2053-26\x20239-24\x2082\x201\x20135\x2013\x2020\x205\x2033.5\x2013.5t20.5\x2024\x2010.5\x2032\x203.5\x2045.5-1\x2055-2.5\x2070.5-1.5\x2082.5q0\x2011-1\x2042t-.5\x2048\x203.5\x2040.5\x2011.5\x2039\x2022.5\x2024.5q8\x202\x2017\x204t26-11\x2038-34.5\x2052-67\x2068-107.5q60-104\x20107-225\x204-10\x2010-17.5t11-10.5l4-3\x205-2.5\x2013-3\x2020-.5\x20288-2q39-5\x2064\x202.5t31\x2016.5z\x22></path></g></svg>\x0a\x20\x20Login\x20with\x20VK\x0a</button>\x0a\x0a<!--\x20WeChat\x20-->\x0a<button\x20class=\x22btn\x20bg-[#5EBB2B]\x20text-white\x20border-[#4eaa0c]\x22>\x0a\x20\x20<svg\x20aria-label=\x22WeChat\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2032\x2032\x22><g\x20fill=\x22white\x22><path\x20d=\x22M11.606,3.068C5.031,3.068,0,7.529,0,12.393s4.344,7.681,4.344,7.681l-.706,2.676c-.093,.353,.284,.644,.602,.464l3.173-1.798c1.403,.447,4.381,.59,4.671,.603-.208-.721-.311-1.432-.311-2.095,0-3.754,3.268-9.04,10.532-9.04,.165,0,.331,.004,.496,.011-.965-4.627-5.769-7.827-11.195-7.827Zm-4.327,7.748c-.797,0-1.442-.646-1.442-1.442s.646-1.442,1.442-1.442,1.442,.646,1.442,1.442-.646,1.442-1.442,1.442Zm8.386,0c-.797,0-1.442-.646-1.442-1.442s.646-1.442,1.442-1.442,1.442,.646,1.442,1.442-.646,1.442-1.442,1.442Z\x22></path><path\x20d=\x22M32,19.336c0-4.26-4.998-7.379-9.694-7.379-6.642,0-9.459,4.797-9.459,7.966s2.818,7.966,9.459,7.966c1.469,0,2.762-.211,3.886-.584l2.498,1.585c.197,.125,.447-.052,.394-.279l-.567-2.46c2.36-1.643,3.483-4.234,3.483-6.815Zm-12.73-.81c-.704,0-1.275-.571-1.275-1.275s.571-1.275,1.275-1.275,1.275,.571,1.275,1.275c0,.705-.571,1.275-1.275,1.275Zm6.373,0c-.704,0-1.275-.571-1.275-1.275s.571-1.275,1.275-1.275,1.275,.571,1.275,1.275-.571,1.275-1.275,1.275Z\x22></path></g></svg>\x0a\x20\x20Login\x20with\x20WeChat\x0a</button>\x0a\x0a<!--\x20Metamask\x20-->\x0a<button\x20class=\x22btn\x20\x20bg-white\x20text-black\x20border-[#e5e5e5]\x22>\x0a\x20\x20<svg\x20aria-label=\x22MetaMask\x20logo\x22\x20width=\x2216\x22\x20height=\x2216\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x20507.83\x20470.86\x22><defs><style>.b,.c,.d,.e,.f,.g,.j{stroke-linecap:round;stroke-linejoin:round}.b{fill:#e4761b;stroke:#e4761b}.c{fill:#d7c1b3;stroke:#d7c1b3}.d{fill:#233447;stroke:#233447}.e{fill:#cd6116;stroke:#cd6116}.f{fill:#e4751f;stroke:#e4751f}.g{fill:#f6851b;stroke:#f6851b}.j{fill:#763d16;stroke:#763d16}</style></defs><path\x20d=\x22M482.09.5\x20284.32\x20147.38l36.58-86.66z\x22\x20style=\x22fill:#e2761b;stroke:#e2761b;stroke-linecap:round;stroke-linejoin:round\x22/><path\x20d=\x22m25.54.5\x20196.18\x20148.27-34.79-88.05zM410.93\x20340.97l-52.67\x2080.7\x20112.7\x2031\x2032.4-109.91zM4.67\x20342.76l32.2\x20109.91\x20112.7-31-52.67-80.7z\x22\x20class=\x22b\x22/><path\x20d=\x22m143.21\x20204.62-31.41\x2047.51\x20111.9\x204.97-3.97-120.25zM364.42\x20204.62l-77.51-69.16-2.59\x20121.64\x20111.71-4.97zM149.57\x20421.67l67.18-32.8-58.04-45.32zM290.88\x20388.87l67.38\x2032.8-9.34-78.12z\x22\x20class=\x22b\x22/><path\x20d=\x22m358.26\x20421.67-67.38-32.8\x205.37\x2043.93-.6\x2018.48zM149.57\x20421.67l62.61\x2029.61-.4-18.48\x204.97-43.93z\x22\x20class=\x22c\x22/><path\x20d=\x22m213.17\x20314.54-56.05-16.5\x2039.55-18.09zM294.46\x20314.54l16.5-34.59\x2039.75\x2018.09z\x22\x20class=\x22d\x22/><path\x20d=\x22m149.57\x20421.67\x209.54-80.7-62.21\x201.79zM348.72\x20340.97l9.54\x2080.7\x2052.67-78.91zM396.03\x20252.13l-111.71\x204.97\x2010.34\x2057.44\x2016.5-34.59\x2039.75\x2018.09zM157.12\x20298.04l39.75-18.09\x2016.3\x2034.59\x2010.53-57.44-111.9-4.97z\x22\x20class=\x22e\x22/><path\x20d=\x22m111.8\x20252.13\x2046.91\x2091.42-1.59-45.51zM350.91\x20298.04l-1.99\x2045.51\x2047.11-91.42zM223.7\x20257.1l-10.53\x2057.44\x2013.12\x2067.77\x202.98-89.24zM284.32\x20257.1l-5.36\x2035.77\x202.38\x2089.44\x2013.32-67.77z\x22\x20class=\x22f\x22/><path\x20d=\x22m294.66\x20314.54-13.32\x2067.77\x209.54\x206.56\x2058.04-45.32\x201.99-45.51zM157.12\x20298.04l1.59\x2045.51\x2058.04\x2045.32\x209.54-6.56-13.12-67.77z\x22\x20class=\x22g\x22/><path\x20d=\x22m295.65\x20451.28.6-18.48-4.97-4.38h-74.93l-4.57\x204.38.4\x2018.48-62.61-29.61\x2021.86\x2017.88\x2044.32\x2030.81h76.13l44.52-30.81\x2021.86-17.88z\x22\x20style=\x22stroke-linecap:round;stroke-linejoin:round;fill:#c0ad9e;stroke:#c0ad9e\x22/><path\x20d=\x22m290.88\x20388.87-9.54-6.56h-55.05l-9.54\x206.56-4.97\x2043.93\x204.57-4.38h74.93l4.97\x204.38z\x22\x20style=\x22stroke-linecap:round;stroke-linejoin:round;fill:#161616;stroke:#161616\x22/><path\x20d=\x22m490.44\x20156.92\x2016.89-81.09L482.09.5\x20290.88\x20142.41l73.54\x2062.21\x20103.95\x2030.41\x2023.06-26.83-9.94-7.15\x2015.9-14.51-12.32-9.54\x2015.9-12.13zM.5\x2075.83l16.89\x2081.09-10.73\x207.95L22.56\x20177l-12.12\x209.54\x2015.9\x2014.51-9.94\x207.15\x2022.86\x2026.83\x20103.95-30.41\x2073.54-62.21L25.54.5z\x22\x20class=\x22j\x22/><path\x20d=\x22m468.37\x20235.03-103.95-30.41\x2031.61\x2047.51-47.11\x2091.42\x2062.01-.79h92.43zM143.21\x20204.62\x2039.26\x20235.03\x204.67\x20342.76H96.9l61.81.79-46.91-91.42zM284.32\x20257.1l6.56-114.69\x2030.22-81.69H186.93l29.82\x2081.69\x206.95\x20114.69\x202.39\x2036.17.2\x2089.04h55.05l.4-89.04z\x22\x20class=\x22g\x22/></svg>\x0a\x20\x20Login\x20with\x20MetaMask\x0a</button>\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Pricing\x20Card\x0a\x0a```html\x0a<div\x20class=\x22card\x20w-96\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-xs\x20badge-warning\x22>Most\x20Popular</span>\x0a\x20\x20\x20\x20<div\x20class=\x22flex\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20<h2\x20class=\x22text-3xl\x20font-bold\x22>Premium</h2>\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22text-xl\x22>$29/mo</span>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<ul\x20class=\x22mt-6\x20flex\x20flex-col\x20gap-2\x20text-xs\x22>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22size-4\x20me-2\x20inline-block\x20text-success\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2013l4\x204L19\x207\x22\x20/></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span>High-resolution\x20image\x20generation</span>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22size-4\x20me-2\x20inline-block\x20text-success\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2013l4\x204L19\x207\x22\x20/></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span>Customizable\x20style\x20templates</span>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22size-4\x20me-2\x20inline-block\x20text-success\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2013l4\x204L19\x207\x22\x20/></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span>Batch\x20processing\x20capabilities</span>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22size-4\x20me-2\x20inline-block\x20text-success\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2013l4\x204L19\x207\x22\x20/></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span>AI-driven\x20image\x20enhancements</span>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20<li\x20class=\x22opacity-50\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22size-4\x20me-2\x20inline-block\x20text-base-content/50\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2013l4\x204L19\x207\x22\x20/></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22line-through\x22>Seamless\x20cloud\x20integration</span>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20<li\x20class=\x22opacity-50\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22size-4\x20me-2\x20inline-block\x20text-base-content/50\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke=\x22currentColor\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M5\x2013l4\x204L19\x207\x22\x20/></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22line-through\x22>Real-time\x20collaboration\x20tools</span>\x0a\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20<div\x20class=\x22mt-6\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x20btn-block\x22>Subscribe</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20A\x20single\x20FAB\x20(Floating\x20Action\x20Button)\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>F</button>\x0a</div>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Info\x20color\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22h-6\x20w-6\x20shrink-0\x20stroke-current\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22></path>\x0a\x20\x20</svg>\x0a\x20\x20<span>New\x20software\x20update\x20available.</span>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Soft\x20buttons\x20with\x20different\x20colors\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-soft\x22>Default</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-primary\x22>Primary</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-secondary\x22>Secondary</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-accent\x22>Accent</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-info\x22>Info</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-success\x22>Success</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-warning\x22>Warning</button>\x0a<button\x20class=\x22btn\x20btn-soft\x20btn-error\x22>Error</button>\x0a\x0a```\x0a','#\x20Fieldset\x20Example\x0a##\x20Fieldset\x20with\x20background\x20and\x20border\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x20bg-base-200\x20border-base-300\x20rounded-box\x20w-xs\x20border\x20p-4\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Page\x20title</legend>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22My\x20awesome\x20page\x22\x20/>\x0a\x20\x20<p\x20class=\x22label\x22>You\x20can\x20edit\x20page\x20title\x20later\x20on\x20from\x20settings</p>\x0a</fieldset>\x0a\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20Moving\x20collapse\x20icon\x20to\x20the\x20start\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20collapse-arrow\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x20after:start-5\x20after:end-auto\x20pe-4\x20ps-12\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Snap\x20to\x20start\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20rounded-box\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Burger\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Badge\x20Example\x0a##\x20Badge\x20in\x20a\x20button\x0a\x0a```html\x0a<button\x20class=\x22btn\x22>\x0a\x20\x20Inbox\x20<div\x20class=\x22badge\x20badge-sm\x22>+99</div>\x0a</button>\x0a\x0a<button\x20class=\x22btn\x22>\x0a\x20\x20Inbox\x20<div\x20class=\x22badge\x20badge-sm\x20badge-secondary\x22>+99</div>\x0a</button>\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Flower\x20Speed\x20Dial\x20with\x20SVG\x20icons\x0a\x0a```html\x0a<div\x20class=\x22fab\x20fab-flower\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-circle\x20btn-lg\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2016\x2016\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M8.75\x203.75a.75.75\x200\x200\x200-1.5\x200v3.5h-3.5a.75.75\x200\x200\x200\x200\x201.5h3.5v3.5a.75.75\x200\x200\x200\x201.5\x200v-3.5h3.5a.75.75\x200\x200\x200\x200-1.5h-3.5v-3.5Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</div>\x0a\x0a\x20\x20<!--\x20Main\x20Action\x20button\x20replaces\x20the\x20original\x20button\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22fab-main-action\x20btn\x20btn-circle\x20btn-lg\x20btn-primary\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x20post\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2016\x2016\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\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\x20d=\x22M11.013\x202.513a1.75\x201.75\x200\x200\x201\x202.475\x202.474L6.226\x2012.25a2.751\x202.751\x200\x200\x201-.892.596l-2.047.848a.75.75\x200\x200\x201-.98-.98l.848-2.047a2.75\x202.75\x200\x200\x201\x20.596-.892l7.262-7.261Z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22btn\x20btn-circle\x20btn-lg\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x20camera\x20photo\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2016\x2016\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M9.5\x208.5a1.5\x201.5\x200\x201\x201-3\x200\x201.5\x201.5\x200\x200\x201\x203\x200Z\x22\x20/>\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\x20d=\x22M2.5\x205A1.5\x201.5\x200\x200\x200\x201\x206.5v5A1.5\x201.5\x200\x200\x200\x202.5\x2013h11a1.5\x201.5\x200\x200\x200\x201.5-1.5v-5A1.5\x201.5\x200\x200\x200\x2013.5\x205h-.879a1.5\x201.5\x200\x200\x201-1.06-.44l-1.122-1.12A1.5\x201.5\x200\x200\x200\x209.38\x203H6.62a1.5\x201.5\x200\x200\x200-1.06.44L4.439\x204.56A1.5\x201.5\x200\x200\x201\x203.38\x205H2.5ZM11\x208.5a3\x203\x200\x201\x201-6\x200\x203\x203\x200\x200\x201\x206\x200Z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-circle\x20btn-lg\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x20poll\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2016\x2016\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x204.75a1\x201\x200\x201\x200\x200-2\x201\x201\x200\x200\x200\x200\x202ZM6.25\x203a.75.75\x200\x200\x200\x200\x201.5h7a.75.75\x200\x200\x200\x200-1.5h-7ZM6.25\x207.25a.75.75\x200\x200\x200\x200\x201.5h7a.75.75\x200\x200\x200\x200-1.5h-7ZM6.25\x2011.5a.75.75\x200\x200\x200\x200\x201.5h7a.75.75\x200\x200\x200\x200-1.5h-7ZM4\x2012.25a1\x201\x200\x201\x201-2\x200\x201\x201\x200\x200\x201\x202\x200ZM3\x209a1\x201\x200\x201\x200\x200-2\x201\x201\x200\x200\x200\x200\x202Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-circle\x20btn-lg\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x20gallery\x20photo\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2016\x2016\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\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\x20d=\x22M2\x204a2\x202\x200\x200\x201\x202-2h8a2\x202\x200\x200\x201\x202\x202v8a2\x202\x200\x200\x201-2\x202H4a2\x202\x200\x200\x201-2-2V4Zm10.5\x205.707a.5.5\x200\x200\x200-.146-.353l-1-1a.5.5\x200\x200\x200-.708\x200L9.354\x209.646a.5.5\x200\x200\x201-.708\x200L6.354\x207.354a.5.5\x200\x200\x200-.708\x200l-2\x202a.5.5\x200\x200\x200-.146.353V12a.5.5\x200\x200\x200\x20.5.5h8a.5.5\x200\x200\x200\x20.5-.5V9.707ZM12\x205a1\x201\x200\x201\x201-2\x200\x201\x201\x200\x200\x201\x202\x200Z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-circle\x20btn-lg\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x20voice\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2016\x2016\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M8\x201a2\x202\x200\x200\x200-2\x202v4a2\x202\x200\x201\x200\x204\x200V3a2\x202\x200\x200\x200-2-2Z\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M4.5\x207A.75.75\x200\x200\x200\x203\x207a5.001\x205.001\x200\x200\x200\x204.25\x204.944V13.5h-1.5a.75.75\x200\x200\x200\x200\x201.5h4.5a.75.75\x200\x200\x200\x200-1.5h-1.5v-1.556A5.001\x205.001\x200\x200\x200\x2013\x207a.75.75\x200\x200\x200-1.5\x200\x203.5\x203.5\x200\x201\x201-7\x200Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Vertical\x20carousel\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20carousel-vertical\x20rounded-box\x20h-96\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20h-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20Without\x20border\x20and\x20background\x20color\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Badge\x20Example\x0a##\x20neutral\x20badge\x20with\x20outline\x20or\x20dash\x20style\x0a\x0a```html\x0a<div\x20class=\x22bg-white\x20p-6\x22>\x0a\x20\x20<div\x20class=\x22badge\x20badge-neutral\x20badge-outline\x22>Outline</div>\x0a\x20\x20<div\x20class=\x22badge\x20badge-neutral\x20badge-dash\x22>Dash</div>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20left\x20/\x20aligns\x20to\x20center\x20of\x20button\x20vertically\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-left\x20dropdown-center\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬅️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20custom\x20color\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-primary\x20text-primary-content\x20w-96\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20title!</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<figure>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Shoes\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20Title</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20bottom\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-bottom\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬇️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/checkbox.png\x0adocs:\x20https://daisyui.com/components/checkbox/\x0adimensions:\x0a\x20\x20width/height:\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#\x20checkbox\x0aCheckboxes\x20are\x20used\x20to\x20select\x20or\x20deselect\x20a\x20value\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`checkbox`\x0a-\x20color:\x20`checkbox-primary`,\x20`checkbox-secondary`,\x20`checkbox-accent`,\x20`checkbox-neutral`,\x20`checkbox-success`,\x20`checkbox-warning`,\x20`checkbox-info`,\x20`checkbox-error`\x0a-\x20size:\x20`checkbox-xs`,\x20`checkbox-sm`,\x20`checkbox-md`,\x20`checkbox-lg`,\x20`checkbox-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x20{MODIFIER}\x22\x20/>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/fieldset.png\x0adocs:\x20https://daisyui.com/components/fieldset/\x0a---\x0a\x0a#\x20fieldset\x0aFieldset\x20is\x20a\x20container\x20for\x20grouping\x20related\x20form\x20elements.\x20It\x20includes\x20fieldset-legend\x20as\x20a\x20title\x20and\x20label\x20as\x20a\x20description\x0a\x0a##\x20Class\x20names\x0a-\x20Component:\x20`fieldset`,\x20`label`\x0a-\x20Parts:\x20`fieldset-legend`\x0a\x0a##\x20Syntax\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>{title}</legend>\x0a\x20\x20{CONTENT}\x0a\x20\x20<p\x20class=\x22label\x22>{description}</p>\x0a</fieldset>\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20using\x20details\x20and\x20summary\x0a\x0a```html\x0a<details\x20class=\x22dropdown\x22>\x0a\x20\x20<summary\x20class=\x22btn\x20m-1\x22>open\x20or\x20close</summary>\x0a\x20\x20<ul\x20class=\x22menu\x20dropdown-content\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</details>\x0a\x0a```\x0a','3976yDJjWu','#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Speed\x20Dial\x20(vertical)\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>F</div>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>A</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>B</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>C</button>\x0a</div>\x0a\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20Collapse\x20with\x20checkbox\x0a\x0a```html\x0a<div\x20class=\x22collapse\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Calendar\x20Example\x0a##\x20Pikaday\x20CDN\x20Example\x0a\x0a```html\x0a<script\x20src=\x22https://cdn.jsdelivr.net/npm/pikaday/pikaday.js\x22></script>\x0a<input\x20type=\x22text\x22\x20class=\x22input\x20pika-single\x22\x20id=\x22myDatepicker\x22>\x0a<script>\x0a\x20\x20var\x20picker\x20=\x20new\x20Pikaday({\x20field:\x20document.getElementById(\x27myDatepicker\x27)\x20});\x0a</script>\x0a```\x0a','#\x20Fieldset\x20Example\x0a##\x20Login\x20form\x20with\x20fieldset\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x20bg-base-200\x20border-base-300\x20rounded-box\x20w-xs\x20border\x20p-4\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Login</legend>\x0a\x0a\x20\x20<label\x20class=\x22label\x22>Email</label>\x0a\x20\x20<input\x20type=\x22email\x22\x20class=\x22input\x22\x20placeholder=\x22Email\x22\x20/>\x0a\x0a\x20\x20<label\x20class=\x22label\x22>Password</label>\x0a\x20\x20<input\x20type=\x22password\x22\x20class=\x22input\x22\x20placeholder=\x22Password\x22\x20/>\x0a\x0a\x20\x20<button\x20class=\x22btn\x20btn-neutral\x20mt-4\x22>Login</button>\x0a</fieldset>\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Speed\x20Dial\x20with\x20SVG\x20icons\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-secondary\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22New\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M12\x204.5v15m7.5-7.5h-15\x22\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</div>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22Camera\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M6.827\x206.175A2.31\x202.31\x200\x200\x201\x205.186\x207.23c-.38.054-.757.112-1.134.175C2.999\x207.58\x202.25\x208.507\x202.25\x209.574V18a2.25\x202.25\x200\x200\x200\x202.25\x202.25h15A2.25\x202.25\x200\x200\x200\x2021.75\x2018V9.574c0-1.067-.75-1.994-1.802-2.169a47.865\x2047.865\x200\x200\x200-1.134-.175\x202.31\x202.31\x200\x200\x201-1.64-1.055l-.822-1.316a2.192\x202.192\x200\x200\x200-1.736-1.039\x2048.774\x2048.774\x200\x200\x200-5.232\x200\x202.192\x202.192\x200\x200\x200-1.736\x201.039l-.821\x201.316Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M16.5\x2012.75a4.5\x204.5\x200\x201\x201-9\x200\x204.5\x204.5\x200\x200\x201\x209\x200ZM18.75\x2010.5h.008v.008h-.008V10.5Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22Gallery\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22m2.25\x2015.75\x205.159-5.159a2.25\x202.25\x200\x200\x201\x203.182\x200l5.159\x205.159m-1.5-1.5\x201.409-1.409a2.25\x202.25\x200\x200\x201\x203.182\x200l2.909\x202.909m-18\x203.75h16.5a1.5\x201.5\x200\x200\x200\x201.5-1.5V6a1.5\x201.5\x200\x200\x200-1.5-1.5H3.75A1.5\x201.5\x200\x200\x200\x202.25\x206v12a1.5\x201.5\x200\x200\x200\x201.5\x201.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375\x200a.375.375\x200\x201\x201-.75\x200\x20.375.375\x200\x200\x201\x20.75\x200Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20aria-label=\x22Voice\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x221.5\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22size-6\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M12\x2018.75a6\x206\x200\x200\x200\x206-6v-1.5m-6\x207.5a6\x206\x200\x200\x201-6-6v-1.5m6\x207.5v3.75m-3.75\x200h7.5M12\x2015.75a3\x203\x200\x200\x201-3-3V4.5a3\x203\x200\x201\x201\x206\x200v8.25a3\x203\x200\x200\x201-3\x203Z\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','#\x20Badge\x20Example\x0a##\x20Badge\x20sizes\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-xs\x22>Xsmall</div>\x0a<div\x20class=\x22badge\x20badge-sm\x22>Small</div>\x0a<div\x20class=\x22badge\x20badge-md\x22>Medium</div>\x0a<div\x20class=\x22badge\x20badge-lg\x22>Large</div>\x0a<div\x20class=\x22badge\x20badge-xl\x22>Xlarge</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Helper\x20dropdown\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-end\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-circle\x20btn-ghost\x20btn-xs\x20text-info\x22>\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20tabindex=\x220\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22h-4\x20w-4\x20stroke-current\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\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></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</div>\x0a\x20\x20<div\x0a\x20\x20\x20\x20tabindex=\x220\x22\x0a\x20\x20\x20\x20class=\x22card\x20card-sm\x20dropdown-content\x20bg-base-100\x20rounded-box\x20z-1\x20w-64\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>You\x20needed\x20more\x20info?</h2>\x0a\x20\x20\x20\x20\x20\x20<p>Here\x20is\x20a\x20description!</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20top\x20/\x20aligns\x20to\x20end\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-top\x20dropdown-end\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬆️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20/\x20aligns\x20to\x20center\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-center\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20\x20⬇️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','6VXWadZ','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20bottom\x20(default)\x20/\x20aligns\x20to\x20center\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-bottom\x20dropdown-center\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬇️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Checkbox\x20Example\x0a##\x20Indeterminate\x0a\x0a```html\x0a<!--\x20You\x20can\x20make\x20a\x20checkbox\x20indeterminate\x20using\x20JS\x20-->\x0a<script>\x0a\x20\x20document.getElementById(\x22my-checkbox\x22).indeterminate\x20=\x20true\x0a</script>\x0a<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20id=\x22my-checkbox\x22\x20/>\x0a\x0a```\x0a','#\x20File\x20Input\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-xs\x22\x20/>\x0a\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-sm\x22\x20/>\x0a\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-md\x22\x20/>\x0a\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-lg\x22\x20/>\x0a\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-xl\x22\x20/>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20sizes\x0a\x0a```html\x0a<div\x20class=\x22card\x20w-96\x20bg-base-100\x20card-xs\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Xsmall\x20Card</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22justify-end\x20card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a<div\x20class=\x22card\x20w-96\x20bg-base-100\x20card-sm\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Small\x20Card</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22justify-end\x20card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a<div\x20class=\x22card\x20w-96\x20bg-base-100\x20card-md\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Medium\x20Card</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22justify-end\x20card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a<div\x20class=\x22card\x20w-96\x20bg-base-100\x20card-lg\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Large\x20Card</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22justify-end\x20card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a<div\x20class=\x22card\x20w-96\x20bg-base-100\x20card-xl\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Xlarge\x20Card</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22justify-end\x20card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Drawer\x20Example\x0a##\x20Drawer\x20sidebar\x20that\x20opens\x20from\x20right\x20side\x20of\x20page\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20drawer-end\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-5\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x22>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-5\x22\x20class=\x22drawer-button\x20btn\x20btn-primary\x22>Open\x20drawer</label>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-5\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20bg-base-200\x20min-h-full\x20w-80\x20p-4\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Buttons\x20ghost\x20and\x20button\x20link\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-ghost\x22>Ghost</button>\x0a<button\x20class=\x22btn\x20btn-link\x22>Link</button>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Alert\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22stroke-info\x20h-6\x20w-6\x20shrink-0\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22></path>\x0a\x20\x20</svg>\x0a\x20\x20<span>12\x20unread\x20messages.\x20Tap\x20to\x20see.</span>\x0a</div>\x0a\x0a```\x0a','#\x20Drawer\x20Example\x0a##\x20Responsive:\x20Sidebar\x20is\x20always\x20visible\x20on\x20large\x20screen,\x20can\x20be\x20toggled\x20on\x20small\x20screen\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20lg:drawer-open\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-3\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x20flex\x20flex-col\x20items-center\x20justify-center\x22>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-3\x22\x20class=\x22btn\x20drawer-button\x20lg:hidden\x22>\x0a\x20\x20\x20\x20\x20\x20Open\x20drawer\x0a\x20\x20\x20\x20</label>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-3\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20bg-base-200\x20min-h-full\x20w-80\x20p-4\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','2947192Mnaorh','#\x20Dock\x20Example\x0a##\x20Dock\x20with\x20custom\x20colors\x0a\x0a```html\x0a<div\x20class=\x22dock\x20bg-neutral\x20text-neutral-content\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Home</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Inbox</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Settings</span>\x0a\x20\x20</button>\x0a</div>\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20Force\x20open\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20collapse-open\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>I\x20have\x20collapse-open\x20class</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/collapse.png\x0adocs:\x20https://daisyui.com/components/collapse/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20min-height:\x2056px\x0a---\x0a\x0a#\x20collapse\x0aCollapse\x20is\x20used\x20for\x20showing\x20and\x20hiding\x20content\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`collapse`\x0a-\x20part:\x20`collapse-title`,\x20`collapse-content`\x0a-\x20modifier:\x20`collapse-arrow`,\x20`collapse-plus`,\x20`collapse-open`,\x20`collapse-close`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20{MODIFIER}\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x22>{title}</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x22>{CONTENT}</div>\x0a</div>\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20top\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-top\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬆️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Alert\x20outline\x20style\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-info\x20alert-outline\x22>\x0a\x20\x20<span>12\x20unread\x20messages.\x20Tap\x20to\x20see.</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-success\x20alert-outline\x22>\x0a\x20\x20<span>Your\x20purchase\x20has\x20been\x20confirmed!</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-warning\x20alert-outline\x22>\x0a\x20\x20<span>Warning:\x20Invalid\x20email\x20address!</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-error\x20alert-outline\x22>\x0a\x20\x20<span>Error!\x20Task\x20failed\x20successfully.</span>\x0a</div>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20badge\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<figure>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Shoes\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>\x0a\x20\x20\x20\x20\x20\x20Card\x20Title\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22badge\x20badge-secondary\x22>NEW</div>\x0a\x20\x20\x20\x20</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22badge\x20badge-outline\x22>Fashion</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22badge\x20badge-outline\x22>Products</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20in\x20navbar\x0a\x0a```html\x0a<div\x20class=\x22navbar\x20bg-base-200\x22>\x0a\x20\x20<div\x20class=\x22ps-4\x22>\x0a\x20\x20\x20\x20<a\x20class=\x22text-lg\x20font-bold\x22>daisyUI</a>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex\x20grow\x20justify-end\x20px-2\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22flex\x20items-stretch\x22>\x0a\x20\x20\x20\x20\x20\x20<a\x20class=\x22btn\x20btn-ghost\x20rounded-field\x22>Button</a>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22dropdown\x20dropdown-end\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-ghost\x20rounded-field\x22>Dropdown</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<ul\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20tabindex=\x22-1\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20class=\x22menu\x20dropdown-content\x20bg-base-200\x20rounded-box\x20z-1\x20mt-4\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\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<li><a>Item\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Chat\x20Example\x0a##\x20Chat\x20Bubble\x20with\x20colors\x0a\x0a```html\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-primary\x22>What\x20kind\x20of\x20nonsense\x20is\x20this</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-secondary\x22>\x0a\x20\x20\x20\x20Put\x20me\x20on\x20the\x20Council\x20and\x20not\x20make\x20me\x20a\x20Master!??\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-accent\x22>\x0a\x20\x20\x20\x20That\x27s\x20never\x20been\x20done\x20in\x20the\x20history\x20of\x20the\x20Jedi.\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-neutral\x22>It\x27s\x20insulting!</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-end\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-info\x22>Calm\x20down,\x20Anakin.</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-end\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-success\x22>You\x20have\x20been\x20given\x20a\x20great\x20honor.</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-end\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-warning\x22>To\x20be\x20on\x20the\x20Council\x20at\x20your\x20age.</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-end\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x20chat-bubble-error\x22>It\x27s\x20never\x20happened\x20before.</div>\x0a</div>\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20on\x20hover\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-hover\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Hover</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Checkbox\x20Example\x0a##\x20Colors\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-primary\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-secondary\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-accent\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-neutral\x22\x20/>\x0a\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-info\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-success\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-warning\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x20checkbox-error\x22\x20/>\x0a\x0a```\x0a','#\x20Dock\x20Example\x0a##\x20Dock\x20Small\x20size\x0a\x0a```html\x0a<div\x20class=\x22dock\x20dock-sm\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/badge.png\x0adocs:\x20https://daisyui.com/components/badge/\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#\x20badge\x0aBadges\x20are\x20used\x20to\x20inform\x20the\x20user\x20of\x20the\x20status\x20of\x20specific\x20data\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`badge`\x0a-\x20style:\x20`badge-outline`,\x20`badge-dash`,\x20`badge-soft`,\x20`badge-ghost`\x0a-\x20color:\x20`badge-neutral`,\x20`badge-primary`,\x20`badge-secondary`,\x20`badge-accent`,\x20`badge-info`,\x20`badge-success`,\x20`badge-warning`,\x20`badge-error`\x0a-\x20size:\x20`badge-xs`,\x20`badge-sm`,\x20`badge-md`,\x20`badge-lg`,\x20`badge-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<span\x20class=\x22badge\x20{MODIFIER}\x22>Badge</span>\x0a```\x0a','#\x20Badge\x20Example\x0a##\x20Badge\x20with\x20dash\x20style\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-primary\x22>Primary</div>\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-secondary\x22>Secondary</div>\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-accent\x22>Accent</div>\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-info\x22>Info</div>\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-success\x22>Success</div>\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-warning\x22>Warning</div>\x0a<div\x20class=\x22badge\x20badge-dash\x20badge-error\x22>Error</div>\x0a\x0a```\x0a','#\x20Fieldset\x20Example\x0a##\x20Fieldset\x20with\x20multiple\x20join\x20items\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x20bg-base-200\x20border-base-300\x20rounded-box\x20w-xs\x20border\x20p-4\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Settings</legend>\x0a\x20\x20<div\x20class=\x22join\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x20join-item\x22\x20placeholder=\x22Product\x20name\x22\x20/>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20join-item\x22>save</button>\x0a\x20\x20</div>\x0a</fieldset>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20menu\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Card\x20as\x20dropdown\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click</div>\x0a\x20\x20<div\x0a\x20\x20\x20\x20tabindex=\x220\x22\x0a\x20\x20\x20\x20class=\x22dropdown-content\x20card\x20card-sm\x20bg-base-100\x20z-1\x20w-64\x20shadow-md\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20<p>This\x20is\x20a\x20card.\x20You\x20can\x20use\x20any\x20element\x20as\x20a\x20dropdown.</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Badge\x20Example\x0a##\x20Badge\x0a\x0a```html\x0a<span\x20class=\x22badge\x22>Badge</span>\x0a\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20FAB\x20Flower\x20and\x20Speed\x20Dial\x0a\x0a```html\x0a<div\x20class=\x22fab\x20fab-flower\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-success\x22>F</div>\x0a\x0a\x20\x20<!--\x20Main\x20Action\x20button\x20replaces\x20the\x20original\x20button\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22fab-main-action\x20btn\x20btn-circle\x20btn-lg\x22>M</button>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>A</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>B</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>C</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>D</button>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/dock.png\x0adocs:\x20https://daisyui.com/components/dock/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x0a\x20\x20\x20\x20xs:\x2048px\x0a\x20\x20\x20\x20sm:\x2056px\x0a\x20\x20\x20\x20md:\x2064px\x0a\x20\x20\x20\x20lg:\x2072px\x0a\x20\x20\x20\x20xl:\x2080px\x0a---\x0a\x0a#\x20dock\x0aDock\x20(also\x20know\x20as\x20Bottom\x20navigation\x20or\x20Bottom\x20bar)\x20is\x20a\x20UI\x20element\x20that\x20provides\x20navigation\x20options\x20to\x20the\x20user.\x20Dock\x20sticks\x20to\x20the\x20bottom\x20of\x20the\x20screen\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`dock`\x0a-\x20part:\x20`dock-label`\x0a-\x20modifier:\x20`dock-active`\x0a-\x20size:\x20`dock-xs`,\x20`dock-sm`,\x20`dock-md`,\x20`dock-lg`,\x20`dock-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22dock\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0awhere\x20content\x20is\x20a\x20list\x20of\x20buttons:\x0a```html\x0a<button>\x0a\x20\x20\x20\x20<svg>{icon}</svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Text</span>\x0a</button>\x0a```\x0a','#\x20Countdown\x20Example\x0a##\x20Large\x20text\x20with\x20labels\x20under\x0a\x0a```html\x0a<div\x20class=\x22grid\x20auto-cols-max\x20grid-flow-col\x20gap-5\x20text-center\x22>\x0a\x20\x20<div\x20class=\x22flex\x20flex-col\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:15;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2215\x22>15</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20days\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex\x20flex-col\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:10;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2210\x22>10</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20hours\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex\x20flex-col\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:24;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2224\x22>24</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20min\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex\x20flex-col\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:59;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20sec\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Avatar\x20Example\x0a##\x20Avatar\x20in\x20custom\x20sizes\x0a\x0a```html\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-32\x20rounded\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/superperson@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-20\x20rounded\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/superperson@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind-CSS-Avatar-component\x22\x0a\x20\x20\x20\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-16\x20rounded\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/superperson@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind-CSS-Avatar-component\x22\x0a\x20\x20\x20\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-8\x20rounded\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/superperson@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind-CSS-Avatar-component\x22\x0a\x20\x20\x20\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Countdown\x20Example\x0a##\x20Large\x20text\x20with\x20labels\x0a\x0a```html\x0a<div\x20class=\x22flex\x20gap-5\x22>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-4xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:15;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2215\x22>15</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20days\x0a\x20\x20</div>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-4xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:10;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2210\x22>10</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20hours\x0a\x20\x20</div>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-4xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:24;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2224\x22>24</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20min\x0a\x20\x20</div>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-4xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:59;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20sec\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Buttons\x20with\x20any\x20HTML\x20tags\x0a\x0a```html\x0a<a\x20role=\x22button\x22\x20class=\x22btn\x22>Link</a>\x0a<button\x20type=\x22submit\x22\x20class=\x22btn\x22>Button</button>\x0a<input\x20type=\x22button\x22\x20value=\x22Input\x22\x20class=\x22btn\x22\x20/>\x0a<input\x20type=\x22submit\x22\x20value=\x22Submit\x22\x20class=\x22btn\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20aria-label=\x22Radio\x22\x20class=\x22btn\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20aria-label=\x22Checkbox\x22\x20class=\x22btn\x22\x20/>\x0a<input\x20type=\x22reset\x22\x20value=\x22Reset\x22\x20class=\x22btn\x22\x20/>\x0a\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Carousel\x20with\x20full\x20width\x20items\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20rounded-box\x20w-64\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20Carousel\x20component\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20bottom\x20image\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20Title</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20</div>\x0a\x20\x20<figure>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Shoes\x22\x20/>\x0a\x20\x20</figure>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20right\x20/\x20aligns\x20to\x20center\x20of\x20button\x20vertically\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-right\x20dropdown-center\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20➡️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20/\x20aligns\x20to\x20start\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-start\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬇️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','25QdQGyF','#\x20Countdown\x20Example\x0a##\x20In\x20boxes\x0a\x0a```html\x0a<div\x20class=\x22grid\x20auto-cols-max\x20grid-flow-col\x20gap-5\x20text-center\x22>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20rounded-box\x20text-neutral-content\x20flex\x20flex-col\x20p-2\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:15;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2215\x22>15</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20days\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20rounded-box\x20text-neutral-content\x20flex\x20flex-col\x20p-2\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:10;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2210\x22>10</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20hours\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20rounded-box\x20text-neutral-content\x20flex\x20flex-col\x20p-2\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:24;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2224\x22>24</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20min\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20rounded-box\x20text-neutral-content\x20flex\x20flex-col\x20p-2\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22countdown\x20font-mono\x20text-5xl\x22>\x0a\x20\x20\x20\x20\x20\x20<span\x20style=\x22--value:59;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20sec\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','search','#\x20Button\x20Example\x0a##\x20Buttons\x20colors\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-neutral\x22>Neutral</button>\x0a<button\x20class=\x22btn\x20btn-primary\x22>Primary</button>\x0a<button\x20class=\x22btn\x20btn-secondary\x22>Secondary</button>\x0a<button\x20class=\x22btn\x20btn-accent\x22>Accent</button>\x0a<button\x20class=\x22btn\x20btn-info\x22>Info</button>\x0a<button\x20class=\x22btn\x20btn-success\x22>Success</button>\x0a<button\x20class=\x22btn\x20btn-warning\x22>Warning</button>\x0a<button\x20class=\x22btn\x20btn-error\x22>Error</button>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Alert\x20soft\x20style\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-info\x20alert-soft\x22>\x0a\x20\x20<span>12\x20unread\x20messages.\x20Tap\x20to\x20see.</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-success\x20alert-soft\x22>\x0a\x20\x20<span>Your\x20purchase\x20has\x20been\x20confirmed!</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-warning\x20alert-soft\x22>\x0a\x20\x20<span>Warning:\x20Invalid\x20email\x20address!</span>\x0a</div>\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-error\x20alert-soft\x22>\x0a\x20\x20<span>Error!\x20Task\x20failed\x20successfully.</span>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/fab.png\x0adocs:\x20https://daisyui.com/components/fab/\x0a---\x0a\x0a#\x20fab\x0aFAB\x20(Floating\x20Action\x20Button)\x20stays\x20in\x20the\x20bottom\x20corner\x20of\x20screen.\x20It\x20includes\x20a\x20focusable\x20and\x20accessible\x20element\x20with\x20button\x20role.\x20Clicking\x20or\x20focusing\x20it\x20shows\x20additional\x20buttons\x20(known\x20as\x20Speed\x20Dial\x20buttons)\x20in\x20a\x20vertical\x20arrangement\x20or\x20a\x20flower\x20shape\x20(quarter\x20circle)\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`fab`\x0a-\x20part:\x20`fab-close`,\x20`fab-main-action`\x0a-\x20modifier:\x20`fab-flower`\x0a\x0a##\x20Syntax\x0aA\x20single\x20FAB\x20in\x20the\x20corder\x20of\x20screen\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{IconOriginal}</button>\x0a</div>\x0a```\x0aA\x20FAB\x20that\x20opens\x20a\x203\x20other\x20buttons\x20in\x20the\x20corner\x20of\x20page\x20vertically\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon1}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon2}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon3}</button>\x0a</div>\x0a```\x0aA\x20FAB\x20that\x20opens\x20a\x203\x20other\x20buttons\x20in\x20the\x20corner\x20of\x20page\x20vertically\x20and\x20they\x20have\x20label\x20text\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<div>{Label1}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon1}</button></div>\x0a\x20\x20<div>{Label2}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon2}</button></div>\x0a\x20\x20<div>{Label3}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon3}</button></div>\x0a</div>\x0a```\x0aFAB\x20with\x20rectangle\x20buttons.\x20These\x20are\x20not\x20circular\x20buttons\x20so\x20they\x20can\x20have\x20more\x20content.\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x22>{Label1}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x22>{Label2}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x22>{Label3}</button>\x0a</div>\x0a```\x0aFAB\x20with\x20close\x20button.\x20When\x20FAB\x20is\x20open,\x20the\x20original\x20button\x20is\x20replaced\x20with\x20a\x20close\x20button\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<div\x20class=\x22fab-close\x22>Close\x20<span\x20class=\x22btn\x20btn-circle\x20btn-lg\x20btn-error\x22>✕</span></div>\x0a\x20\x20<div>{Label1}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon1}</button></div>\x0a\x20\x20<div>{Label2}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon2}</button></div>\x0a\x20\x20<div>{Label3}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon3}</button></div>\x0a</div>\x0a```\x0aFAB\x20with\x20Main\x20Action\x20button.\x20When\x20FAB\x20is\x20open,\x20the\x20original\x20button\x20is\x20replaced\x20with\x20a\x20main\x20action\x20button\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<div\x20class=\x22fab-main-action\x22>\x0a\x20\x20\x20\x20{LabelMainAction}<button\x20class=\x22btn\x20btn-circle\x20btn-secondary\x20btn-lg\x22>{IconMainAction}</button>\x0a\x20\x20</div>\x0a\x20\x20<div>{Label1}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon1}</button></div>\x0a\x20\x20<div>{Label2}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon2}</button></div>\x0a\x20\x20<div>{Label3}<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon3}</button></div>\x0a</div>\x0a```\x0aFAB\x20Flower.\x20It\x20opens\x20the\x20buttons\x20in\x20a\x20flower\x20shape\x20(quarter\x20circle)\x20arrangement\x20instead\x20of\x20vertical\x0a```html\x0a<div\x20class=\x22fab\x20fab-flower\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<button\x20class=\x22fab-main-action\x20btn\x20btn-circle\x20btn-lg\x22>{IconMainAction}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon1}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon2}</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon3}</button>\x0a</div>\x0a```\x0aFAB\x20Flower\x20with\x20tooltips.\x20There\x27s\x20no\x20space\x20for\x20a\x20text\x20label\x20in\x20a\x20quarter\x20circle,\x20so\x20tooltips\x20are\x20used\x20to\x20indicate\x20the\x20button\x27s\x20function\x0a```html\x0a<div\x20class=\x22fab\x20fab-flower\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>{IconOriginal}</div>\x0a\x20\x20<button\x20class=\x22fab-main-action\x20btn\x20btn-circle\x20btn-lg\x22>{IconMainAction}</button>\x0a\x20\x20<div\x20class=\x22tooltip\x20tooltip-left\x22\x20data-tip=\x22{Label1}\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon1}</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22tooltip\x20tooltip-left\x22\x20data-tip=\x22{Label2}\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon2}</button>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22tooltip\x20tooltip-left\x22\x20data-tip=\x22{Label3}\x22>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>{Icon3}</button>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Divider\x20Example\x0a##\x20Divider\x20with\x20colors\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x20flex-col\x22>\x0a\x20\x20<div\x20class=\x22divider\x22>Default</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-neutral\x22>Neutral</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-primary\x22>Primary</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-secondary\x22>Secondary</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-accent\x22>Accent</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-success\x22>Success</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-warning\x22>Warning</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-info\x22>Info</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-error\x22>Error</div>\x0a</div>\x0a\x0a```\x0a','1214530gkoXhW','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20/\x20aligns\x20to\x20end\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-end\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20\x20⬇️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20left\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-left\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬅️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Button\x20sizes\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-xs\x22>Xsmall</button>\x0a<button\x20class=\x22btn\x20btn-sm\x22>Small</button>\x0a<button\x20class=\x22btn\x22>Medium</button>\x0a<button\x20class=\x22btn\x20btn-lg\x22>Large</button>\x0a<button\x20class=\x22btn\x20btn-xl\x22>Xlarge</button>\x0a\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Snap\x20to\x20end\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20carousel-end\x20rounded-box\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Drink\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Speed\x20Dial\x20with\x20rectangle\x20buttons\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-success\x22>F</div>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x22>Button\x20A</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x22>Button\x20B</button>\x0a\x20\x20<button\x20class=\x22btn\x20btn-lg\x22>Button\x20C</button>\x0a</div>\x0a\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20Collapse\x20with\x20focus\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Diff\x20Example\x0a##\x20Diff\x0a\x0a```html\x0a<figure\x20class=\x22diff\x20aspect-16/9\x22\x20tabindex=\x220\x22>\x0a\x20\x20<div\x20class=\x22diff-item-1\x22\x20role=\x22img\x22\x20tabindex=\x220\x22>\x0a\x20\x20\x20\x20<img\x20alt=\x22daisy\x22\x20src=\x22https://img.daisyui.com/images/stock/photo-1560717789-0ac7c58ac90a.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22diff-item-2\x22\x20role=\x22img\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20alt=\x22daisy\x22\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1560717789-0ac7c58ac90a-blur.webp\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22diff-resizer\x22></div>\x0a</figure>\x0a\x0a```\x0a','(((.+)+)+)+$','#\x20Collapse\x20Example\x0a##\x20Custom\x20colors\x20for\x20collapse\x20that\x20works\x20with\x20focus\x0a\x0a```html\x0a<div\x0a\x20\x20tabindex=\x220\x22\x0a\x20\x20class=\x22bg-primary\x20text-primary-content\x20focus:bg-secondary\x20focus:text-secondary-content\x20collapse\x22\x0a>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Snap\x20to\x20center\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20carousel-center\x20rounded-box\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Pizza\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Square\x20button\x20and\x20circle\x20button\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-square\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x222.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-[1.2em]\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M21\x208.25c0-2.485-2.099-4.5-4.688-4.5-1.935\x200-3.597\x201.126-4.312\x202.733-.715-1.607-2.377-2.733-4.313-2.733C5.1\x203.75\x203\x205.765\x203\x208.25c0\x207.22\x209\x2012\x209\x2012s9-4.78\x209-12Z\x22\x20/></svg>\x0a</button>\x0a<button\x20class=\x22btn\x20btn-circle\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x222.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-[1.2em]\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M21\x208.25c0-2.485-2.099-4.5-4.688-4.5-1.935\x200-3.597\x201.126-4.312\x202.733-.715-1.607-2.377-2.733-4.313-2.733C5.1\x203.75\x203\x205.765\x203\x208.25c0\x207.22\x209\x2012\x209\x2012s9-4.78\x209-12Z\x22\x20/></svg>\x0a</button>\x0a\x0a```\x0a','5263811oNiXbb','7642MLFbHe','#\x20Dock\x20Example\x0a##\x20Dock\x20Medium\x20size\x0a\x0a```html\x0a<div\x20class=\x22dock\x20dock-md\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Home</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Inbox</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Settings</span>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/countdown/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20countdown\x0aCountdown\x20gives\x20you\x20a\x20transition\x20effect\x20when\x20you\x20change\x20a\x20number\x20between\x200\x20to\x20999\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`countdown`\x0a\x0a##\x20Syntax\x0a```html\x0a<span\x20class=\x22countdown\x22>\x0a\x20\x20<span\x20style=\x22--value:{number};\x22>number</span>\x0a</span>\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Carousel\x20with\x20next/prev\x20buttons\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20w-full\x22>\x0a\x20\x20<div\x20id=\x22slide1\x22\x20class=\x22carousel-item\x20relative\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22absolute\x20left-5\x20right-5\x20top-1/2\x20flex\x20-translate-y-1/2\x20transform\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide4\x22\x20class=\x22btn\x20btn-circle\x22>❮</a>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide2\x22\x20class=\x22btn\x20btn-circle\x22>❯</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20id=\x22slide2\x22\x20class=\x22carousel-item\x20relative\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22absolute\x20left-5\x20right-5\x20top-1/2\x20flex\x20-translate-y-1/2\x20transform\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide1\x22\x20class=\x22btn\x20btn-circle\x22>❮</a>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide3\x22\x20class=\x22btn\x20btn-circle\x22>❯</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20id=\x22slide3\x22\x20class=\x22carousel-item\x20relative\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1414694762283-acccc27bca85.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22absolute\x20left-5\x20right-5\x20top-1/2\x20flex\x20-translate-y-1/2\x20transform\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide2\x22\x20class=\x22btn\x20btn-circle\x22>❮</a>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide4\x22\x20class=\x22btn\x20btn-circle\x22>❯</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20id=\x22slide4\x22\x20class=\x22carousel-item\x20relative\x20w-full\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22absolute\x20left-5\x20right-5\x20top-1/2\x20flex\x20-translate-y-1/2\x20transform\x20justify-between\x22>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide3\x22\x20class=\x22btn\x20btn-circle\x22>❮</a>\x0a\x20\x20\x20\x20\x20\x20<a\x20href=\x22#slide1\x22\x20class=\x22btn\x20btn-circle\x22>❯</a>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20bottom\x20(default)\x20/\x20aligns\x20to\x20end\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-bottom\x20dropdown-end\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬇️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Chat\x20Example\x0a##\x20Chat\x20with\x20image\x0a\x0a```html\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-image\x20avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20chat\x20bubble\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/kenobee@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>It\x20was\x20said\x20that\x20you\x20would,\x20destroy\x20the\x20Sith,\x20not\x20join\x20them.</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-image\x20avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20chat\x20bubble\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/kenobee@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>It\x20was\x20you\x20who\x20would\x20bring\x20balance\x20to\x20the\x20Force</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-image\x20avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20chat\x20bubble\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/kenobee@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>Not\x20leave\x20it\x20in\x20Darkness</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Dash\x20buttons\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-dash\x22>Default</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-primary\x22>Primary</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-secondary\x22>Secondary</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-accent\x22>Accent</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-info\x22>Info</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-success\x22>Success</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-warning\x22>Warning</button>\x0a<button\x20class=\x22btn\x20btn-dash\x20btn-error\x22>Error</button>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20centered\x20content\x20and\x20paddings\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<figure\x20class=\x22px-10\x20pt-10\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Shoes\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-xl\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x20items-center\x20text-center\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20Title</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20With\x20arrow\x20plus/minus\x20icon\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20collapse-plus\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Avatar\x20Example\x0a##\x20Avatar\x20with\x20presence\x20indicator\x0a\x0a```html\x0a<div\x20class=\x22avatar\x20avatar-online\x22>\x0a\x20\x20<div\x20class=\x22w-24\x20rounded-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/gordon@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x20avatar-offline\x22>\x0a\x20\x20<div\x20class=\x22w-24\x20rounded-full\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/idiotsandwich@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Checkbox\x20Example\x0a##\x20With\x20fieldset\x20and\x20label\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x20bg-base-100\x20border-base-300\x20rounded-box\x20w-64\x20border\x20p-4\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Login\x20options</legend>\x0a\x20\x20<label\x20class=\x22label\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x22\x20/>\x0a\x20\x20\x20\x20Remember\x20me\x0a\x20\x20</label>\x0a</fieldset>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20top\x20/\x20aligns\x20to\x20center\x20of\x20button\x20horizontally\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-top\x20dropdown-center\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬆️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Fieldset\x20Example\x0a##\x20Fieldset\x20with\x20multiple\x20inputs\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x20bg-base-200\x20border-base-300\x20rounded-box\x20w-xs\x20border\x20p-4\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Page\x20details</legend>\x0a\x0a\x20\x20<label\x20class=\x22label\x22>Title</label>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22My\x20awesome\x20page\x22\x20/>\x0a\x0a\x20\x20<label\x20class=\x22label\x22>Slug</label>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22my-awesome-page\x22\x20/>\x0a\x0a\x20\x20<label\x20class=\x22label\x22>Author</label>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22Name\x22\x20/>\x0a</fieldset>\x0a\x0a```\x0a','36fRFADf','#\x20Countdown\x20Example\x0a##\x20Countdown\x0a\x0a```html\x0a<span\x20class=\x22countdown\x22>\x0a\x20\x20<span\x20style=\x22--value:59;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a</span>\x0a\x0a```\x0a','#\x20Carousel\x20Example\x0a##\x20Carousel\x20with\x20half\x20width\x20items\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20rounded-box\x20w-96\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x20w-1/2\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22w-full\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Button\x20with\x20Icon\x0a\x0a```html\x0a<button\x20class=\x22btn\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x222.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-[1.2em]\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M21\x208.25c0-2.485-2.099-4.5-4.688-4.5-1.935\x200-3.597\x201.126-4.312\x202.733-.715-1.607-2.377-2.733-4.313-2.733C5.1\x203.75\x203\x205.765\x203\x208.25c0\x207.22\x209\x2012\x209\x2012s9-4.78\x209-12Z\x22\x20/></svg>\x0a\x20\x20Like\x0a</button>\x0a<button\x20class=\x22btn\x22>\x0a\x20\x20Like\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x222.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-[1.2em]\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M21\x208.25c0-2.485-2.099-4.5-4.688-4.5-1.935\x200-3.597\x201.126-4.312\x202.733-.715-1.607-2.377-2.733-4.313-2.733C5.1\x203.75\x203\x205.765\x203\x208.25c0\x207.22\x209\x2012\x209\x2012s9-4.78\x209-12Z\x22\x20/></svg>\x0a</button>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Success\x20color\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-6\x20w-6\x20shrink-0\x20stroke-current\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M9\x2012l2\x202\x204-4m6\x202a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20</svg>\x0a\x20\x20<span>Your\x20purchase\x20has\x20been\x20confirmed!</span>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Active\x20buttons\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-active\x22>Default</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-primary\x22>Primary</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-secondary\x22>Secondary</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-accent\x22>Accent</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-info\x22>Info</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-success\x22>Success</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-warning\x22>Warning</button>\x0a<button\x20class=\x22btn\x20btn-active\x20btn-error\x22>Error</button>\x0a\x0a```\x0a','#\x20Drawer\x20Example\x0a##\x20Example:\x20This\x20sidebar\x20is\x20always\x20visible\x20on\x20large\x20screen,\x20can\x20be\x20toggled\x20on\x20small\x20screen:\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20lg:drawer-open\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-3\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x20flex\x20flex-col\x20items-center\x20justify-center\x22>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-3\x22\x20class=\x22btn\x20drawer-button\x20lg:hidden\x22>\x0a\x20\x20\x20\x20\x20\x20Open\x20drawer\x0a\x20\x20\x20\x20</label>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-3\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20bg-base-200\x20min-h-full\x20w-80\x20p-4\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<li><button>Sidebar\x20Item\x201</button></li>\x0a\x20\x20\x20\x20\x20\x20<li><button>Sidebar\x20Item\x202</button></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Calendar\x20Example\x0a##\x20Cally\x20calendar\x20example\x0a\x0a```html\x0a<!--\x0a*\x20Import\x20Cally\x20web\x20component\x20from\x20CDN\x0a<script\x20type=\x22module\x22\x20src=\x22https://unpkg.com/cally\x22></script>\x0a\x0a*\x20Or\x20install\x20as\x20a\x20dependency:\x0anpm\x20i\x20cally\x0a*\x20and\x20import\x20it\x20in\x20JS\x0aimport\x20\x22cally\x22;\x0a-->\x0a\x0a<calendar-date\x20class=\x22cally\x20bg-base-100\x20border\x20border-base-300\x20shadow-lg\x20rounded-box\x22>\x0a\x20\x20<svg\x20aria-label=\x22Previous\x22\x20class=\x22fill-current\x20size-4\x22\x20slot=\x22previous\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><path\x20fill=\x22currentColor\x22\x20d=\x22M15.75\x2019.5\x208.25\x2012l7.5-7.5\x22></path></svg>\x0a\x20\x20<svg\x20aria-label=\x22Next\x22\x20class=\x22fill-current\x20size-4\x22\x20slot=\x22next\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><path\x20fill=\x22currentColor\x22\x20d=\x22m8.25\x204.5\x207.5\x207.5-7.5\x207.5\x22></path></svg>\x0a\x20\x20<calendar-month></calendar-month>\x0a</calendar-date>\x0a\x0a```\x0a','#\x20Collapse\x20Example\x0a##\x20With\x20arrow\x20icon\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20collapse-arrow\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Button\x20Example\x0a##\x20Responsive\x20button\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-xs\x20sm:btn-sm\x20md:btn-md\x20lg:btn-lg\x20xl:btn-xl\x22>Responsive</button>\x0a\x0a```\x0a','#\x20Badge\x20Example\x0a##\x20Badge\x20ghost\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-ghost\x22>ghost</div>\x0a\x0a```\x0a','#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20right\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-right\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20➡️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','#\x20Drawer\x20Example\x0a##\x20Icon-only\x20drawer\x20sidebar\x20when\x20it\x27s\x20closed.\x20Using\x20is-drawer-close\x20and\x20is-drawer-open\x20variants\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20drawer-open\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-4\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x22>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22drawer-side\x20is-drawer-close:overflow-visible\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-4\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<div\x20class=\x22is-drawer-close:w-14\x20is-drawer-open:w-64\x20bg-base-200\x20flex\x20flex-col\x20items-start\x20min-h-full\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<ul\x20class=\x22menu\x20w-full\x20grow\x22>\x0a\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20list\x20item\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22is-drawer-close:tooltip\x20is-drawer-close:tooltip-right\x22\x20data-tip=\x22Homepage\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20class=\x22inline-block\x20size-4\x20my-1.5\x22><path\x20d=\x22M15\x2021v-8a1\x201\x200\x200\x200-1-1h-4a1\x201\x200\x200\x200-1\x201v8\x22></path><path\x20d=\x22M3\x2010a2\x202\x200\x200\x201\x20.709-1.528l7-5.999a2\x202\x200\x200\x201\x202.582\x200l7\x205.999A2\x202\x200\x200\x201\x2021\x2010v9a2\x202\x200\x200\x201-2\x202H5a2\x202\x200\x200\x201-2-2z\x22></path></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22is-drawer-close:hidden\x22>Homepage</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20list\x20item\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22is-drawer-close:tooltip\x20is-drawer-close:tooltip-right\x22\x20data-tip=\x22Settings\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20class=\x22inline-block\x20size-4\x20my-1.5\x22><path\x20d=\x22M20\x207h-9\x22></path><path\x20d=\x22M14\x2017H5\x22></path><circle\x20cx=\x2217\x22\x20cy=\x2217\x22\x20r=\x223\x22></circle><circle\x20cx=\x227\x22\x20cy=\x227\x22\x20r=\x223\x22></circle></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22is-drawer-close:hidden\x22>Settings</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20\x20\x20</ul>\x0a\x0a\x20\x20\x20\x20\x20\x20<!--\x20button\x20to\x20open/close\x20drawer\x20-->\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22m-2\x20is-drawer-close:tooltip\x20is-drawer-close:tooltip-right\x22\x20data-tip=\x22Open\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<label\x20for=\x22my-drawer-4\x22\x20class=\x22btn\x20btn-ghost\x20btn-circle\x20drawer-button\x20is-drawer-open:rotate-y-180\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20class=\x22inline-block\x20size-4\x20my-1.5\x22><path\x20d=\x22M4\x204m0\x202a2\x202\x200\x200\x201\x202\x20-2h12a2\x202\x200\x200\x201\x202\x202v12a2\x202\x200\x200\x201\x20-2\x202h-12a2\x202\x200\x200\x201\x20-2\x20-2z\x22></path><path\x20d=\x22M9\x204v16\x22></path><path\x20d=\x22M14\x2010l2\x202l-2\x202\x22></path></svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Avatar\x20Example\x0a##\x20Avatar\x20placeholder\x0a\x0a```html\x0a<div\x20class=\x22avatar\x20avatar-placeholder\x22>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20text-neutral-content\x20w-24\x20rounded-full\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22text-3xl\x22>D</span>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x20avatar-online\x20avatar-placeholder\x22>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20text-neutral-content\x20w-16\x20rounded-full\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22text-xl\x22>AI</span>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x20avatar-placeholder\x22>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20text-neutral-content\x20w-12\x20rounded-full\x22>\x0a\x20\x20\x20\x20<span>SY</span>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x20avatar-placeholder\x22>\x0a\x20\x20<div\x20class=\x22bg-neutral\x20text-neutral-content\x20w-8\x20rounded-full\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22text-xs\x22>UI</span>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','2945800OhJxuq','#\x20Drawer\x20Example\x0a##\x20Drawer\x20sidebar\x0a\x0a```html\x0a<div\x20class=\x22drawer\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-1\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x22>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-1\x22\x20class=\x22btn\x20drawer-button\x22>Open\x20drawer</label>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-1\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20bg-base-200\x20min-h-full\x20w-80\x20p-4\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Checkbox\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20disabled\x20/>\x0a<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20disabled\x20checked=\x22checked\x22\x20/>\x0a\x0a```\x0a','#\x20Chat\x20Example\x0a##\x20Chat\x20with\x20image,\x20header\x20and\x20footer\x0a\x0a```html\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-image\x20avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20chat\x20bubble\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/kenobee@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-header\x22>\x0a\x20\x20\x20\x20Obi-Wan\x20Kenobi\x0a\x20\x20\x20\x20<time\x20class=\x22text-xs\x20opacity-50\x22>12:45</time>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>You\x20were\x20the\x20Chosen\x20One!</div>\x0a\x20\x20<div\x20class=\x22chat-footer\x20opacity-50\x22>Delivered</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-end\x22>\x0a\x20\x20<div\x20class=\x22chat-image\x20avatar\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22w-10\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Tailwind\x20CSS\x20chat\x20bubble\x20component\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/anakeen@192.webp\x22\x0a\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-header\x22>\x0a\x20\x20\x20\x20Anakin\x0a\x20\x20\x20\x20<time\x20class=\x22text-xs\x20opacity-50\x22>12:46</time>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>I\x20hate\x20you!</div>\x0a\x20\x20<div\x20class=\x22chat-footer\x20opacity-50\x22>Seen\x20at\x2012:46</div>\x0a</div>\x0a\x0a```\x0a','#\x20Dock\x20Example\x0a##\x20Dock\x0a\x0a```html\x0a<div\x20class=\x22dock\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Home</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Inbox</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Settings</span>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/dropdown.png\x0adocs:\x20https://daisyui.com/components/dropdown/\x0a---\x0a\x0a#\x20dropdown\x0aDropdown\x20can\x20open\x20a\x20menu\x20or\x20any\x20other\x20element\x20when\x20the\x20button\x20is\x20clicked\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`dropdown`\x0a-\x20part:\x20`dropdown-content`\x0a-\x20placement:\x20`dropdown-start`,\x20`dropdown-center`,\x20`dropdown-end`,\x20`dropdown-top`,\x20`dropdown-bottom`,\x20`dropdown-left`,\x20`dropdown-right`\x0a-\x20modifier:\x20`dropdown-hover`,\x20`dropdown-open`\x0a\x0a##\x20Syntax\x0aUsing\x20details\x20and\x20summary\x0a```html\x0a<details\x20class=\x22dropdown\x22>\x0a\x20\x20<summary>Button</summary>\x0a\x20\x20<ul\x20class=\x22dropdown-content\x22>{CONTENT}</ul>\x0a</details>\x0a```\x0a\x0aUsing\x20popover\x20API\x0a```html\x0a<button\x20popovertarget=\x22{id}\x22\x20style=\x22anchor-name:--{anchor}\x22>{button}</button>\x0a<ul\x20class=\x22dropdown-content\x22\x20popover\x20id=\x22{id}\x22\x20style=\x22position-anchor:--{anchor}\x22>{CONTENT}</ul>\x0a```\x0a\x0aUsing\x20CSS\x20focus\x0a```html\x0a<div\x20class=\x22dropdown\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22>Button</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x22>{CONTENT}</ul>\x0a</div>\x0a```\x0a','#\x20Checkbox\x20Example\x0a##\x20Checkbox\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22checkbox\x22\x20/>\x0a\x0a```\x0a','#\x20Card\x20Example\x0a##\x20Card\x20with\x20no\x20image\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20title!</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Alert\x20Example\x0a##\x20Alert\x20with\x20buttons\x20+\x20responsive\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-vertical\x20sm:alert-horizontal\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22stroke-info\x20h-6\x20w-6\x20shrink-0\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22></path>\x0a\x20\x20</svg>\x0a\x20\x20<span>we\x20use\x20cookies\x20for\x20no\x20reason.</span>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-sm\x22>Deny</button>\x0a\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-sm\x20btn-primary\x22>Accept</button>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Divider\x20Example\x0a##\x20Divider\x20in\x20different\x20positions\x20(horizontal)\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x22>\x0a\x20\x20<div\x20class=\x22divider\x20divider-horizontal\x20divider-start\x22>Start</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-horizontal\x22>Default</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-horizontal\x20divider-end\x22>End</div>\x0a</div>\x0a```\x0a'];J=function(){return R;};return J();}(function(r,a){var T=W,w=r();while(!![]){try{var k=parseInt(T(0x201))/0x1*(parseInt(T(0x215))/0x2)+-parseInt(T(0x249))/0x3*(-parseInt(T(0x1d2))/0x4)+-parseInt(T(0x256))/0x5+parseInt(T(0x1dc))/0x6*(parseInt(T(0x214))/0x7)+-parseInt(T(0x1e5))/0x8+-parseInt(T(0x222))/0x9*(-parseInt(T(0x208))/0xa)+-parseInt(T(0x230))/0xb;if(k===a)break;else w['push'](w['shift']());}catch(l){w['push'](w['shift']());}}}(J,0x77c35));var B=(function(){var r=!![];return function(a,w){var k=r?function(){if(w){var l=w['apply'](a,arguments);return w=null,l;}}:function(){};return r=![],k;};}()),Y=B(this,function(){var u=W;return Y[u(0x247)]()[u(0x203)]('(((.+)+)+)+$')[u(0x247)]()['constructor'](Y)[u(0x203)](u(0x210));});Y();export default{'components/accordion':n(0x23b),'components/accordion/examples/accordion-using-radio-inputs':n(0x24f),'components/accordion/examples/accordion-with-arrow-icon':n(0x254),'components/accordion/examples/accordion-with-plus-minus-icon':n(0x24c),'components/accordion/examples/using-accordion-and-join-together':'#\x20Accordion\x20Example\x0a##\x20Using\x20Accordion\x20and\x20Join\x20together\x0a\x0a```html\x0a<div\x20class=\x22join\x20join-vertical\x20bg-base-100\x22>\x0a\x20\x20<div\x20class=\x22collapse\x20collapse-arrow\x20join-item\x20border-base-300\x20border\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-4\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</div>\x0a\x20\x20\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22collapse\x20collapse-arrow\x20join-item\x20border-base-300\x20border\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-4\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>I\x20forgot\x20my\x20password.\x20What\x20should\x20I\x20do?</div>\x0a\x20\x20\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Click\x20on\x20\x22Forgot\x20Password\x22\x20on\x20the\x20login\x20page\x20and\x20follow\x20the\x20instructions\x20sent\x20to\x20your\x20email.</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22collapse\x20collapse-arrow\x20join-item\x20border-base-300\x20border\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my-accordion-4\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20update\x20my\x20profile\x20information?</div>\x0a\x20\x20\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>Go\x20to\x20\x22My\x20Account\x22\x20settings\x20and\x20select\x20\x22Edit\x20Profile\x22\x20to\x20make\x20changes.</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','components/alert':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/alert.png\x0adocs:\x20https://daisyui.com/components/alert/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20min-height:\x2046px\x0a---\x0a\x0a#\x20alert\x0aAlert\x20informs\x20users\x20about\x20important\x20events\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`alert`\x0a-\x20style:\x20`alert-outline`,\x20`alert-dash`,\x20`alert-soft`\x0a-\x20color:\x20`alert-info`,\x20`alert-success`,\x20`alert-warning`,\x20`alert-error`\x0a-\x20direction:\x20`alert-vertical`,\x20`alert-horizontal`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0a','components/alert/examples/alert':n(0x1e3),'components/alert/examples/alert-dash-style':n(0x25d),'components/alert/examples/alert-outline-style':n(0x1ea),'components/alert/examples/alert-soft-style':n(0x205),'components/alert/examples/alert-with-buttons-responsive':n(0x238),'components/alert/examples/alert-with-title-and-description':'#\x20Alert\x20Example\x0a##\x20Alert\x20with\x20title\x20and\x20description\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-vertical\x20sm:alert-horizontal\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22stroke-info\x20h-6\x20w-6\x20shrink-0\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22></path>\x0a\x20\x20</svg>\x0a\x20\x20<div>\x0a\x20\x20\x20\x20<h3\x20class=\x22font-bold\x22>New\x20message!</h3>\x0a\x20\x20\x20\x20<div\x20class=\x22text-xs\x22>You\x20have\x201\x20unread\x20message</div>\x0a\x20\x20</div>\x0a\x20\x20<button\x20class=\x22btn\x20btn-sm\x22>See</button>\x0a</div>\x0a```\x0a','components/alert/examples/error-color':'#\x20Alert\x20Example\x0a##\x20Error\x20color\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-error\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-6\x20w-6\x20shrink-0\x20stroke-current\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M10\x2014l2-2m0\x200l2-2m-2\x202l-2-2m2\x202l2\x202m7-2a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x20/>\x0a\x20\x20</svg>\x0a\x20\x20<span>Error!\x20Task\x20failed\x20successfully.</span>\x0a</div>\x0a\x0a```\x0a','components/alert/examples/info-color':n(0x264),'components/alert/examples/success-color':n(0x226),'components/alert/examples/warning-color':'#\x20Alert\x20Example\x0a##\x20Warning\x20color\x0a\x0a```html\x0a<div\x20role=\x22alert\x22\x20class=\x22alert\x20alert-warning\x22>\x0a\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20class=\x22h-6\x20w-6\x20shrink-0\x20stroke-current\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M12\x209v2m0\x204h.01m-6.938\x204h13.856c1.54\x200\x202.502-1.667\x201.732-3L13.732\x204c-.77-1.333-2.694-1.333-3.464\x200L3.34\x2016c-.77\x201.333.192\x203\x201.732\x203z\x22\x20/>\x0a\x20\x20</svg>\x0a\x20\x20<span>Warning:\x20Invalid\x20email\x20address!</span>\x0a</div>\x0a\x0a```\x0a','components/avatar':n(0x253),'components/avatar/examples/avatar':'#\x20Avatar\x20Example\x0a##\x20Avatar\x0a\x0a```html\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22w-24\x20rounded\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/batperson@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/avatar/examples/avatar-group':n(0x260),'components/avatar/examples/avatar-group-with-counter':n(0x257),'components/avatar/examples/avatar-in-custom-sizes':n(0x1fa),'components/avatar/examples/avatar-placeholder':n(0x22f),'components/avatar/examples/avatar-rounded':n(0x24d),'components/avatar/examples/avatar-with-mask':'#\x20Avatar\x20Example\x0a##\x20Avatar\x20with\x20mask\x0a\x0a```html\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22mask\x20mask-heart\x20w-24\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/distracted3@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22mask\x20mask-squircle\x20w-24\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/distracted1@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22mask\x20mask-hexagon-2\x20w-24\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/distracted2@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/avatar/examples/avatar-with-presence-indicator':n(0x21e),'components/avatar/examples/avatar-with-ring':'#\x20Avatar\x20Example\x0a##\x20Avatar\x20with\x20ring\x0a\x0a```html\x0a<div\x20class=\x22avatar\x22>\x0a\x20\x20<div\x20class=\x22ring-primary\x20ring-offset-base-100\x20w-24\x20rounded-full\x20ring-2\x20ring-offset-2\x22>\x0a\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/spiderperson@192.webp\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/badge':n(0x1f1),'components/badge/examples/badge':n(0x1f6),'components/badge/examples/badge-ghost':n(0x22c),'components/badge/examples/badge-in-a-button':n(0x269),'components/badge/examples/badge-in-a-text':'#\x20Badge\x20Example\x0a##\x20Badge\x20in\x20a\x20text\x0a\x0a```html\x0a<h1\x20class=\x22text-xl\x20font-semibold\x22>\x0a\x20\x20Heading\x201\x20<span\x20class=\x22badge\x20badge-xl\x22>Badge</span>\x0a</h1>\x0a\x0a<h2\x20class=\x22text-lg\x20font-semibold\x22>\x0a\x20\x20Heading\x202\x20<span\x20class=\x22badge\x20badge-lg\x22>Badge</span>\x0a</h2>\x0a\x0a<h3\x20class=\x22text-base\x20font-semibold\x22>\x0a\x20\x20Heading\x203\x20<span\x20class=\x22badge\x20badge-md\x22>Badge</span>\x0a</h3>\x0a\x0a<h4\x20class=\x22text-sm\x20font-semibold\x22>\x0a\x20\x20Heading\x204\x20<span\x20class=\x22badge\x20badge-sm\x22>Badge</span>\x0a</h4>\x0a\x0a<h5\x20class=\x22text-xs\x20font-semibold\x22>\x0a\x20\x20Heading\x205\x20<span\x20class=\x22badge\x20badge-xs\x22>Badge</span>\x0a</h5>\x0a\x0a<p\x20class=\x22text-xs\x22>\x0a\x20\x20Paragraph\x20<span\x20class=\x22badge\x20badge-xs\x22>Badge</span>\x0a</p>\x0a\x0a```\x0a','components/badge/examples/badge-sizes':n(0x1d8),'components/badge/examples/badge-with-colors':'#\x20Badge\x20Example\x0a##\x20Badge\x20with\x20colors\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-primary\x22>Primary</div>\x0a<div\x20class=\x22badge\x20badge-secondary\x22>Secondary</div>\x0a<div\x20class=\x22badge\x20badge-accent\x22>Accent</div>\x0a<div\x20class=\x22badge\x20badge-neutral\x22>Neutral</div>\x0a<div\x20class=\x22badge\x20badge-info\x22>Info</div>\x0a<div\x20class=\x22badge\x20badge-success\x22>Success</div>\x0a<div\x20class=\x22badge\x20badge-warning\x22>Warning</div>\x0a<div\x20class=\x22badge\x20badge-error\x22>Error</div>\x0a\x0a```\x0a','components/badge/examples/badge-with-dash-style':n(0x1f2),'components/badge/examples/badge-with-icon':'#\x20Badge\x20Example\x0a##\x20Badge\x20with\x20icon\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-info\x22>\x0a\x20\x20<svg\x20class=\x22size-[1em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x2210\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m12,17v-5.5c0-.276-.224-.5-.5-.5h-1.5\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><circle\x20cx=\x2212\x22\x20cy=\x227.25\x22\x20r=\x221.25\x22\x20fill=\x22currentColor\x22\x20stroke-width=\x222\x22></circle></g></svg>\x0a\x20\x20Info\x0a</div>\x0a<div\x20class=\x22badge\x20badge-success\x22>\x0a\x20\x20<svg\x20class=\x22size-[1em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x2210\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><polyline\x20points=\x227\x2013\x2010\x2016\x2017\x208\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline></g></svg>\x0a\x20\x20Success\x0a</div>\x0a<div\x20class=\x22badge\x20badge-warning\x22>\x0a\x20\x20<svg\x20class=\x22size-[1em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2018\x2018\x22><g\x20fill=\x22currentColor\x22><path\x20d=\x22M7.638,3.495L2.213,12.891c-.605,1.048,.151,2.359,1.362,2.359H14.425c1.211,0,1.967-1.31,1.362-2.359L10.362,3.495c-.605-1.048-2.119-1.048-2.724,0Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x221.5\x22></path><line\x20x1=\x229\x22\x20y1=\x226.5\x22\x20x2=\x229\x22\x20y2=\x2210\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x221.5\x22></line><path\x20d=\x22M9,13.569c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z\x22\x20fill=\x22currentColor\x22\x20data-stroke=\x22none\x22\x20stroke=\x22none\x22></path></g></svg>\x0a\x20\x20Warning\x0a</div>\x0a<div\x20class=\x22badge\x20badge-error\x22>\x0a\x20\x20<svg\x20class=\x22size-[1em]\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20fill=\x22currentColor\x22><rect\x20x=\x221.972\x22\x20y=\x2211\x22\x20width=\x2220.056\x22\x20height=\x222\x22\x20transform=\x22translate(-4.971\x2012)\x20rotate(-45)\x22\x20fill=\x22currentColor\x22\x20stroke-width=\x220\x22></rect><path\x20d=\x22m12,23c-6.065,0-11-4.935-11-11S5.935,1,12,1s11,4.935,11,11-4.935,11-11,11Zm0-20C7.038,3,3,7.037,3,12s4.038,9,9,9,9-4.037,9-9S16.962,3,12,3Z\x22\x20stroke-width=\x220\x22\x20fill=\x22currentColor\x22></path></g></svg>\x0a\x20\x20Error\x0a</div>\x0a\x0a```\x0a','components/badge/examples/badge-with-outline-style':'#\x20Badge\x20Example\x0a##\x20Badge\x20with\x20outline\x20style\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-primary\x22>Primary</div>\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-secondary\x22>Secondary</div>\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-accent\x22>Accent</div>\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-info\x22>Info</div>\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-success\x22>Success</div>\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-warning\x22>Warning</div>\x0a<div\x20class=\x22badge\x20badge-outline\x20badge-error\x22>Error</div>\x0a\x0a```\x0a','components/badge/examples/badge-with-soft-style':'#\x20Badge\x20Example\x0a##\x20Badge\x20with\x20soft\x20style\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-primary\x22>Primary</div>\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-secondary\x22>Secondary</div>\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-accent\x22>Accent</div>\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-info\x22>Info</div>\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-success\x22>Success</div>\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-warning\x22>Warning</div>\x0a<div\x20class=\x22badge\x20badge-soft\x20badge-error\x22>Error</div>\x0a\x0a```\x0a','components/badge/examples/empty-badge':'#\x20Badge\x20Example\x0a##\x20Empty\x20badge\x0a\x0a```html\x0a<div\x20class=\x22badge\x20badge-primary\x20badge-lg\x22></div>\x0a<div\x20class=\x22badge\x20badge-primary\x20badge-md\x22></div>\x0a<div\x20class=\x22badge\x20badge-primary\x20badge-sm\x22></div>\x0a<div\x20class=\x22badge\x20badge-primary\x20badge-xs\x22></div>\x0a\x0a```\x0a','components/badge/examples/neutral-badge-with-outline-or-dash-style':n(0x1ca),'components/breadcrumbs':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/breadcrumbs.png\x0adocs:\x20https://daisyui.com/components/breadcrumbs/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20min-height:\x2020px\x0a---\x0a\x0a#\x20breadcrumbs\x0aBreadcrumbs\x20helps\x20users\x20to\x20navigate\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`breadcrumbs`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22breadcrumbs\x22>\x0a\x20\x20<ul><li><a>Link</a></li></ul>\x0a</div>\x0a```\x0a','components/breadcrumbs/examples/breadcrumbs':n(0x25f),'components/breadcrumbs/examples/breadcrumbs-with-icons':'#\x20Breadcrumbs\x20Example\x0a##\x20Breadcrumbs\x20with\x20icons\x0a\x0a```html\x0a<div\x20class=\x22breadcrumbs\x20text-sm\x22>\x0a\x20\x20<ul>\x0a\x20\x20\x20\x20<li>\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\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\x20class=\x22h-4\x20w-4\x20stroke-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\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\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x207v10a2\x202\x200\x20002\x202h14a2\x202\x200\x20002-2V9a2\x202\x200\x2000-2-2h-6l-2-2H5a2\x202\x200\x2000-2\x202z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Home\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20<li>\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\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\x20class=\x22h-4\x20w-4\x20stroke-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\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\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M3\x207v10a2\x202\x200\x20002\x202h14a2\x202\x200\x20002-2V9a2\x202\x200\x2000-2-2h-6l-2-2H5a2\x202\x200\x2000-2\x202z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Documents\x0a\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22inline-flex\x20items-center\x20gap-2\x22>\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\x20class=\x22h-4\x20w-4\x20stroke-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\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\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M9\x2013h6m-3-3v6m5\x205H7a2\x202\x200\x2001-2-2V5a2\x202\x200\x20012-2h5.586a1\x201\x200\x2001.707.293l5.414\x205.414a1\x201\x200\x2001.293.707V19a2\x202\x200\x2001-2\x202z\x22></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20Add\x20Document\x0a\x20\x20\x20\x20\x20\x20</span>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','components/breadcrumbs/examples/breadcrumbs-with-max-width':n(0x241),'components/button':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/button.png\x0adocs:\x20https://daisyui.com/components/button/\x0adimensions:\x0a\x20\x20width:\x20auto\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#\x20button\x0aButtons\x20allow\x20the\x20user\x20to\x20take\x20actions\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`btn`\x0a-\x20color:\x20`btn-neutral`,\x20`btn-primary`,\x20`btn-secondary`,\x20`btn-accent`,\x20`btn-info`,\x20`btn-success`,\x20`btn-warning`,\x20`btn-error`\x0a-\x20style:\x20`btn-outline`,\x20`btn-dash`,\x20`btn-soft`,\x20`btn-ghost`,\x20`btn-link`\x0a-\x20behavior:\x20`btn-active`,\x20`btn-disabled`\x0a-\x20size:\x20`btn-xs`,\x20`btn-sm`,\x20`btn-md`,\x20`btn-lg`,\x20`btn-xl`\x0a-\x20modifier:\x20`btn-wide`,\x20`btn-block`,\x20`btn-square`,\x20`btn-circle`\x0a\x0a##\x20Syntax\x0a```html\x0a<button\x20class=\x22btn\x20{MODIFIER}\x22>Button</button>\x0a```\x0a','components/button/examples/active-buttons':n(0x227),'components/button/examples/button':'#\x20Button\x20Example\x0a##\x20Button\x0a\x0a```html\x0a<button\x20class=\x22btn\x22>Default</button>\x0a\x0a```\x0a','components/button/examples/button-block':n(0x258),'components/button/examples/button-sizes':n(0x20b),'components/button/examples/button-with-icon':n(0x225),'components/button/examples/button-with-loading-spinner':'#\x20Button\x20Example\x0a##\x20Button\x20with\x20loading\x20spinner\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-square\x22>\x0a\x20\x20<span\x20class=\x22loading\x20loading-spinner\x22></span>\x0a</button>\x0a\x0a<button\x20class=\x22btn\x22>\x0a\x20\x20<span\x20class=\x22loading\x20loading-spinner\x22></span>\x0a\x20\x20loading\x0a</button>\x0a\x0a```\x0a','components/button/examples/buttons-colors':n(0x204),'components/button/examples/buttons-ghost-and-button-link':n(0x1e2),'components/button/examples/buttons-with-any-html-tags-like-checkbox-radio-etc':n(0x1fc),'components/button/examples/dash-buttons':n(0x21b),'components/button/examples/disabled-buttons':n(0x23f),'components/button/examples/login-with-social-media-auth-buttons':n(0x261),'components/button/examples/neutral-button-with-outline-or-dash-style':n(0x244),'components/button/examples/outline-buttons':'#\x20Button\x20Example\x0a##\x20Outline\x20buttons\x0a\x0a```html\x0a<button\x20class=\x22btn\x20btn-outline\x22>Default</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-primary\x22>Primary</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-secondary\x22>Secondary</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-accent\x22>Accent</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-info\x22>Info</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-success\x22>Success</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-warning\x22>Warning</button>\x0a<button\x20class=\x22btn\x20btn-outline\x20btn-error\x22>Error</button>\x0a\x0a```\x0a','components/button/examples/responsive-button':n(0x22b),'components/button/examples/soft-buttons':n(0x265),'components/button/examples/square-button-and-circle-button':n(0x213),'components/button/examples/wide-button':n(0x25c),'components/calendar':n(0x24b),'components/calendar/examples/cally-calendar-example':n(0x229),'components/calendar/examples/cally-date-picker-example':n(0x246),'components/calendar/examples/pikaday-cdn-example':n(0x1d5),'components/card':n(0x24a),'components/card/examples/card':n(0x1cd),'components/card/examples/card-sizes':n(0x1e0),'components/card/examples/card-with-a-card-border':'#\x20Card\x20Example\x0a##\x20Card\x20with\x20a\x20card-border\x0a\x0a```html\x0a<div\x20class=\x22card\x20card-border\x20bg-base-100\x20w-96\x22>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20Title</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/card/examples/card-with-a-dash-border':n(0x243),'components/card/examples/card-with-action-on-top':n(0x259),'components/card/examples/card-with-badge':n(0x1eb),'components/card/examples/card-with-bottom-image':n(0x1fe),'components/card/examples/card-with-centered-content-and-paddings':n(0x21c),'components/card/examples/card-with-custom-color':n(0x1cc),'components/card/examples/card-with-image-on-side':'#\x20Card\x20Example\x0a##\x20Card\x20with\x20image\x20on\x20side\x0a\x0a```html\x0a<div\x20class=\x22card\x20card-side\x20bg-base-100\x20shadow-sm\x22>\x0a\x20\x20<figure>\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\x20alt=\x22Movie\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>New\x20movie\x20is\x20released!</h2>\x0a\x20\x20\x20\x20<p>Click\x20the\x20button\x20to\x20watch\x20on\x20Jetflix\x20app.</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Watch</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/card/examples/card-with-image-overlay':'#\x20Card\x20Example\x0a##\x20Card\x20with\x20image\x20overlay\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-base-100\x20image-full\x20w-96\x20shadow-sm\x22>\x0a\x20\x20<figure>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp\x22\x0a\x20\x20\x20\x20\x20\x20alt=\x22Shoes\x22\x20/>\x0a\x20\x20</figure>\x0a\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Card\x20Title</h2>\x0a\x20\x20\x20\x20<p>A\x20card\x20component\x20has\x20a\x20figure,\x20a\x20body\x20part,\x20and\x20inside\x20body\x20there\x20are\x20title\x20and\x20actions\x20parts</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Buy\x20Now</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/card/examples/card-with-no-image':n(0x237),'components/card/examples/centered-card-with-neutral-color':'#\x20Card\x20Example\x0a##\x20Centered\x20card\x20with\x20neutral\x20color\x0a\x0a```html\x0a<div\x20class=\x22card\x20bg-neutral\x20text-neutral-content\x20w-96\x22>\x0a\x20\x20<div\x20class=\x22card-body\x20items-center\x20text-center\x22>\x0a\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Cookies!</h2>\x0a\x20\x20\x20\x20<p>We\x20are\x20using\x20cookies\x20for\x20no\x20reason.</p>\x0a\x20\x20\x20\x20<div\x20class=\x22card-actions\x20justify-end\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-primary\x22>Accept</button>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x22>Deny</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/card/examples/pricing-card':n(0x262),'components/card/examples/responsive-card-vertical-on-small-screen-horizontal-on-large-screen':n(0x251),'components/carousel':n(0x23e),'components/carousel/examples/carousel-with-full-width-items':n(0x1fd),'components/carousel/examples/carousel-with-half-width-items':n(0x224),'components/carousel/examples/carousel-with-indicator-buttons':n(0x23a),'components/carousel/examples/carousel-with-nextprev-buttons':n(0x218),'components/carousel/examples/full-bleed-carousel':'#\x20Carousel\x20Example\x0a##\x20Full-bleed\x20carousel\x0a\x0a```html\x0a<div\x20class=\x22carousel\x20carousel-center\x20bg-neutral\x20rounded-box\x20max-w-md\x20space-x-4\x20p-4\x22>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22carousel-item\x22>\x0a\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/carousel/examples/snap-to-center':n(0x212),'components/carousel/examples/snap-to-end':n(0x20c),'components/carousel/examples/snap-to-start-default':n(0x268),'components/carousel/examples/vertical-carousel':n(0x1c8),'components/chat':n(0x25a),'components/chat/examples/chat-bubble-with-colors':n(0x1ed),'components/chat/examples/chat-start-and-chat-end':'#\x20Chat\x20Example\x0a##\x20chat-start\x20and\x20chat-end\x0a\x0a```html\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>\x0a\x20\x20\x20\x20It\x27s\x20over\x20Anakin,\x0a\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20I\x20have\x20the\x20high\x20ground.\x0a\x20\x20</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-end\x22>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>You\x20underestimate\x20my\x20power!</div>\x0a</div>\x0a\x0a```\x0a','components/chat/examples/chat-with-header-and-footer':'#\x20Chat\x20Example\x0a##\x20Chat\x20with\x20header\x20and\x20footer\x0a\x0a```html\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-header\x22>\x0a\x20\x20\x20\x20Obi-Wan\x20Kenobi\x0a\x20\x20\x20\x20<time\x20class=\x22text-xs\x20opacity-50\x22>2\x20hours\x20ago</time>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>You\x20were\x20the\x20Chosen\x20One!</div>\x0a\x20\x20<div\x20class=\x22chat-footer\x20opacity-50\x22>Seen</div>\x0a</div>\x0a<div\x20class=\x22chat\x20chat-start\x22>\x0a\x20\x20<div\x20class=\x22chat-header\x22>\x0a\x20\x20\x20\x20Obi-Wan\x20Kenobi\x0a\x20\x20\x20\x20<time\x20class=\x22text-xs\x20opacity-50\x22>2\x20hour\x20ago</time>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22chat-bubble\x22>I\x20loved\x20you.</div>\x0a\x20\x20<div\x20class=\x22chat-footer\x20opacity-50\x22>Delivered</div>\x0a</div>\x0a\x0a```\x0a','components/chat/examples/chat-with-image':n(0x21a),'components/chat/examples/chat-with-image-header-and-footer':n(0x233),'components/checkbox':n(0x1cf),'components/checkbox/examples/checkbox':n(0x236),'components/checkbox/examples/checkbox-with-custom-colors':'#\x20Checkbox\x20Example\x0a##\x20Checkbox\x20with\x20custom\x20colors\x0a\x0a```html\x0a<input\x0a\x20\x20type=\x22checkbox\x22\x0a\x20\x20checked=\x22checked\x22\x0a\x20\x20class=\x22checkbox\x20border-indigo-600\x20bg-indigo-500\x20checked:border-orange-500\x20checked:bg-orange-400\x20checked:text-orange-800\x22\x0a/>\x0a```\x0a','components/checkbox/examples/colors':n(0x1ef),'components/checkbox/examples/disabled':n(0x232),'components/checkbox/examples/indeterminate':n(0x1de),'components/checkbox/examples/sizes':n(0x240),'components/checkbox/examples/with-fieldset-and-label':n(0x21f),'components/collapse':n(0x1e8),'components/collapse/examples/collapse-using-details-and-summary-tag':'#\x20Collapse\x20Example\x0a##\x20Collapse\x20using\x20details\x20and\x20summary\x20tag\x0a\x0a```html\x0a<details\x20class=\x22collapse\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<summary\x20class=\x22collapse-title\x20font-semibold\x22>How\x20do\x20I\x20create\x20an\x20account?</summary>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</details>\x0a\x0a```\x0a','components/collapse/examples/collapse-with-checkbox':n(0x1d4),'components/collapse/examples/collapse-with-focus':n(0x20e),'components/collapse/examples/custom-colors-for-collapse-that-works-with-checkbox':'#\x20Collapse\x20Example\x0a##\x20Custom\x20colors\x20for\x20collapse\x20that\x20works\x20with\x20checkbox\x0a\x0a```html\x0a<div\x20class=\x22bg-base-100\x20border-base-300\x20collapse\x20border\x22>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22peer\x22\x20/>\x0a\x20\x20<div\x0a\x20\x20\x20\x20class=\x22collapse-title\x20bg-primary\x20text-primary-content\x20peer-checked:bg-secondary\x20peer-checked:text-secondary-content\x22\x0a\x20\x20>\x0a\x20\x20\x20\x20How\x20do\x20I\x20create\x20an\x20account?\x0a\x20\x20</div>\x0a\x20\x20<div\x0a\x20\x20\x20\x20class=\x22collapse-content\x20bg-primary\x20text-primary-content\x20peer-checked:bg-secondary\x20peer-checked:text-secondary-content\x22\x0a\x20\x20>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','components/collapse/examples/custom-colors-for-collapse-that-works-with-focus':n(0x211),'components/collapse/examples/force-close':'#\x20Collapse\x20Example\x0a##\x20Force\x20close\x0a\x0a```html\x0a<div\x20tabindex=\x220\x22\x20class=\x22collapse\x20collapse-close\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22collapse-title\x20font-semibold\x22>I\x20have\x20collapse-open\x20class</div>\x0a\x20\x20<div\x20class=\x22collapse-content\x20text-sm\x22>\x0a\x20\x20\x20\x20Click\x20the\x20\x22Sign\x20Up\x22\x20button\x20in\x20the\x20top\x20right\x20corner\x20and\x20follow\x20the\x20registration\x20process.\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/collapse/examples/force-open':n(0x1e7),'components/collapse/examples/moving-collapse-icon-to-the-start':n(0x267),'components/collapse/examples/with-arrow-icon':n(0x22a),'components/collapse/examples/with-arrow-plusminus-icon':n(0x21d),'components/collapse/examples/without-border-and-background-color':n(0x1c9),'components/countdown':n(0x217),'components/countdown/examples/clock-countdown':'#\x20Countdown\x20Example\x0a##\x20Clock\x20countdown\x0a\x0a```html\x0a<span\x20class=\x22countdown\x20font-mono\x20text-2xl\x22>\x0a\x20\x20<span\x20style=\x22--value:10;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2210\x22>10</span>\x0a\x20\x20h\x0a\x20\x20<span\x20style=\x22--value:24;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2224\x22>24</span>\x0a\x20\x20m\x0a\x20\x20<span\x20style=\x22--value:59;\x22\x20aria-live=\x22polite\x22\x20aria-label=\x2259\x22>59</span>\x0a\x20\x20s\x0a</span>\x0a\x0a```\x0a','components/countdown/examples/clock-countdown-with-colons':n(0x25b),'components/countdown/examples/countdown':n(0x223),'components/countdown/examples/in-boxes':n(0x202),'components/countdown/examples/large-text-with-2-digits':n(0x248),'components/countdown/examples/large-text-with-labels':n(0x1fb),'components/countdown/examples/large-text-with-labels-under':n(0x1f9),'components/diff':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/diff.png\x0adocs:\x20https://daisyui.com/components/diff/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20diff\x0aDiff\x20component\x20shows\x20a\x20side-by-side\x20comparison\x20of\x20two\x20items\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`diff`\x0a-\x20part:\x20`diff-item-1`,\x20`diff-item-2`,\x20`diff-resizer`\x0a\x0a##\x20Syntax\x0a```html\x0a<figure\x20class=\x22diff\x22>\x0a\x20\x20<div\x20class=\x22diff-item-1\x22>{item1}</div>\x0a\x20\x20<div\x20class=\x22diff-item-2\x22>{item2}</div>\x0a\x20\x20<div\x20class=\x22diff-resizer\x22></div>\x0a</figure>\x0a```\x0a','components/diff/examples/diff':n(0x20f),'components/diff/examples/diff-text':'#\x20Diff\x20Example\x0a##\x20Diff\x20text\x0a\x0a```html\x0a<figure\x20class=\x22diff\x20aspect-16/9\x22\x20tabindex=\x220\x22>\x0a\x20\x20<div\x20class=\x22diff-item-1\x22\x20role=\x22img\x22\x20tabindex=\x220\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22bg-primary\x20text-primary-content\x20grid\x20place-content-center\x20text-9xl\x20font-black\x22>\x0a\x20\x20\x20\x20\x20\x20DAISY\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22diff-item-2\x22\x20role=\x22img\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22bg-base-200\x20grid\x20place-content-center\x20text-9xl\x20font-black\x22>DAISY</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22diff-resizer\x22></div>\x0a</figure>\x0a```\x0a','components/divider':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/divider.png\x0adocs:\x20https://daisyui.com/components/divider/\x0adimensions:\x0a\x20\x20vertical:\x0a\x20\x20\x20\x20width:\x20100%\x0a\x20\x20\x20\x20height:\x2016px\x0a\x20\x20horizontal:\x0a\x20\x20\x20\x20width:\x20auto\x0a\x20\x20\x20\x20height:\x2016px\x0a---\x0a\x0a#\x20divider\x0aDivider\x20will\x20be\x20used\x20to\x20separate\x20content\x20vertically\x20or\x20horizontally\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`divider`\x0a-\x20color:\x20`divider-neutral`,\x20`divider-primary`,\x20`divider-secondary`,\x20`divider-accent`,\x20`divider-success`,\x20`divider-warning`,\x20`divider-info`,\x20`divider-error`\x0a-\x20direction:\x20`divider-vertical`,\x20`divider-horizontal`\x0a-\x20placement:\x20`divider-start`,\x20`divider-end`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22divider\x20{MODIFIER}\x22>{text}</div>\x0a```\x0a','components/divider/examples/divider':'#\x20Divider\x20Example\x0a##\x20Divider\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x20flex-col\x22>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-20\x20place-items-center\x22>content</div>\x0a\x20\x20<div\x20class=\x22divider\x22>OR</div>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-20\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','components/divider/examples/divider-horizontal':n(0x25e),'components/divider/examples/divider-in-different-positions':'#\x20Divider\x20Example\x0a##\x20Divider\x20in\x20different\x20positions\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x20flex-col\x22>\x0a\x20\x20<div\x20class=\x22divider\x20divider-start\x22>Start</div>\x0a\x20\x20<div\x20class=\x22divider\x22>Default</div>\x0a\x20\x20<div\x20class=\x22divider\x20divider-end\x22>End</div>\x0a</div>\x0a\x0a```\x0a','components/divider/examples/divider-in-different-positions-horizontal':n(0x239),'components/divider/examples/divider-with-colors':n(0x207),'components/divider/examples/divider-with-no-text':n(0x23c),'components/divider/examples/responsive-lgdivider-horizontal':'#\x20Divider\x20Example\x0a##\x20responsive\x20(lg:divider-horizontal)\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-full\x20flex-col\x20lg:flex-row\x22>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-32\x20grow\x20place-items-center\x22>content</div>\x0a\x20\x20<div\x20class=\x22divider\x20lg:divider-horizontal\x22>OR</div>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-300\x20rounded-box\x20grid\x20h-32\x20grow\x20place-items-center\x22>content</div>\x0a</div>\x0a\x0a```\x0a','components/dock':n(0x1f8),'components/dock/examples/dock':n(0x234),'components/dock/examples/dock-extra-large-size':'#\x20Dock\x20Example\x0a##\x20Dock\x20Extra\x20Large\x20size\x0a\x0a```html\x0a<div\x20class=\x22dock\x20dock-xl\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Home</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Inbox</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Settings</span>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','components/dock/examples/dock-extra-small-size':n(0x23d),'components/dock/examples/dock-large-size':'#\x20Dock\x20Example\x0a##\x20Dock\x20Large\x20size\x0a\x0a```html\x0a<div\x20class=\x22dock\x20dock-lg\x22>\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x221\x2011\x2012\x202\x2023\x2011\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><path\x20d=\x22m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path><line\x20x1=\x2212\x22\x20y1=\x2222\x22\x20x2=\x2212\x22\x20y2=\x2218\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></line></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Home</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button\x20class=\x22dock-active\x22>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><polyline\x20points=\x223\x2014\x209\x2014\x209\x2017\x2015\x2017\x2015\x2014\x2021\x2014\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></polyline><rect\x20x=\x223\x22\x20y=\x223\x22\x20width=\x2218\x22\x20height=\x2218\x22\x20rx=\x222\x22\x20ry=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></rect></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Inbox</span>\x0a\x20\x20</button>\x0a\x20\x20\x0a\x20\x20<button>\x0a\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\x20fill=\x22currentColor\x22\x20stroke-linejoin=\x22miter\x22\x20stroke-linecap=\x22butt\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x223\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></circle><path\x20d=\x22m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22square\x22\x20stroke-miterlimit=\x2210\x22\x20stroke-width=\x222\x22></path></g></svg>\x0a\x20\x20\x20\x20<span\x20class=\x22dock-label\x22>Settings</span>\x0a\x20\x20</button>\x0a</div>\x0a\x0a```\x0a','components/dock/examples/dock-medium-size':n(0x216),'components/dock/examples/dock-small-size':n(0x1f0),'components/dock/examples/dock-with-custom-colors':n(0x1e6),'components/drawer':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/drawer.png\x0adocs:\x20https://daisyui.com/components/drawer/\x0a---\x0a\x0a#\x20drawer\x0aDrawer\x20is\x20a\x20grid\x20layout\x20that\x20can\x20show/hide\x20a\x20sidebar\x20on\x20the\x20left\x20or\x20right\x20side\x20of\x20the\x20page\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`drawer`\x0a-\x20part:\x20`drawer-toggle`,\x20`drawer-content`,\x20`drawer-side`,\x20`drawer-overlay`\x0a-\x20placement:\x20`drawer-end`\x0a-\x20modifier:\x20`drawer-open`\x0a-\x20variant:\x20`is-drawer-open:`,\x20`is-drawer-close:`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22drawer\x20{MODIFIER}\x22>\x0a\x20\x20<input\x20id=\x22my-drawer\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x22>{CONTENT}</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x22>{SIDEBAR}</div>\x0a</div>\x0a```\x0awhere\x20{CONTENT}\x20can\x20be\x20navbar,\x20site\x20content,\x20footer,\x20etc\x0aand\x20{SIDEBAR}\x20can\x20be\x20a\x20menu\x20like:\x0a```html\x0a<ul\x20class=\x22menu\x20p-4\x20w-80\x20min-h-full\x20bg-base-100\x20text-base-content\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a</ul>\x0a```\x0aTo\x20open/close\x20the\x20drawer,\x20use\x20a\x20label\x20that\x20points\x20to\x20the\x20`drawer-toggle`\x20input:\x0a```html\x0a<label\x20for=\x22my-drawer\x22\x20class=\x22btn\x20drawer-button\x22>Open/close\x20drawer</label>\x0a```\x0a','components/drawer/examples/drawer-sidebar':n(0x231),'components/drawer/examples/drawer-sidebar-that-opens-from-right-side-of-page':n(0x1e1),'components/drawer/examples/example-this-sidebar-is-always-visible-on-large-screen-can-be-toggled-on-small-screen':n(0x228),'components/drawer/examples/example-this-sidebar-is-always-visible-when-its-close-we-only-see-iocns-when-its-open-we-see-icons-and-text':n(0x245),'components/drawer/examples/icon-only-drawer-sidebar-when-its-closed-using-is-drawer-close-and-is-drawer-open-variants':n(0x22e),'components/drawer/examples/navbar-menu-for-desktop-sidebar-drawer-for-mobile':'#\x20Drawer\x20Example\x0a##\x20Navbar\x20menu\x20for\x20desktop\x20+\x20sidebar\x20drawer\x20for\x20mobile\x0a\x0a```html\x0a<div\x20class=\x22drawer\x22>\x0a\x20\x20<input\x20id=\x22my-drawer-2\x22\x20type=\x22checkbox\x22\x20class=\x22drawer-toggle\x22\x20/>\x0a\x20\x20<div\x20class=\x22drawer-content\x20flex\x20flex-col\x22>\x0a\x20\x20\x20\x20<!--\x20Navbar\x20-->\x0a\x20\x20\x20\x20<div\x20class=\x22navbar\x20bg-base-300\x20w-full\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex-none\x20lg:hidden\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<label\x20for=\x22my-drawer-2\x22\x20aria-label=\x22open\x20sidebar\x22\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x0a\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\x20fill=\x22none\x22\x0a\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\x20class=\x22inline-block\x20h-6\x20w-6\x20stroke-current\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20>\x0a\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\x20stroke-linecap=\x22round\x22\x0a\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\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M4\x206h16M4\x2012h16M4\x2018h16\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22mx-2\x20flex-1\x20px-2\x22>Navbar\x20Title</div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22hidden\x20flex-none\x20lg:block\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<ul\x20class=\x22menu\x20menu-horizontal\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20Navbar\x20menu\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Navbar\x20Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li><a>Navbar\x20Item\x202</a></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</ul>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20Content\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22drawer-side\x22>\x0a\x20\x20\x20\x20<label\x20for=\x22my-drawer-2\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<ul\x20class=\x22menu\x20bg-base-200\x20min-h-full\x20w-80\x20p-4\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x201</a></li>\x0a\x20\x20\x20\x20\x20\x20<li><a>Sidebar\x20Item\x202</a></li>\x0a\x20\x20\x20\x20</ul>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/drawer/examples/responsive-sidebar-is-always-visible-on-large-screen-can-be-toggled-on-small-screen':n(0x1e4),'components/dropdown':n(0x235),'components/dropdown/examples/card-as-dropdown':n(0x1f5),'components/dropdown/examples/dropdown-aligns-to-center-of-button-horizontally':n(0x1db),'components/dropdown/examples/dropdown-aligns-to-end-of-button-horizontally':n(0x209),'components/dropdown/examples/dropdown-aligns-to-start-of-button-horizontally':n(0x200),'components/dropdown/examples/dropdown-bottom-default':n(0x1ce),'components/dropdown/examples/dropdown-bottom-default-aligns-to-center-of-button-horizontally':n(0x1dd),'components/dropdown/examples/dropdown-bottom-default-aligns-to-end-of-button-horizontally':n(0x219),'components/dropdown/examples/dropdown-in-navbar':n(0x1ec),'components/dropdown/examples/dropdown-left':n(0x20a),'components/dropdown/examples/dropdown-left-aligns-to-center-of-button-vertically':n(0x1cb),'components/dropdown/examples/dropdown-left-aligns-to-end-of-button-vertically':'#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20left\x20/\x20aligns\x20to\x20end\x20of\x20button\x20vertically\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-left\x20dropdown-end\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20⬅️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','components/dropdown/examples/dropdown-menu':n(0x1f4),'components/dropdown/examples/dropdown-on-hover':n(0x1ee),'components/dropdown/examples/dropdown-right':n(0x22d),'components/dropdown/examples/dropdown-right-aligns-to-center-of-button-vertically':n(0x1ff),'components/dropdown/examples/dropdown-right-aligns-to-end-of-button-vertically':'#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20right\x20/\x20aligns\x20to\x20end\x20of\x20button\x20vertically\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-right\x20dropdown-end\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Click\x20➡️</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','components/dropdown/examples/dropdown-top':n(0x1e9),'components/dropdown/examples/dropdown-top-aligns-to-center-of-button-horizontally':n(0x220),'components/dropdown/examples/dropdown-top-aligns-to-end-of-button-horizontally':n(0x1da),'components/dropdown/examples/dropdown-using-details-and-summary':n(0x1d1),'components/dropdown/examples/dropdown-using-popover-api-and-anchor-positioning':'#\x20Dropdown\x20Example\x0a##\x20Dropdown\x20using\x20popover\x20API\x20and\x20anchor\x20positioning\x0a\x0a```html\x0a<!--\x20change\x20popover-1\x20and\x20--anchor-1\x20names.\x20Use\x20unique\x20names\x20for\x20each\x20dropdown\x20-->\x0a<button\x20class=\x22btn\x22\x20popovertarget=\x22popover-1\x22\x20style=\x22anchor-name:--anchor-1\x22>\x0a\x20\x20Button\x0a</button>\x0a<ul\x20class=\x22dropdown\x20menu\x20w-52\x20rounded-box\x20bg-base-100\x20shadow-sm\x22\x0a\x20\x20popover\x20id=\x22popover-1\x22\x20style=\x22position-anchor:--anchor-1\x22>\x0a\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20<li><a>Item\x202</a></li>\x0a</ul>\x0a\x0a```\x0a','components/dropdown/examples/force-open':'#\x20Dropdown\x20Example\x0a##\x20Force\x20open\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20dropdown-open\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>Button</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20menu\x20bg-base-100\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<li><a>Item\x201</a></li>\x0a\x20\x20\x20\x20<li><a>Item\x202</a></li>\x0a\x20\x20</ul>\x0a</div>\x0a\x0a```\x0a','components/dropdown/examples/helper-dropdown':n(0x1d9),'components/fab':n(0x206),'components/fab/examples/a-single-fab-floating-action-button':n(0x263),'components/fab/examples/fab-and-flower-speed-dial-with-svg-icons':n(0x1c7),'components/fab/examples/fab-and-flower-speed-dial-with-tooltip':n(0x242),'components/fab/examples/fab-and-speed-dial-vertical':n(0x1d3),'components/fab/examples/fab-and-speed-dial-with-labels':n(0x250),'components/fab/examples/fab-and-speed-dial-with-labels-and-fab-close-button':'#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Speed\x20Dial\x20with\x20labels\x20and\x20fab-close\x20button\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-info\x22>F</div>\x0a\x0a\x20\x20<!--\x20close\x20button\x20should\x20not\x20be\x20focusable\x20so\x20it\x20can\x20close\x20the\x20FAB\x20when\x20clicked.\x20It\x27s\x20just\x20a\x20visual\x20placeholder\x20-->\x0a\x20\x20<div\x20class=\x22fab-close\x22>\x0a\x20\x20\x20\x20Close\x20<span\x20class=\x22btn\x20btn-circle\x20btn-lg\x20btn-error\x22>✕</span>\x0a\x20\x20</div>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<div>Label\x20A\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>A</button></div>\x0a\x20\x20<div>Label\x20B\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>B</button></div>\x0a\x20\x20<div>Label\x20C\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>C</button></div>\x0a</div>\x0a\x0a```\x0a','components/fab/examples/fab-and-speed-dial-with-labels-and-fab-main-action-button':'#\x20Fab\x20Example\x0a##\x20FAB\x20and\x20Speed\x20Dial\x20with\x20labels\x20and\x20fab-main-action\x20Button\x0a\x0a```html\x0a<div\x20class=\x22fab\x22>\x0a\x20\x20<!--\x20a\x20focusable\x20div\x20with\x20tabindex\x20is\x20necessary\x20to\x20work\x20on\x20all\x20browsers.\x20role=\x22button\x22\x20is\x20necessary\x20for\x20accessibility\x20-->\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20btn-lg\x20btn-circle\x20btn-primary\x22>F</div>\x0a\x0a\x20\x20<!--\x20Main\x20Action\x20button\x20replaces\x20the\x20original\x20button\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<div\x20class=\x22fab-main-action\x22>\x0a\x20\x20\x20\x20Main\x20Action\x20<button\x20class=\x22btn\x20btn-circle\x20btn-secondary\x20btn-lg\x22>M</button>\x0a\x20\x20</div>\x0a\x0a\x20\x20<!--\x20buttons\x20that\x20show\x20up\x20when\x20FAB\x20is\x20open\x20-->\x0a\x20\x20<div>Label\x20A\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>A</button></div>\x0a\x20\x20<div>Label\x20B\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>B</button></div>\x0a\x20\x20<div>Label\x20C\x20<button\x20class=\x22btn\x20btn-lg\x20btn-circle\x22>C</button></div>\x0a</div>\x0a\x0a```\x0a','components/fab/examples/fab-and-speed-dial-with-rectangle-buttons':n(0x20d),'components/fab/examples/fab-and-speed-dial-with-svg-icons':n(0x1d7),'components/fab/examples/fab-flower-and-speed-dial':n(0x1f7),'components/fieldset':n(0x1d0),'components/fieldset/examples/fieldset-fieldset-legend-and-label':'#\x20Fieldset\x20Example\x0a##\x20Fieldset\x20fieldset-legend\x20and\x20label\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Page\x20title</legend>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x22\x20placeholder=\x22My\x20awesome\x20page\x22\x20/>\x0a\x20\x20<p\x20class=\x22label\x22>You\x20can\x20edit\x20page\x20title\x20later\x20on\x20from\x20settings</p>\x0a</fieldset>\x0a\x0a```\x0a','components/fieldset/examples/fieldset-with-background-and-border':n(0x266),'components/fieldset/examples/fieldset-with-multiple-inputs':n(0x221),'components/fieldset/examples/fieldset-with-multiple-join-items':n(0x1f3),'components/fieldset/examples/login-form-with-fieldset':n(0x1d6),'components/file-input':n(0x24e),'components/file-input/examples/disabled':n(0x255),'components/file-input/examples/file-input':n(0x252),'components/file-input/examples/file-input-ghost':'#\x20File\x20Input\x20Example\x0a##\x20File\x20input\x20ghost\x0a\x0a```html\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-ghost\x22\x20/>\x0a\x0a```\x0a','components/file-input/examples/primary-color':'#\x20File\x20Input\x20Example\x0a##\x20Primary\x20color\x0a\x0a```html\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-primary\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-secondary\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-accent\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-neutral\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-info\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-success\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-warning\x22\x20/>\x0a<input\x20type=\x22file\x22\x20class=\x22file-input\x20file-input-error\x22\x20/>\x0a\x0a```\x0a','components/file-input/examples/sizes':n(0x1df)};