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-5.js ADDED
@@ -0,0 +1 @@
1
+ var n=W;function J(){var R=['#\x20Range\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2230\x22\x20class=\x22range\x20range-xs\x22\x20/>\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-sm\x22\x20/>\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2250\x22\x20class=\x22range\x20range-md\x22\x20/>\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2260\x22\x20class=\x22range\x20range-lg\x22\x20/>\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2270\x22\x20class=\x22range\x20range-xl\x22\x20/>\x0a\x0a```\x0a','#\x20Swap\x20Example\x0a##\x20Activate\x20using\x20class\x20name\x20instead\x20of\x20checkbox\x0a\x0a```html\x0a<label\x20class=\x22swap\x20text-6xl\x22>\x0a\x20\x20<div\x20class=\x22swap-on\x22>🥵</div>\x0a\x20\x20<div\x20class=\x22swap-off\x22>🥶</div>\x0a</label>\x0a<label\x20class=\x22swap\x20swap-active\x20text-6xl\x22>\x0a\x20\x20<div\x20class=\x22swap-on\x22>🥳</div>\x0a\x20\x20<div\x20class=\x22swap-off\x22>😭</div>\x0a</label>\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20radio\x20tabs-box\x20+\x20tab\x20content\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-box\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_6\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_6\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_6\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x203</div>\x0a</div>\x0a\x0a```\x0a','#\x20Table\x20Example\x0a##\x20Table\x20with\x20pinned-rows\x20and\x20pinned-cols\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x20h-96\x20w-96\x22>\x0a\x20\x20<table\x20class=\x22table\x20table-xs\x20table-pin-rows\x20table-pin-cols\x22>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Name</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Job</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>company</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>location</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Last\x20Login</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Favorite\x20Color</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Littel,\x20Schaden\x20and\x20Vandervort</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Canada</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>12/16/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Zemlak,\x20Daniel\x20and\x20Leannon</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>United\x20States</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>12/5/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Carroll\x20Group</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>China</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>8/15/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>4</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Marjy\x20Ferencz</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Office\x20Assistant\x20I</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Rowe-Schoen</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Russia</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>3/25/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>4</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>5</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Yancy\x20Tear</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Community\x20Outreach\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Wyman-Ledner</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brazil</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>5/22/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indigo</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>5</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>6</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Irma\x20Vasilik</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Editor</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Wiza,\x20Bins\x20and\x20Emard</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Venezuela</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>12/8/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>6</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>7</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Meghann\x20Durtnal</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Staff\x20Accountant\x20IV</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Schuster-Schimmel</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Philippines</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/17/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Yellow</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>7</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>8</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sammy\x20Seston</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Accountant\x20I</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>O\x27Hara,\x20Welch\x20and\x20Keebler</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indonesia</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>5/23/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>8</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>9</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Lesya\x20Tinham</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Safety\x20Technician\x20IV</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Turner-Kuhlman</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Philippines</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/21/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Maroon</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>9</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>10</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Zaneta\x20Tewkesbury</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>VP\x20Marketing</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sauer\x20LLC</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Chad</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>6/23/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Green</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>10</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>11</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Andy\x20Tipple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Librarian</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hilpert\x20Group</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Poland</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>7/9/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indigo</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>11</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>12</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sophi\x20Biles</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Recruiting\x20Manager</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Gutmann\x20Inc</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indonesia</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/12/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Maroon</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>12</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>13</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Florida\x20Garces</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Web\x20Developer\x20IV</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Gaylord,\x20Pacocha\x20and\x20Baumbach</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Poland</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>5/31/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>13</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>14</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Maribeth\x20Popping</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Analyst\x20Programmer</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Deckow-Pouros</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Portugal</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>4/27/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Aquamarine</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>14</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>15</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Moritz\x20Dryburgh</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Dental\x20Hygienist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Schiller,\x20Cole\x20and\x20Hackett</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sri\x20Lanka</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>8/8/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>15</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>16</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Reid\x20Semiras</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Teacher</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sporer,\x20Sipes\x20and\x20Rogahn</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Poland</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>7/30/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Green</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>16</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>17</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Alec\x20Lethby</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Teacher</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Reichel,\x20Glover\x20and\x20Hamill</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>China</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/28/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Khaki</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>17</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>18</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Aland\x20Wilber</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Kshlerin,\x20Rogahn\x20and\x20Swaniawski</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Czech\x20Republic</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>9/29/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>18</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>19</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Teddie\x20Duerden</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Staff\x20Accountant\x20III</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Pouros,\x20Ullrich\x20and\x20Windler</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>France</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>10/27/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Aquamarine</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>19</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Lorelei\x20Blackstone</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Data\x20Coordinator</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Witting,\x20Kutch\x20and\x20Greenfelder</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Kazakhstan</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>6/3/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>20</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<tfoot>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Name</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Job</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>company</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>location</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Last\x20Login</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Favorite\x20Color</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tfoot>\x0a\x20\x20</table>\x0a</div>\x0a```\x0a','#\x20Validator\x20Example\x0a##\x20Date\x20input\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22date\x22\x20class=\x22input\x20validator\x22\x20required\x20placeholder=\x22Pick\x20a\x20date\x20in\x202025\x22\x20\x0a\x20\x20min=\x222025-01-01\x22\x20max=\x222025-12-31\x22\x20title=\x22Must\x20be\x20valid\x20URL\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Must\x20be\x202025</p>\x0a</form>\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20radio\x20tabs-border\x20+\x20tab\x20content\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-border\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_2\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20border-base-300\x20bg-base-100\x20p-10\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_2\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20border-base-300\x20bg-base-100\x20p-10\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_2\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20border-base-300\x20bg-base-100\x20p-10\x22>Tab\x20content\x203</div>\x0a</div>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20tabs-box\x20with\x20a\x20horizontal\x20scroll\x20when\x20there\x27s\x20no\x20space\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x20max-w-60\x22>\x0a\x20\x20<div\x20class=\x22tabs-lift\x20tabs\x20min-w-max\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_7\x22\x20class=\x22tab\x20z-1\x22\x20aria-label=\x22Tab\x20title\x201\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22sticky\x20start-0\x20tab-content\x20max-w-60\x20border-base-300\x20bg-base-100\x20p-6\x22>Tab\x20content\x201</div>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_7\x22\x20class=\x22tab\x20z-1\x22\x20aria-label=\x22Tab\x20title\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22sticky\x20start-0\x20tab-content\x20max-w-60\x20border-base-300\x20bg-base-100\x20p-6\x22>Tab\x20content\x202</div>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_7\x22\x20class=\x22tab\x20z-1\x22\x20aria-label=\x22Tab\x20title\x203\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22sticky\x20start-0\x20tab-content\x20max-w-60\x20border-base-300\x20bg-base-100\x20p-6\x22>Tab\x20content\x203</div>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_7\x22\x20class=\x22tab\x20z-1\x22\x20aria-label=\x22Tab\x20title\x204\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22sticky\x20start-0\x20tab-content\x20max-w-60\x20border-base-300\x20bg-base-100\x20p-6\x22>Tab\x20content\x204</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20dropdown\x0a\x0a```html\x0a<div\x20class=\x22dropdown\x20mb-72\x22>\x0a\x20\x20<div\x20tabindex=\x220\x22\x20role=\x22button\x22\x20class=\x22btn\x20m-1\x22>\x0a\x20\x20\x20\x20Theme\x0a\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20width=\x2212px\x22\x0a\x20\x20\x20\x20\x20\x20height=\x2212px\x22\x0a\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20h-2\x20w-2\x20fill-current\x20opacity-60\x22\x0a\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x202048\x202048\x22>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M1799\x20349l242\x20241-1017\x201017L7\x20590l242-241\x20775\x20775\x20775-775z\x22></path>\x0a\x20\x20\x20\x20</svg>\x0a\x20\x20</div>\x0a\x20\x20<ul\x20tabindex=\x22-1\x22\x20class=\x22dropdown-content\x20bg-base-300\x20rounded-box\x20z-1\x20w-52\x20p-2\x20shadow-2xl\x22>\x0a\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20<input\x0a\x20\x20\x20\x20\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20name=\x22theme-dropdown\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22theme-controller\x20w-full\x20btn\x20btn-sm\x20btn-block\x20btn-ghost\x20justify-start\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20aria-label=\x22Default\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20value=\x22default\x22\x20/>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20<input\x0a\x20\x20\x20\x20\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20name=\x22theme-dropdown\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22theme-controller\x20w-full\x20btn\x20btn-sm\x20btn-block\x20btn-ghost\x20justify-start\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20aria-label=\x22Retro\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20value=\x22retro\x22\x20/>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20<input\x0a\x20\x20\x20\x20\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20name=\x22theme-dropdown\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22theme-controller\x20w-full\x20btn\x20btn-sm\x20btn-block\x20btn-ghost\x20justify-start\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20aria-label=\x22Cyberpunk\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20value=\x22cyberpunk\x22\x20/>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20<input\x0a\x20\x20\x20\x20\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20name=\x22theme-dropdown\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22theme-controller\x20w-full\x20btn\x20btn-sm\x20btn-block\x20btn-ghost\x20justify-start\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20aria-label=\x22Valentine\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20value=\x22valentine\x22\x20/>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20\x20\x20<li>\x0a\x20\x20\x20\x20\x20\x20<input\x0a\x20\x20\x20\x20\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20name=\x22theme-dropdown\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22theme-controller\x20w-full\x20btn\x20btn-sm\x20btn-block\x20btn-ghost\x20justify-start\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20aria-label=\x22Aqua\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20value=\x22aqua\x22\x20/>\x0a\x20\x20\x20\x20</li>\x0a\x20\x20</ul>\x0a</div>\x0a```\x0a','#\x20Progress\x20Example\x0a##\x20Progress\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Vertical\x20timeline\x20with\x20text\x20on\x20both\x20sides\x20and\x20icon\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>1984</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>1998</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2001</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2007</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2015</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Radio\x20Example\x0a##\x20Neutral\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-3\x22\x20class=\x22radio\x20radio-neutral\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-3\x22\x20class=\x22radio\x20radio-neutral\x22\x20/>\x0a\x0a```\x0a','#\x20Textarea\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<textarea\x20placeholder=\x22Bio\x22\x20class=\x22textarea\x20textarea-xs\x22></textarea>\x0a\x0a<textarea\x20placeholder=\x22Bio\x22\x20class=\x22textarea\x20textarea-sm\x22></textarea>\x0a\x0a<textarea\x20placeholder=\x22Bio\x22\x20class=\x22textarea\x20textarea-md\x22></textarea>\x0a\x0a<textarea\x20placeholder=\x22Bio\x22\x20class=\x22textarea\x20textarea-lg\x22></textarea>\x0a\x0a<textarea\x20placeholder=\x22Bio\x22\x20class=\x22textarea\x20textarea-xl\x22></textarea>\x0a\x0a```\x0a','#\x20Range\x20Example\x0a##\x20Range\x20with\x20custom\x20color\x20and\x20no\x20fill\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20\x0a\x20\x20class=\x22range\x20text-blue-300\x20[--range-bg:orange]\x20[--range-thumb:blue]\x20[--range-fill:0]\x22\x20/>\x0a```\x0a','#\x20Radial\x20Progress\x20Example\x0a##\x20With\x20background\x20color\x20and\x20border\x0a\x0a```html\x0a<div\x0a\x20\x20class=\x22radial-progress\x20bg-primary\x20text-primary-content\x20border-primary\x20border-4\x22\x0a\x20\x20style=\x22--value:70;\x22\x20aria-valuenow=\x2270\x22\x20role=\x22progressbar\x22>\x0a\x20\x2070%\x0a</div>\x0a\x0a```\x0a','#\x20Table\x20Example\x0a##\x20Table\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x22>\x0a\x20\x20\x20\x20<!--\x20head\x20-->\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x201\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x202\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x203\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/swap/\x0a---\x0a\x0a#\x20swap\x0aSwap\x20allows\x20you\x20to\x20toggle\x20the\x20visibility\x20of\x20two\x20elements\x20using\x20a\x20checkbox\x20or\x20a\x20class\x20name\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`swap`\x0a-\x20Part:\x20`swap-on`,\x20`swap-off`,\x20`swap-indeterminate`\x0a-\x20Modifier:\x20`swap-active`\x0a-\x20Style:\x20`swap-rotate`,\x20`swap-flip`\x0a\x0a##\x20Syntax\x0aUsing\x20checkbox\x0a```html\x0a<label\x20class=\x22swap\x20{MODIFIER}\x22>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x20\x20<div\x20class=\x22swap-on\x22>{content\x20when\x20active}</div>\x0a\x20\x20<div\x20class=\x22swap-off\x22>{content\x20when\x20inactive}</div>\x0a</label>\x0a```\x0a\x0aUsing\x20class\x20name\x0a```html\x0a<div\x20class=\x22swap\x20{MODIFIER}\x22>\x0a\x20\x20<div\x20class=\x22swap-on\x22>{content\x20when\x20active}</div>\x0a\x20\x20<div\x20class=\x22swap-off\x22>{content\x20when\x20inactive}</div>\x0a</div>\x0a```\x0a','#\x20Table\x20Example\x0a##\x20Table\x20xs\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x20table-xs\x22>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>company</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>location</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Last\x20Login</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Littel,\x20Schaden\x20and\x20Vandervort</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Canada</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>12/16/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Zemlak,\x20Daniel\x20and\x20Leannon</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>United\x20States</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>12/5/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Carroll\x20Group</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>China</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>8/15/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>4</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Marjy\x20Ferencz</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Office\x20Assistant\x20I</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Rowe-Schoen</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Russia</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>3/25/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>5</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Yancy\x20Tear</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Community\x20Outreach\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Wyman-Ledner</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brazil</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>5/22/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indigo</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>6</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Irma\x20Vasilik</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Editor</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Wiza,\x20Bins\x20and\x20Emard</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Venezuela</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>12/8/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>7</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Meghann\x20Durtnal</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Staff\x20Accountant\x20IV</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Schuster-Schimmel</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Philippines</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/17/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Yellow</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>8</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sammy\x20Seston</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Accountant\x20I</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>O\x27Hara,\x20Welch\x20and\x20Keebler</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indonesia</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>5/23/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>9</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Lesya\x20Tinham</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Safety\x20Technician\x20IV</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Turner-Kuhlman</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Philippines</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/21/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Maroon</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>10</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Zaneta\x20Tewkesbury</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>VP\x20Marketing</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sauer\x20LLC</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Chad</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>6/23/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Green</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>11</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Andy\x20Tipple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Librarian</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hilpert\x20Group</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Poland</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>7/9/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indigo</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>12</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sophi\x20Biles</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Recruiting\x20Manager</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Gutmann\x20Inc</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indonesia</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/12/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Maroon</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>13</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Florida\x20Garces</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Web\x20Developer\x20IV</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Gaylord,\x20Pacocha\x20and\x20Baumbach</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Poland</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>5/31/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>14</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Maribeth\x20Popping</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Analyst\x20Programmer</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Deckow-Pouros</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Portugal</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>4/27/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Aquamarine</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>15</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Moritz\x20Dryburgh</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Dental\x20Hygienist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Schiller,\x20Cole\x20and\x20Hackett</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sri\x20Lanka</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>8/8/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>16</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Reid\x20Semiras</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Teacher</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Sporer,\x20Sipes\x20and\x20Rogahn</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Poland</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>7/30/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Green</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>17</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Alec\x20Lethby</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Teacher</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Reichel,\x20Glover\x20and\x20Hamill</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>China</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>2/28/2021</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Khaki</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>18</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Aland\x20Wilber</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Kshlerin,\x20Rogahn\x20and\x20Swaniawski</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Czech\x20Republic</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>9/29/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>19</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Teddie\x20Duerden</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Staff\x20Accountant\x20III</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Pouros,\x20Ullrich\x20and\x20Windler</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>France</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>10/27/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Aquamarine</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Lorelei\x20Blackstone</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Data\x20Coordiator</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Witting,\x20Kutch\x20and\x20Greenfelder</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Kazakhstan</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>6/3/2020</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<tfoot>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>company</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>location</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Last\x20Login</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tfoot>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','36ScLiwd','#\x20Validator\x20Example\x0a##\x20Checkbox\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x20validator\x22\x20required\x20title=\x22Required\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Required</p>\x0a</form>\x0a```\x0a','#\x20Range\x20Example\x0a##\x20With\x20steps\x20and\x20measure\x0a\x0a```html\x0a<div\x20class=\x22w-full\x20max-w-xs\x22>\x0a\x20\x20<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2225\x22\x20class=\x22range\x22\x20step=\x2225\x22\x20/>\x0a\x20\x20<div\x20class=\x22flex\x20justify-between\x20px-2.5\x20mt-2\x20text-xs\x22>\x0a\x20\x20\x20\x20<span>|</span>\x0a\x20\x20\x20\x20<span>|</span>\x0a\x20\x20\x20\x20<span>|</span>\x0a\x20\x20\x20\x20<span>|</span>\x0a\x20\x20\x20\x20<span>|</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22flex\x20justify-between\x20px-2.5\x20mt-2\x20text-xs\x22>\x0a\x20\x20\x20\x20<span>1</span>\x0a\x20\x20\x20\x20<span>2</span>\x0a\x20\x20\x20\x20<span>3</span>\x0a\x20\x20\x20\x20<span>4</span>\x0a\x20\x20\x20\x20<span>5</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/radial-progress.png\x0adocs:\x20https://daisyui.com/components/radial-progress/\x0adimensions:\x0a\x20\x20width:\x20--size\x20=\x2080px\x20default\x0a\x20\x20height:\x20--size\x20=\x2080px\x20default\x0a---\x0a\x0a#\x20radial-progress\x0aRadial\x20progress\x20can\x20be\x20used\x20to\x20show\x20the\x20progress\x20of\x20a\x20task\x20or\x20to\x20show\x20the\x20passing\x20of\x20time\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`radial-progress`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:70;\x22\x20aria-valuenow=\x2270\x22\x20role=\x22progressbar\x22>70%</div>\x0a```\x0a','#\x20Stat\x20Example\x0a##\x20Responsive\x20(vertical\x20on\x20small\x20screen,\x20horizontal\x20on\x20large\x20screen)\x0a\x0a```html\x0a<div\x20class=\x22stats\x20stats-vertical\x20lg:stats-horizontal\x20shadow\x22>\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Downloads</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>31K</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>Jan\x201st\x20-\x20Feb\x201st</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Users</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>4,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↗︎\x20400\x20(22%)</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Registers</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>1,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↘︎\x2090\x20(14%)</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Radio\x20Example\x0a##\x20Success\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-7\x22\x20class=\x22radio\x20radio-success\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-7\x22\x20class=\x22radio\x20radio-success\x22\x20/>\x0a\x0a```\x0a','#\x20Responsive\x20Drawer\x20Offcanvas\x20Sidebar\x0a\x0aThis\x20layout\x20has\x20a\x20sidebar\x20that\x20can\x20be\x20toggled\x20on\x20and\x20off\x20on\x20smaller\x20screens,\x20while\x20remaining\x20visible\x20on\x20larger\x20screens.\x0a\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20lg:drawer-open\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\x20flex\x20flex-col\x22>\x0a\x20\x20\x20\x20<!--\x20Navbar\x20-->\x0a\x20\x20\x20\x20<div\x20class=\x22navbar\x20w-full\x20bg-base-300\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-1\x22\x20aria-label=\x22open\x20sidebar\x22\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20Hamburger\x20icon\x20-->\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20class=\x22inline-block\x20size-6\x20stroke-current\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x222\x22\x20d=\x22M4\x206h16M4\x2012h16M4\x2018h16\x22></path></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=\x22px-4\x22>Navbar\x20Title</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<main\x20class=\x22grow\x22>\x0a\x20\x20\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20\x20\x20Page\x20content\x0a\x20\x20\x20\x20</main>\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\x20min-h-full\x20w-80\x20bg-base-200\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','#\x20Textarea\x20Example\x0a##\x20Textarea\x20colors\x0a\x0a```html\x0a<textarea\x20placeholder=\x22Primary\x22\x20class=\x22textarea\x20textarea-primary\x22></textarea>\x0a<textarea\x20placeholder=\x22Secondary\x22\x20class=\x22textarea\x20textarea-secondary\x22></textarea>\x0a<textarea\x20placeholder=\x22Accent\x22\x20class=\x22textarea\x20textarea-accent\x22></textarea>\x0a<textarea\x20placeholder=\x22Neutral\x22\x20class=\x22textarea\x20textarea-neutral\x22></textarea>\x0a<textarea\x20placeholder=\x22Info\x22\x20class=\x22textarea\x20textarea-info\x22></textarea>\x0a<textarea\x20placeholder=\x22Success\x22\x20class=\x22textarea\x20textarea-success\x22></textarea>\x0a<textarea\x20placeholder=\x22Warning\x22\x20class=\x22textarea\x20textarea-warning\x22></textarea>\x0a<textarea\x20placeholder=\x22Error\x22\x20class=\x22textarea\x20textarea-error\x22></textarea>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20radio\x20tabs-lift\x20+\x20tab\x20content\x20on\x20bottom\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-lift\x20tabs-bottom\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_5\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_5\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_5\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x203</div>\x0a</div>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Success\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-success\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20Runtime</option>\x0a\x20\x20<option>npm</option>\x0a\x20\x20<option>Bun</option>\x0a\x20\x20<option>yarn</option>\x0a</select>\x0a\x0a```\x0a','#\x20Text\x20Rotate\x0a##\x20Rotating\x203\x20words\x20with\x20custom\x20duration\x0a\x0aBig\x20font\x20size,\x20horizontally\x20centered,\x206\x20seconds\x20duration\x20instead\x20of\x2010\x20seconds\x0a\x0a```html\x0a<span\x20class=\x22text-rotate\x20max-md:text-3xl\x20text-7xl\x20font-title\x20duration-6000\x22>\x0a\x20\x20<span\x20class=\x22justify-items-center\x22>\x0a\x20\x20\x20\x20<span>BLAZING</span>\x0a\x20\x20\x20\x20<span\x20class=\x22font-bold\x20italic\x20px-2\x22>FAST</span>\x0a\x20\x20</span>\x0a</span>\x0a```\x0a','#\x20Range\x20Example\x0a##\x20Neutral\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-neutral\x22\x20/>\x0a\x0a```\x0a','#\x20Stat\x20Example\x0a##\x20Centered\x20items\x0a\x0a```html\x0a<div\x20class=\x22stats\x20shadow\x22>\x0a\x20\x20<div\x20class=\x22stat\x20place-items-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Downloads</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>31K</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>From\x20January\x201st\x20to\x20February\x201st</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x20place-items-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Users</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x20text-secondary\x22>4,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x20text-secondary\x22>↗︎\x2040\x20(2%)</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x20place-items-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Registers</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>1,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↘︎\x2090\x20(14%)</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Radio\x20Example\x0a##\x20Radio\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-1\x22\x20class=\x22radio\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-1\x22\x20class=\x22radio\x22\x20/>\x0a\x0a```\x0a','search','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20toggle\x20with\x20icons\x0a\x0a```html\x0a<label\x20class=\x22flex\x20cursor-pointer\x20gap-2\x22>\x0a\x20\x20<svg\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20width=\x2220\x22\x0a\x20\x20\x20\x20height=\x2220\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20stroke-linejoin=\x22round\x22>\x0a\x20\x20\x20\x20<circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x225\x22\x20/>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M12\x201v2M12\x2021v2M4.2\x204.2l1.4\x201.4M18.4\x2018.4l1.4\x201.4M1\x2012h2M21\x2012h2M4.2\x2019.8l1.4-1.4M18.4\x205.6l1.4-1.4\x22\x20/>\x0a\x20\x20</svg>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20value=\x22synthwave\x22\x20class=\x22toggle\x20theme-controller\x22\x20/>\x0a\x20\x20<svg\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20width=\x2220\x22\x0a\x20\x20\x20\x20height=\x2220\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20stroke-linejoin=\x22round\x22>\x0a\x20\x20\x20\x20<path\x20d=\x22M21\x2012.79A9\x209\x200\x201\x201\x2011.21\x203\x207\x207\x200\x200\x200\x2021\x2012.79z\x22></path>\x0a\x20\x20</svg>\x0a</label>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20tabs-box\x20using\x20radio\x20inputs\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-box\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_1\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_1\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_1\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a</div>\x0a\x0a```\x0a','#\x20Toggle\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20class=\x22toggle\x22\x20disabled\x20/>\x0a<input\x20type=\x22checkbox\x22\x20class=\x22toggle\x22\x20disabled\x20checked=\x22checked\x22\x20/>\x0a\x0a```\x0a','821216UwzBfc','#\x20Validator\x20Example\x0a##\x20Validator\x20and\x20validator-hint\x0aIf\x20value\x20is\x20invalid,\x20a\x20hint\x20text\x20appears\x20below\x20the\x20input.\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20class=\x22input\x20validator\x22\x20type=\x22email\x22\x20required\x20placeholder=\x22mail@site.com\x22\x20/>\x0a\x20\x20<div\x20class=\x22validator-hint\x22>Enter\x20valid\x20email\x20address</div>\x0a</form>\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20radio\x20input\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<label\x20class=\x22flex\x20gap-2\x20cursor-pointer\x20items-center\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22theme-radios\x22\x20class=\x22radio\x20radio-sm\x20theme-controller\x22\x20value=\x22default\x22/>\x0a\x20\x20\x20\x20Default\x0a\x20\x20</label>\x0a\x20\x20<label\x20class=\x22flex\x20gap-2\x20cursor-pointer\x20items-center\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22theme-radios\x22\x20class=\x22radio\x20radio-sm\x20theme-controller\x22\x20value=\x22retro\x22/>\x0a\x20\x20\x20\x20Retro\x0a\x20\x20</label>\x0a\x20\x20<label\x20class=\x22flex\x20gap-2\x20cursor-pointer\x20items-center\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22theme-radios\x22\x20class=\x22radio\x20radio-sm\x20theme-controller\x22\x20value=\x22cyberpunk\x22/>\x0a\x20\x20\x20\x20Cyberpunk\x0a\x20\x20</label>\x0a\x20\x20<label\x20class=\x22flex\x20gap-2\x20cursor-pointer\x20items-center\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22theme-radios\x22\x20class=\x22radio\x20radio-sm\x20theme-controller\x22\x20value=\x22valentine\x22/>\x0a\x20\x20\x20\x20Valentine\x0a\x20\x20</label>\x0a\x20\x20<label\x20class=\x22flex\x20gap-2\x20cursor-pointer\x20items-center\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22theme-radios\x22\x20class=\x22radio\x20radio-sm\x20theme-controller\x22\x20value=\x22aqua\x22/>\x0a\x20\x20\x20\x20Aqua\x0a\x20\x20</label>\x0a</fieldset>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/textarea.png\x0adocs:\x20https://daisyui.com/components/textarea/\x0adimensions:\x0a\x20\x20width:\x20clamp(3rem,\x20320px,\x20100%)\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20textarea\x0aTextarea\x20allows\x20users\x20to\x20enter\x20text\x20in\x20multiple\x20lines\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`textarea`\x0a-\x20Style:\x20`textarea-ghost`\x0a-\x20Color:\x20`textarea-neutral`,\x20`textarea-primary`,\x20`textarea-secondary`,\x20`textarea-accent`,\x20`textarea-info`,\x20`textarea-success`,\x20`textarea-warning`,\x20`textarea-error`\x0a-\x20Size:\x20`textarea-xs`,\x20`textarea-sm`,\x20`textarea-md`,\x20`textarea-lg`,\x20`textarea-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<textarea\x20class=\x22textarea\x20{MODIFIER}\x22\x20placeholder=\x22Bio\x22></textarea>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/status.png\x0adocs:\x20https://daisyui.com/components/status/\x0adimensions:\x0a\x20\x20width/height:\x0a\x20\x20\x20\x20xs:\x202px\x0a\x20\x20\x20\x20sm:\x204px\x0a\x20\x20\x20\x20md:\x208px\x0a\x20\x20\x20\x20lg:\x2012px\x0a\x20\x20\x20\x20xl:\x2016px\x0a---\x0a\x0a#\x20status\x0aStatus\x20is\x20a\x20really\x20small\x20icon\x20to\x20visually\x20show\x20the\x20current\x20status\x20of\x20an\x20element,\x20like\x20online,\x20offline,\x20error,\x20etc\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`status`\x0a-\x20Color:\x20`status-neutral`,\x20`status-primary`,\x20`status-secondary`,\x20`status-accent`,\x20`status-info`,\x20`status-success`,\x20`status-warning`,\x20`status-error`\x0a-\x20Size:\x20`status-xs`,\x20`status-sm`,\x20`status-md`,\x20`status-lg`,\x20`status-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<span\x20class=\x22status\x20{MODIFIER}\x22></span>\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20swap\x0a\x0a```html\x0a<label\x20class=\x22swap\x20swap-rotate\x22>\x0a\x20\x20<!--\x20this\x20hidden\x20checkbox\x20controls\x20the\x20state\x20-->\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22theme-controller\x22\x20value=\x22synthwave\x22\x20/>\x0a\x0a\x20\x20<!--\x20sun\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-off\x20h-10\x20w-10\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\x22\x20/>\x0a\x20\x20</svg>\x0a\x0a\x20\x20<!--\x20moon\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-on\x20h-10\x20w-10\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z\x22\x20/>\x0a\x20\x20</svg>\x0a</label>\x0a\x0a```\x0a','#\x20Steps\x20Example\x0a##\x20Vertical\x0a\x0a```html\x0a<ul\x20class=\x22steps\x20steps-vertical\x22>\x0a\x20\x20<li\x20class=\x22step\x20step-primary\x22>Register</li>\x0a\x20\x20<li\x20class=\x22step\x20step-primary\x22>Choose\x20plan</li>\x0a\x20\x20<li\x20class=\x22step\x22>Purchase</li>\x0a\x20\x20<li\x20class=\x22step\x22>Receive\x20Product</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20radio\x20tabs-lift\x20with\x20icons\x20+\x20tab\x20content\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<label\x20class=\x22tab\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_4\x22\x20/>\x0a\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x221.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-4\x20me-2\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M5.25\x205.653c0-.856.917-1.398\x201.667-.986l11.54\x206.347a1.125\x201.125\x200\x200\x201\x200\x201.972l-11.54\x206.347a1.125\x201.125\x200\x200\x201-1.667-.986V5.653Z\x22\x20/></svg>\x0a\x20\x20\x20\x20Live\x0a\x20\x20</label>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<label\x20class=\x22tab\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_4\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x221.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-4\x20me-2\x22><path\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20d=\x22M15.182\x2015.182a4.5\x204.5\x200\x200\x201-6.364\x200M21\x2012a9\x209\x200\x201\x201-18\x200\x209\x209\x200\x200\x201\x2018\x200ZM9.75\x209.75c0\x20.414-.168.75-.375.75S9\x2010.164\x209\x209.75\x209.168\x209\x209.375\x209s.375.336.375.75Zm-.375\x200h.008v.015h-.008V9.75Zm5.625\x200c0\x20.414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375\x200h.008v.015h-.008V9.75Z\x22\x20/></svg>\x0a\x20\x20\x20\x20Laugh\x0a\x20\x20</label>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<label\x20class=\x22tab\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_4\x22\x20/>\x0a\x20\x20\x20\x20<svg\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20fill=\x22none\x22\x20viewBox=\x220\x200\x2024\x2024\x22\x20stroke-width=\x221.5\x22\x20stroke=\x22currentColor\x22\x20class=\x22size-4\x20me-2\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\x20\x20\x20Love\x0a\x20\x20</label>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x203</div>\x0a</div>\x0a\x0a```\x0a','#\x20Toggle\x20Example\x0a##\x20Toggle\x20with\x20custom\x20colors\x0a\x0a```html\x0a<input\x0a\x20\x20type=\x22checkbox\x22\x0a\x20\x20checked=\x22checked\x22\x0a\x20\x20class=\x22toggle\x20border-indigo-600\x20bg-indigo-500\x20checked:border-orange-500\x20checked:bg-orange-400\x20checked:text-orange-800\x22\x0a/>\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Accent\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-accent\x22>\x0a\x20\x20<option\x20selected\x20disabled>Color\x20scheme</option>\x0a\x20\x20<option>Light\x20mode</option>\x0a\x20\x20<option>Dark\x20mode</option>\x0a\x20\x20<option>System</option>\x0a</select>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/rating.png\x0adocs:\x20https://daisyui.com/components/rating/\x0a---\x0a\x0a#\x20rating\x0aRating\x20is\x20a\x20set\x20of\x20radio\x20buttons\x20that\x20allow\x20the\x20user\x20to\x20rate\x20something\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`rating`\x0a-\x20modifier:\x20`rating-half`,\x20`rating-hidden`\x0a-\x20size:\x20`rating-xs`,\x20`rating-sm`,\x20`rating-md`,\x20`rating-lg`,\x20`rating-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22rating\x20{MODIFIER}\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-1\x22\x20class=\x22mask\x20mask-star\x22\x20/>\x0a</div>\x0a```\x0a','1831212lGKmUo','#\x20Rating\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<!--\x20xs\x20-->\x0a<div\x20class=\x22rating\x20rating-xs\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-5\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-5\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-5\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-5\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-5\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a<!--\x20sm\x20-->\x0a<div\x20class=\x22rating\x20rating-sm\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-6\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-6\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-6\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-6\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-6\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a<!--\x20md\x20-->\x0a<div\x20class=\x22rating\x20rating-md\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-7\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-7\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-7\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-7\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-7\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a<!--\x20lg\x20-->\x0a<div\x20class=\x22rating\x20rating-lg\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-8\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-8\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-8\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-8\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-8\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a<!--\x20xl\x20-->\x0a<div\x20class=\x22rating\x20rating-xl\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-9\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-9\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-9\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-9\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-9\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Timeline\x20without\x20icons\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Radial\x20Progress\x20Example\x0a##\x20Radial\x20progress\x0a\x0a```html\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:70;\x22\x20aria-valuenow=\x2270\x22\x20role=\x22progressbar\x22>70%</div>\x0a\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20toggle\x20with\x20custom\x20colors\x0a\x0a```html\x0a<input\x0a\x20\x20type=\x22checkbox\x22\x0a\x20\x20value=\x22synthwave\x22\x0a\x20\x20class=\x22toggle\x20theme-controller\x20col-span-2\x20col-start-1\x20row-start-1\x20border-sky-400\x20bg-amber-300\x20[--tglbg:var(--color-sky-500)]\x20checked:border-blue-800\x20checked:bg-blue-300\x20checked:[--tglbg:var(--color-blue-900)]\x22\x20/>\x0a\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20checkbox\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20value=\x22synthwave\x22\x20class=\x22checkbox\x20theme-controller\x22\x20/>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/toast/\x0a---\x0a\x0a#\x20toast\x0aToast\x20is\x20a\x20wrapper\x20to\x20stack\x20elements,\x20positioned\x20on\x20the\x20corner\x20of\x20page\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`toast`\x0a-\x20Placement:\x20`toast-start`,\x20`toast-center`,\x20`toast-end`,\x20`toast-top`,\x20`toast-middle`,\x20`toast-bottom`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22toast\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/select.png\x0adocs:\x20https://daisyui.com/components/select/\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#\x20select\x0aSelect\x20is\x20used\x20to\x20pick\x20a\x20value\x20from\x20a\x20list\x20of\x20options\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`select`\x0a-\x20style:\x20`select-ghost`\x0a-\x20color:\x20`select-neutral`,\x20`select-primary`,\x20`select-secondary`,\x20`select-accent`,\x20`select-info`,\x20`select-success`,\x20`select-warning`,\x20`select-error`\x0a-\x20size:\x20`select-xs`,\x20`select-sm`,\x20`select-md`,\x20`select-lg`,\x20`select-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<select\x20class=\x22select\x20{MODIFIER}\x22>\x0a\x20\x20<option>Option</option>\x0a</select>\x0a```\x0a','#\x20Text\x20Rotate\x0a##\x20Rotating\x20words\x20in\x20a\x20sentence\x20different\x20colors\x20for\x20each\x20word\x0a\x0a```html\x0a<span>\x0a\x20\x20Providing\x20AI\x20Agents\x20for\x20\x0a\x20\x20<span\x20class=\x22text-rotate\x22>\x0a\x20\x20\x20\x20<span>\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22bg-teal-400\x20text-teal-800\x20px-2\x22>Designers</span>\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22bg-red-400\x20text-red-800\x20px-2\x22>Developers</span>\x0a\x20\x20\x20\x20\x20\x20<span\x20class=\x22bg-blue-400\x20text-blue-800\x20px-2\x22>Managers</span>\x0a\x20\x20\x20\x20</span>\x0a\x20\x20</span>\x0a</span>\x0a```\x0a','85645vpDfeK','#\x20Select\x20Example\x0a##\x20Primary\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-primary\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20text\x20editor</option>\x0a\x20\x20<option>VScode</option>\x0a\x20\x20<option>VScode\x20fork</option>\x0a\x20\x20<option>Another\x20VScode\x20fork</option>\x0a</select>\x0a\x0a```\x0a','#\x20Text\x20Rotate\x0a##\x20Text\x20Rotate\x20with\x20big\x20font\x20size,\x20horizontally\x20centered\x0a\x0aRotates\x20through\x203\x20words,\x20in\x2010\x20seconds\x0a\x0a```html\x0a<span\x20class=\x22text-rotate\x20max-md:text-3xl\x20text-7xl\x20font-title\x22>\x0a\x20\x20<span\x20class=\x22justify-items-center\x22>\x0a\x20\x20\x20\x20<span>DESIGN</span>\x0a\x20\x20\x20\x20<span>DEVELOP</span>\x0a\x20\x20\x20\x20<span>DEPLOY</span>\x0a\x20\x20\x20\x20<span>SCALE</span>\x0a\x20\x20\x20\x20<span>MAINTAIN</span>\x0a\x20\x20\x20\x20<span>REPEAT</span>\x0a\x20\x20</span>\x0a</span>\x0a```\x0a','#\x20Stack\x20Example\x0a##\x203\x20divs\x20in\x20a\x20stack\x0a\x0a```html\x0a<div\x20class=\x22stack\x20h-20\x20w-32\x22>\x0a\x20\x20<div\x20class=\x22bg-primary\x20text-primary-content\x20grid\x20place-content-center\x20rounded-box\x22>1</div>\x0a\x20\x20<div\x20class=\x22bg-accent\x20text-accent-content\x20grid\x20place-content-center\x20rounded-box\x22>2</div>\x0a\x20\x20<div\x20class=\x22bg-secondary\x20text-secondary-content\x20grid\x20place-content-center\x20rounded-box\x22>\x0a\x20\x20\x20\x203\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/radio.png\x0adocs:\x20https://daisyui.com/components/radio/\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#\x20radio\x0aRadio\x20buttons\x20allow\x20the\x20user\x20to\x20select\x20one\x20option\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`radio`\x0a-\x20color:\x20`radio-neutral`,\x20`radio-primary`,\x20`radio-secondary`,\x20`radio-accent`,\x20`radio-success`,\x20`radio-warning`,\x20`radio-info`,\x20`radio-error`\x0a-\x20size:\x20`radio-xs`,\x20`radio-sm`,\x20`radio-md`,\x20`radio-lg`,\x20`radio-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22{name}\x22\x20class=\x22radio\x20{MODIFIER}\x22\x20/>\x0a```\x0a','#\x20Toast\x20Example\x0a##\x20toast-center\x20toast-middle\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-center\x20toast-middle\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Table\x20Example\x0a##\x20Table\x20with\x20an\x20active\x20row\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x22>\x0a\x20\x20\x20\x20<!--\x20head\x20-->\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x201\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr\x20class=\x22bg-base-200\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x202\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x203\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','#\x20Radio\x20Example\x0a##\x20Primary\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-4\x22\x20class=\x22radio\x20radio-primary\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-4\x22\x20class=\x22radio\x20radio-primary\x22\x20/>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Warning\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-warning\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20an\x20OS</option>\x0a\x20\x20<option>Windows</option>\x0a\x20\x20<option>MacOS</option>\x0a\x20\x20<option>Linux</option>\x0a</select>\x0a\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20toggle\x20with\x20text\x0a\x0a```html\x0a<label\x20class=\x22flex\x20cursor-pointer\x20gap-2\x22>\x0a\x20\x20<span\x20class=\x22label-text\x22>Current</span>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20value=\x22synthwave\x22\x20class=\x22toggle\x20theme-controller\x22\x20/>\x0a\x20\x20<span\x20class=\x22label-text\x22>Synthwave</span>\x0a</label>\x0a\x0a```\x0a','#\x20Skeleton\x20Example\x0a##\x20Skeleton\x20-\x20rectangle\x20with\x20content\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-52\x20flex-col\x20gap-4\x22>\x0a\x20\x20<div\x20class=\x22skeleton\x20h-32\x20w-full\x22></div>\x0a\x20\x20<div\x20class=\x22skeleton\x20h-4\x20w-28\x22></div>\x0a\x20\x20<div\x20class=\x22skeleton\x20h-4\x20w-full\x22></div>\x0a\x20\x20<div\x20class=\x22skeleton\x20h-4\x20w-full\x22></div>\x0a</div>\x0a```\x0a','#\x20Range\x20Example\x0a##\x20Success\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-success\x22\x20/>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20radio\x20tabs-lift\x20+\x20tab\x20content\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_3\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_3\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_3\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x203</div>\x0a</div>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Vertical\x20timeline\x20with\x20colorful\x20lines\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22text-primary\x20h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22text-primary\x20h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22text-primary\x20h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','248695IIqSxD','#\x20Validator\x20Example\x0a##\x20Password\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22password\x22\x20class=\x22input\x20validator\x22\x20required\x20placeholder=\x22Password\x22\x20minlength=\x228\x22\x20pattern=\x22(?=.*\x5cd)(?=.*[a-z])(?=.*[A-Z]).&#123;8,}\x22\x20title=\x22Must\x20be\x20more\x20than\x208\x20characters,\x20including\x20number,\x20lowercase\x20letter,\x20uppercase\x20letter\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>\x0a\x20\x20\x20\x20Must\x20be\x20more\x20than\x208\x20characters,\x20including\x0a\x20\x20\x20\x20<br/>At\x20least\x20one\x20number\x0a\x20\x20\x20\x20<br/>At\x20least\x20one\x20lowercase\x20letter\x0a\x20\x20\x20\x20<br/>At\x20least\x20one\x20uppercase\x20letter\x0a\x20\x20</p>\x0a</form>\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Vertical\x20timeline\x20with\x20right\x20side\x20only\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Select\x0a\x0a```html\x0a<select\x20class=\x22select\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20color</option>\x0a\x20\x20<option>Crimson</option>\x0a\x20\x20<option>Amber</option>\x0a\x20\x20<option>Velvet</option>\x0a</select>\x0a\x0a```\x0a','#\x20Steps\x20Example\x0a##\x20Horizontal\x0a\x0a```html\x0a<ul\x20class=\x22steps\x22>\x0a\x20\x20<li\x20class=\x22step\x20step-primary\x22>Register</li>\x0a\x20\x20<li\x20class=\x22step\x20step-primary\x22>Choose\x20plan</li>\x0a\x20\x20<li\x20class=\x22step\x22>Purchase</li>\x0a\x20\x20<li\x20class=\x22step\x22>Receive\x20Product</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Toast\x20Example\x0a##\x20toast-end\x20toast-middle\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-end\x20toast-middle\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Validator\x20Example\x0a##\x20Number\x20input\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22number\x22\x20class=\x22input\x20validator\x22\x20required\x20placeholder=\x22Type\x20a\x20number\x20between\x201\x20to\x2010\x22\x20\x0a\x20\x20min=\x221\x22\x20max=\x2210\x22\x20title=\x22Must\x20be\x20between\x20be\x201\x20to\x2010\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Must\x20be\x20between\x20be\x201\x20to\x2010</p>\x0a</form>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/timeline.png\x0adocs:\x20https://daisyui.com/components/timeline/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20timeline\x0aTimeline\x20component\x20shows\x20a\x20list\x20of\x20events\x20in\x20chronological\x20order\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`timeline`\x0a-\x20Part:\x20`timeline-start`,\x20`timeline-middle`,\x20`timeline-end`\x0a-\x20Modifier:\x20`timeline-snap-icon`,\x20`timeline-box`,\x20`timeline-compact`\x0a-\x20Direction:\x20`timeline-vertical`,\x20`timeline-horizontal`\x0a\x0a##\x20Syntax\x0a```html\x0a<ul\x20class=\x22timeline\x20{MODIFIER}\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>{start}</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>{icon}</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x22>{end}</div>\x0a\x20\x20</li>\x0a</ul>\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Info\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-info\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20Framework</option>\x0a\x20\x20<option>React</option>\x0a\x20\x20<option>Vue</option>\x0a\x20\x20<option>Angular</option>\x0a</select>\x0a\x0a```\x0a','#\x20Textarea\x20Example\x0a##\x20With\x20form\x20control\x20and\x20labels\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Your\x20bio</legend>\x0a\x20\x20<textarea\x20class=\x22textarea\x20h-24\x22\x20placeholder=\x22Bio\x22></textarea>\x0a\x20\x20<div\x20class=\x22label\x22>Optional</div>\x0a</fieldset>\x0a\x0a```\x0a','#\x20Toast\x20Example\x0a##\x20toast-end\x20(default)\x20toast-bottom\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-end\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Table\x20Example\x0a##\x20Table\x20with\x20border\x20and\x20background\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x20rounded-box\x20border\x20border-base-content/5\x20bg-base-100\x22>\x0a\x20\x20<table\x20class=\x22table\x22>\x0a\x20\x20\x20\x20<!--\x20head\x20-->\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x201\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x202\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x203\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Neutral\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-neutral\x22>\x0a\x20\x20<option\x20disabled\x20selected>Server\x20location</option>\x0a\x20\x20<option>North\x20America</option>\x0a\x20\x20<option>EU\x20west</option>\x0a\x20\x20<option>South\x20East\x20Asia</option>\x0a</select>\x0a\x0a```\x0a','#\x20Skeleton\x20Example\x0a##\x20Skeleton\x20-\x20circle\x20with\x20content\x0a\x0a```html\x0a<div\x20class=\x22flex\x20w-52\x20flex-col\x20gap-4\x22>\x0a\x20\x20<div\x20class=\x22flex\x20items-center\x20gap-4\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22skeleton\x20h-16\x20w-16\x20shrink-0\x20rounded-full\x22></div>\x0a\x20\x20\x20\x20<div\x20class=\x22flex\x20flex-col\x20gap-4\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22skeleton\x20h-4\x20w-20\x22></div>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22skeleton\x20h-4\x20w-28\x22></div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22skeleton\x20h-32\x20w-full\x22></div>\x0a</div>\x0a\x0a```\x0a','#\x20Progress\x20Example\x0a##\x20Success\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-success\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-success\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-success\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-success\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-success\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/steps.png\x0adocs:\x20https://daisyui.com/components/steps/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20min-height:\x2068px\x0a---\x0a\x0a#\x20steps\x0aSteps\x20can\x20be\x20used\x20to\x20show\x20a\x20list\x20of\x20steps\x20in\x20a\x20process\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`steps`\x0a-\x20Part:\x20`step`,\x20`step-icon`\x0a-\x20Color:\x20`step-neutral`,\x20`step-primary`,\x20`step-secondary`,\x20`step-accent`,\x20`step-info`,\x20`step-success`,\x20`step-warning`,\x20`step-error`\x0a-\x20Direction:\x20`steps-vertical`,\x20`steps-horizontal`\x0a\x0a##\x20Syntax\x0a```html\x0a<ul\x20class=\x22steps\x20{MODIFIER}\x22>\x0a\x20\x20<li\x20class=\x22step\x22>{step\x20content}</li>\x0a</ul>\x0a```\x0a','#\x20Radio\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-11\x22\x20class=\x22radio\x22\x20disabled\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-11\x22\x20class=\x22radio\x22\x20disabled\x20/>\x0a\x0a```\x0a','#\x20Stat\x20Example\x0a##\x20Stat\x20with\x20icons\x20or\x20image\x0a\x0a```html\x0a<div\x20class=\x22stats\x20shadow\x22>\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-figure\x20text-primary\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20h-8\x20w-8\x20stroke-current\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M4.318\x206.318a4.5\x204.5\x200\x20000\x206.364L12\x2020.364l7.682-7.682a4.5\x204.5\x200\x2000-6.364-6.364L12\x207.636l-1.318-1.318a4.5\x204.5\x200\x2000-6.364\x200z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Total\x20Likes</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x20text-primary\x22>25.6K</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>21%\x20more\x20than\x20last\x20month</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-figure\x20text-secondary\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20h-8\x20w-8\x20stroke-current\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2010V3L4\x2014h7v7l9-11h-7z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Page\x20Views</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x20text-secondary\x22>2.6M</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>21%\x20more\x20than\x20last\x20month</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-figure\x20text-secondary\x22>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22avatar\x20avatar-online\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22w-16\x20rounded-full\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x20src=\x22https://img.daisyui.com/images/profile/demo/anakeen@192.webp\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>86%</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Tasks\x20done</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x20text-secondary\x22>31\x20tasks\x20remaining</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Rating\x20Example\x0a##\x20Rating\x0a\x0a```html\x0a<div\x20class=\x22rating\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-1\x22\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-1\x22\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-1\x22\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-1\x22\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-1\x22\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a\x0a```\x0a','#\x20Textarea\x20Example\x0a##\x20Textarea\x0a\x0a```html\x0a<textarea\x20class=\x22textarea\x22\x20placeholder=\x22Bio\x22></textarea>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-xs\x22>\x0a\x20\x20<option\x20disabled\x20selected>Xsmall</option>\x0a\x20\x20<option>Xsmall\x20Apple</option>\x0a\x20\x20<option>Xsmall\x20Orange</option>\x0a\x20\x20<option>Xsmall\x20Tomato</option>\x0a</select>\x0a<select\x20class=\x22select\x20select-sm\x22>\x0a\x20\x20<option\x20disabled\x20selected>Small</option>\x0a\x20\x20<option>Small\x20Apple</option>\x0a\x20\x20<option>Small\x20Orange</option>\x0a\x20\x20<option>Small\x20Tomato</option>\x0a</select>\x0a<select\x20class=\x22select\x20select-md\x22>\x0a\x20\x20<option\x20disabled\x20selected>Medium</option>\x0a\x20\x20<option>Medium\x20Apple</option>\x0a\x20\x20<option>Medium\x20Orange</option>\x0a\x20\x20<option>Medium\x20Tomato</option>\x0a</select>\x0a<select\x20class=\x22select\x20select-lg\x22>\x0a\x20\x20<option\x20disabled\x20selected>Large</option>\x0a\x20\x20<option>Large\x20Apple</option>\x0a\x20\x20<option>Large\x20Orange</option>\x0a\x20\x20<option>Large\x20Tomato</option>\x0a</select>\x0a<select\x20class=\x22select\x20select-xl\x22>\x0a\x20\x20<option\x20disabled\x20selected>Xlarge</option>\x0a\x20\x20<option>Xlarge\x20Apple</option>\x0a\x20\x20<option>Xlarge\x20Orange</option>\x0a\x20\x20<option>Xlarge\x20Tomato</option>\x0a</select>\x0a\x0a```\x0a','3594WDqQmY','470720CsBiEO','#\x20Range\x20Example\x0a##\x20Accent\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-accent\x22\x20/>\x0a\x0a```\x0a','toString','#\x20Timeline\x20Example\x0a##\x20Timeline\x20with\x20bottom\x20side\x20only\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Toggle\x20Example\x0a##\x20Toggle\x20(switch)\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x22\x20/>\x0a\x0a```\x0a','4gkGnwR','#\x20Table\x20Example\x0a##\x20Table\x20with\x20a\x20row\x20that\x20highlights\x20on\x20hover\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x22>\x0a\x20\x20\x20\x20<!--\x20head\x20-->\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x201\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x202\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr\x20class=\x22hover:bg-base-300\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x203\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Responsive:\x20vertical\x20by\x20default,\x20horizontal\x20on\x20large\x20screen\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x20lg:timeline-horizontal\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>1984</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>1998</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2001</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2007</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2015</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Secondary\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-secondary\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20language</option>\x0a\x20\x20<option>Zig</option>\x0a\x20\x20<option>Go</option>\x0a\x20\x20<option>Rust</option>\x0a</select>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20tabs-lift\x0a\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x201</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Tab\x202</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x203</a>\x0a</div>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/theme-controller/\x0a---\x0a\x0a#\x20theme-controller\x0aIf\x20a\x20checked\x20checkbox\x20input\x20or\x20a\x20checked\x20radio\x20input\x20with\x20theme-controller\x20class\x20exists\x20in\x20the\x20page,\x20The\x20page\x20will\x20have\x20the\x20same\x20theme\x20as\x20that\x20input\x27s\x20value\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`theme-controller`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20value=\x22{theme-name}\x22\x20class=\x22theme-controller\x22\x20/>\x0a```\x0a','#\x20Swap\x20Example\x0a##\x20Swap\x20icons\x20with\x20rotate\x20effect\x0a\x0a```html\x0a<label\x20class=\x22swap\x20swap-rotate\x22>\x0a\x20\x20<!--\x20this\x20hidden\x20checkbox\x20controls\x20the\x20state\x20-->\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x0a\x20\x20<!--\x20sun\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-on\x20h-10\x20w-10\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\x22\x20/>\x0a\x20\x20</svg>\x0a\x0a\x20\x20<!--\x20moon\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-off\x20h-10\x20w-10\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z\x22\x20/>\x0a\x20\x20</svg>\x0a</label>\x0a\x0a```\x0a','#\x20Swap\x20Example\x0a##\x20Swap\x20volume\x20icons\x0a\x0a```html\x0a<label\x20class=\x22swap\x22>\x0a\x20\x20<!--\x20this\x20hidden\x20checkbox\x20controls\x20the\x20state\x20-->\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x0a\x20\x20<!--\x20volume\x20on\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-on\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20width=\x2248\x22\x0a\x20\x20\x20\x20height=\x2248\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M14,3.23V5.29C16.89,6.15\x2019,8.83\x2019,12C19,15.17\x2016.89,17.84\x2014,18.7V20.77C18,19.86\x2021,16.28\x2021,12C21,7.72\x2018,4.14\x2014,3.23M16.5,12C16.5,10.23\x2015.5,8.71\x2014,7.97V16C15.5,15.29\x2016.5,13.76\x2016.5,12M3,9V15H7L12,20V4L7,9H3Z\x22\x20/>\x0a\x20\x20</svg>\x0a\x0a\x20\x20<!--\x20volume\x20off\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-off\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20width=\x2248\x22\x0a\x20\x20\x20\x20height=\x2248\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20d=\x22M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z\x22\x20/>\x0a\x20\x20</svg>\x0a</label>\x0a\x0a```\x0a','(((.+)+)+)+$','#\x20Toggle\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-xs\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-sm\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-md\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-lg\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-xl\x22\x20/>\x0a\x0a```\x0a','#\x20Status\x20Example\x0a##\x20Status\x0a\x0a```html\x0a<span\x20class=\x22status\x22></span>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Vertical\x20timeline\x20with\x20left\x20side\x20only\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','constructor','---\x0adocs:\x20https://daisyui.com/components/validator/\x0a---\x0a\x0a#\x20validator\x0aValidator\x20class\x20changes\x20the\x20color\x20of\x20form\x20elements\x20to\x20error\x20or\x20success\x20based\x20on\x20input\x27s\x20validation\x20rules.\x20Validator\x20uses\x20HTML\x20form\x20validation\x20API.\x20For\x20front-end\x20validation,\x20no\x20JavaScript\x20is\x20required,\x20but\x20it\x20is\x20possible\x20to\x20use\x20JavaScript\x20to\x20trigger\x20validation\x20manually.\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`validator`\x0a-\x20part:\x20`validator-hint`\x0a\x0a##\x20Syntax\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22{type}\x22\x20class=\x22input\x20validator\x22\x20required\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Error\x20message</p>\x0a</form>\x0a```\x0a','#\x20Validator\x20Example\x0a##\x20Select\x20requirement\x20validator\x0a\x0aClick\x20the\x20button\x20before\x20picking\x20an\x20option\x20to\x20see\x20the\x20error\x20color.\x0a\x0a```html\x0a<form>\x0a\x20\x20<select\x20class=\x22select\x20validator\x22\x20required>\x0a\x20\x20\x20\x20<option\x20disabled\x20selected\x20value=\x22\x22>Choose:</option>\x0a\x20\x20\x20\x20<option>Tabs</option>\x0a\x20\x20\x20\x20<option>Spaces</option>\x0a\x20\x20</select>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Required</p>\x0a\x20\x20<button\x20class=\x22btn\x22\x20type=\x22submit\x22>Submit\x20form</button>\x0a</form>\x0a```\x0a','#\x20Steps\x20Example\x0a##\x20With\x20custom\x20content\x20in\x20step-icon\x0a\x0a```html\x0a<ul\x20class=\x22steps\x22>\x0a\x20\x20<li\x20class=\x22step\x20step-neutral\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22step-icon\x22>😕</span>Step\x201\x0a\x20\x20</li>\x0a\x20\x20<li\x20class=\x22step\x20step-neutral\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22step-icon\x22>😃</span>Step\x202\x0a\x20\x20</li>\x0a\x20\x20<li\x20class=\x22step\x22>\x0a\x20\x20\x20\x20<span\x20class=\x22step-icon\x22>😍</span>Step\x203\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Timeline\x20with\x20text\x20on\x20both\x20sides\x20and\x20icon\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>1984</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>1998</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2001</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2007</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x22>2015</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Toast\x20Example\x0a##\x20toast-top\x20toast-end\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-top\x20toast-end\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Textarea\x20Example\x0a##\x20Ghost\x20(no\x20background)\x0a\x0a```html\x0a<textarea\x20class=\x22textarea\x20textarea-ghost\x22\x20placeholder=\x22Bio\x22></textarea>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Vertical\x20timeline\x20with\x20different\x20sides\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Responsive\x20Collapsible\x20Drawer\x20Sidebar\x0a\x0aOn\x20small\x20screen,\x20sidebar\x20is\x20off\x20canvas\x20and\x20can\x20be\x20opened\x20when\x20needed.\x20On\x20large\x20screen,\x20sidebar\x20is\x20collapsible,\x20can\x20switch\x20between\x20icon-only\x20mode\x20and\x20wide\x20mode.\x0aAlso\x20there\x27s\x20a\x20navbar\x20with\x20a\x20button\x20to\x20open\x20the\x20sidebar\x20on\x20small\x20screen.\x0a\x0aRules:\x0a-\x20labels\x20for\x20toggling\x20the\x20drawer\x20must\x20have\x20`for`\x20attribute\x20pointing\x20to\x20the\x20checkbox\x20input.\x20Clicking\x20the\x20label\x20will\x20toggle\x20the\x20checkbox\x20state\x20which\x20controls\x20the\x20drawer\x20visibility.\x0a-\x20In\x20below\x20example,\x20ID\x20is\x20set\x20to\x20`my-drawer-1`.\x20You\x20can\x20rename\x20all\x20occurrences\x20of\x20`my-drawer-1`\x20in\x20the\x20code\x20below\x20to\x20a\x20new\x20ID\x20if\x20needed\x20(same\x20ID\x20must\x20be\x20used\x20for\x20`for`\x20attribute\x20and\x20`id`\x20attribute).\x0a-\x20`is-drawer-close:`\x20and\x20`is-drawer-open:`\x20variants\x20are\x20used\x20to\x20apply\x20different\x20styles\x20when\x20the\x20drawer\x20is\x20closed\x20or\x20open.\x20For\x20example\x20`is-drawer-close:overflow-visible`\x20means\x20when\x20drawer\x20is\x20closed\x20(checkbox\x20is\x20unchecked),\x20`overflow-visible`\x20class\x20will\x20be\x20applied.\x20`is-drawer-open:w-64`\x20means\x20when\x20drawer\x20is\x20open\x20(checkbox\x20is\x20checked),\x20`w-64`\x20class\x20will\x20be\x20applied.\x0a-\x20This\x20is\x20a\x20CSS-only\x20Responsive\x20Collapsible\x20Drawer\x20Sidebar.\x20No\x20JavaScript\x20is\x20needed\x20to\x20opne\x20or\x20close\x20the\x20sidebar.\x20Checkbox\x20is\x20used\x20to\x20track\x20the\x20drawer\x20state.\x20So\x20if\x20you\x20want\x20to\x20open/close\x20the\x20drawer\x20sidebar,\x20we\x20can\x20click\x20on\x20the\x20labels\x20associated\x20with\x20the\x20checkbox.\x0a\x0a\x0a```html\x0a<div\x20class=\x22drawer\x20lg:drawer-open\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<!--\x20Navbar\x20-->\x0a\x20\x20\x20\x20<nav\x20class=\x22navbar\x20w-full\x20bg-base-300\x22>\x0a\x20\x20\x20\x20\x20\x20<label\x20for=\x22my-drawer-1\x22\x20aria-label=\x22open\x20sidebar\x22\x20class=\x22btn\x20btn-square\x20btn-ghost\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<!--\x20Sidebar\x20toggle\x20icon\x20-->\x0a\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=\x22my-1.5\x20inline-block\x20size-4\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</label>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22px-4\x22>Navbar\x20Title</div>\x0a\x20\x20\x20\x20</nav>\x0a\x20\x20\x20\x20<!--\x20Page\x20content\x20here\x20-->\x0a\x20\x20\x20\x20<div\x20class=\x22p-4\x22>Page\x20Content</div>\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-1\x22\x20aria-label=\x22close\x20sidebar\x22\x20class=\x22drawer-overlay\x22></label>\x0a\x20\x20\x20\x20<div\x20class=\x22flex\x20min-h-full\x20flex-col\x20items-start\x20bg-base-200\x20is-drawer-close:w-14\x20is-drawer-open:w-64\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<!--\x20Home\x20icon\x20-->\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=\x22my-1.5\x20inline-block\x20size-4\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<!--\x20Settings\x20icon\x20-->\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=\x22my-1.5\x20inline-block\x20size-4\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\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Stat\x20Example\x0a##\x20With\x20custom\x20colors\x20and\x20button\x0a\x0a```html\x0a<div\x20class=\x22stats\x20bg-base-100\x20border-base-300\x20border\x22>\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Account\x20balance</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>$89,400</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-xs\x20btn-success\x22>Add\x20funds</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Current\x20balance</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>$89,400</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-actions\x22>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-xs\x22>Withdrawal</button>\x0a\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-xs\x22>Deposit</button>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','#\x20Radial\x20Progress\x20Example\x0a##\x20Custom\x20color\x0a\x0a```html\x0a<div\x20class=\x22radial-progress\x20text-primary\x22\x20style=\x22--value:70;\x22\x20aria-valuenow=\x2270\x22\x20role=\x22progressbar\x22>70%</div>\x0a\x0a```\x0a','#\x20Toast\x20Example\x0a##\x20toast-top\x20toast-center\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-top\x20toast-center\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20Sizes\x0a\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x20tabs-xs\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Xsmall</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Xsmall</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Xsmall</a>\x0a</div>\x0a\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x20tabs-sm\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Small</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Small</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Small</a>\x0a</div>\x0a\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Medium</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Medium</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Medium</a>\x0a</div>\x0a\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x20tabs-lg\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Large</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Large</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Large</a>\x0a</div>\x0a\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x20tabs-xl\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Xlarge</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Xlarge</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Xlarge</a>\x0a</div>\x0a\x0a```\x0a','---\x0adocs:\x20https://daisyui.com/components/table/\x0adimensions:\x0a\x20\x20width:\x20100%\x0a\x20\x20height:\x20auto\x0a---\x0a\x0a#\x20table\x0aTable\x20can\x20be\x20used\x20to\x20show\x20a\x20list\x20of\x20data\x20in\x20a\x20table\x20format\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`table`\x0a-\x20Modifier:\x20`table-zebra`,\x20`table-pin-rows`,\x20`table-pin-cols`\x0a-\x20Size:\x20`table-xs`,\x20`table-sm`,\x20`table-md`,\x20`table-lg`,\x20`table-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x20{MODIFIER}\x22>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/tab.png\x0adocs:\x20https://daisyui.com/components/tab/\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#\x20tab\x0aTabs\x20can\x20be\x20used\x20to\x20show\x20a\x20list\x20of\x20links\x20in\x20a\x20tabbed\x20format\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`tabs`\x0a-\x20Part:\x20`tab`,\x20`tab-content`\x0a-\x20Style:\x20`tabs-box`,\x20`tabs-border`,\x20`tabs-lift`\x0a-\x20Modifier:\x20`tab-active`,\x20`tab-disabled`\x0a-\x20Placement:\x20`tabs-top`,\x20`tabs-bottom`\x0a\x0a##\x20Syntax\x0aUsing\x20buttons:\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20{MODIFIER}\x22>\x0a\x20\x20<button\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab</button>\x0a</div>\x0a```\x0a\x0aUsing\x20radio\x20inputs:\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-box\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x22\x20/>\x0a</div>\x0a```\x0a\x0aUsing\x20radio\x20inputs\x20as\x20tabs\x20+\x20tab\x20content\x0a\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-border\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_2\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20border-base-300\x20bg-base-100\x20p-10\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_2\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20border-base-300\x20bg-base-100\x20p-10\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_2\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20border-base-300\x20bg-base-100\x20p-10\x22>Tab\x20content\x203</div>\x0a</div>\x0a```\x0a\x0aUsing\x20radio\x20inputs\x20as\x20tabs\x20+\x20tabs-lift\x20+\x20tab\x20content\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_3\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x201\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_3\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x202\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_3\x22\x20class=\x22tab\x22\x20aria-label=\x22Tab\x203\x22\x20/>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x203</div>\x0a</div>\x0a```\x0a\x0aUsing\x20radio\x20inputs\x20as\x20tabs\x20+\x20tabs-lift\x20+\x20custom\x20elements\x20in\x20tab\x20(emoji,\x20icon,\x20etc)\x20+\x20tab\x20content\x0a```html\x0a<!--\x20name\x20of\x20each\x20tab\x20group\x20should\x20be\x20unique\x20-->\x0a<div\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<label\x20class=\x22tab\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_4\x22\x20/>\x0a\x20\x20\x20\x20😌\x0a\x20\x20\x20\x20Live\x0a\x20\x20</label>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x201</div>\x0a\x0a\x20\x20<label\x20class=\x22tab\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_4\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20\x20\x20🤭\x0a\x20\x20\x20\x20Laugh\x0a\x20\x20</label>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x202</div>\x0a\x0a\x20\x20<label\x20class=\x22tab\x22>\x0a\x20\x20\x20\x20<input\x20type=\x22radio\x22\x20name=\x22my_tabs_4\x22\x20/>\x0a\x20\x20\x20\x20😍\x0a\x20\x20\x20\x20Love\x0a\x20\x20</label>\x0a\x20\x20<div\x20class=\x22tab-content\x20bg-base-100\x20border-base-300\x20p-6\x22>Tab\x20content\x203</div>\x0a</div>\x0a```\x0a','#\x20Tab\x20Example\x0a##\x20tabs\x0a\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x201</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Tab\x202</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x203</a>\x0a</div>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/stack.png\x0adocs:\x20https://daisyui.com/components/stack/\x0a---\x0a\x0a#\x20stack\x0aStack\x20visually\x20puts\x20elements\x20on\x20top\x20of\x20each\x20other\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`stack`\x0a-\x20Modifier:\x20`stack-top`,\x20`stack-bottom`,\x20`stack-start`,\x20`stack-end`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22stack\x20{MODIFIER}\x22>{CONTENT}</div>\x0a```\x0a','#\x20Radial\x20Progress\x20Example\x0a##\x20Custom\x20size\x20and\x20custom\x20thickness\x0a\x0a```html\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:70;\x20--size:12rem;\x20--thickness:\x202px;\x22\x20aria-valuenow=\x2270\x22\x20role=\x22progressbar\x22>70%</div>\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:70;\x20--size:12rem;\x20--thickness:\x202rem;\x22\x20aria-valuenow=\x2270\x22\x20role=\x22progressbar\x22>70%</div>\x0a```\x0a','#\x20Toggle\x20Example\x0a##\x20Indeterminate\x0a\x0a```html\x0a<!--\x20You\x20can\x20make\x20a\x20checkbox\x20indeterminate\x20using\x20JS\x20-->\x0a<script>\x0a\x20\x20document.getElementById(\x22my-toggle\x22).indeterminate\x20=\x20true\x0a</script>\x0a<input\x20type=\x22checkbox\x22\x20class=\x22toggle\x22\x20id=\x22my-toggle\x22\x20/>\x0a\x0a```\x0a','---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/stat.png\x0adocs:\x20https://daisyui.com/components/stat/\x0adimensions:\x0a\x20\x20width:\x20auto\x0a\x20\x20height:\x20116px\x0a---\x0a\x0a#\x20stat\x0aStat\x20is\x20used\x20to\x20show\x20numbers\x20and\x20data\x20in\x20a\x20block\x0a\x0a##\x20Class\x20names\x0a-\x20Component:\x20`stats`\x0a-\x20Part:\x20`stat`,\x20`stat-title`,\x20`stat-value`,\x20`stat-desc`,\x20`stat-figure`,\x20`stat-actions`\x0a-\x20Direction:\x20`stats-horizontal`,\x20`stats-vertical`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22stats\x20{MODIFIER}\x22>\x0a\x20\x20<div\x20class=\x22stat\x22>{CONTENT}</div>\x0a</div>\x0a```\x0a','#\x20Rating\x20Example\x0a##\x20mask-star-2\x20with\x20green-500\x20color\x0a\x0a```html\x0a<div\x20class=\x22rating\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-4\x22\x20class=\x22mask\x20mask-star-2\x20bg-green-500\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-4\x22\x20class=\x22mask\x20mask-star-2\x20bg-green-500\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-4\x22\x20class=\x22mask\x20mask-star-2\x20bg-green-500\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-4\x22\x20class=\x22mask\x20mask-star-2\x20bg-green-500\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-4\x22\x20class=\x22mask\x20mask-star-2\x20bg-green-500\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a\x0a```\x0a','#\x20Radio\x20Example\x0a##\x20Info\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-9\x22\x20class=\x22radio\x20radio-info\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-9\x22\x20class=\x22radio\x20radio-info\x22\x20/>\x0a\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Ghost\x20(no\x20background)\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-ghost\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20font</option>\x0a\x20\x20<option>Inter</option>\x0a\x20\x20<option>Poppins</option>\x0a\x20\x20<option>Raleway</option>\x0a</select>\x0a\x0a```\x0a','#\x20Steps\x20Example\x0a##\x20responsive\x20(vertical\x20on\x20small\x20screen,\x20horizontal\x20on\x20large\x20screen)\x0a\x0a```html\x0a<ul\x20class=\x22steps\x20steps-vertical\x20lg:steps-horizontal\x22>\x0a\x20\x20<li\x20class=\x22step\x20step-primary\x22>Register</li>\x0a\x20\x20<li\x20class=\x22step\x20step-primary\x22>Choose\x20plan</li>\x0a\x20\x20<li\x20class=\x22step\x22>Purchase</li>\x0a\x20\x20<li\x20class=\x22step\x22>Receive\x20Product</li>\x0a</ul>\x0a\x0a```\x0a','#\x20Validator\x20Example\x0a##\x20writing\x20an\x20invalid\x20email\x20address\x20applies\x20error\x20color\x20to\x20the\x20input.\x20Valid\x20email\x20address\x20applies\x20success\x20color.\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20class=\x22input\x20validator\x22\x20type=\x22email\x22\x20required\x20placeholder=\x22mail@site.com\x22\x20/>\x0a</form>\x0a```\x0a','#\x20Table\x20Example\x0a##\x20Zebra\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x20table-zebra\x22>\x0a\x20\x20\x20\x20<!--\x20head\x20-->\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x201\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>1</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Cy\x20Ganderton</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Quality\x20Control\x20Specialist</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Blue</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x202\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>2</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Hart\x20Hagerty</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Desktop\x20Support\x20Technician</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x203\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>3</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Brice\x20Swyre</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Tax\x20Accountant</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20toggle\x20with\x20icons\x20inside\x0a\x0a```html\x0a<label\x20class=\x22toggle\x20text-base-content\x22>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20value=\x22synthwave\x22\x20class=\x22theme-controller\x22\x20/>\x0a\x0a\x20\x20<svg\x20aria-label=\x22sun\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><circle\x20cx=\x2212\x22\x20cy=\x2212\x22\x20r=\x224\x22></circle><path\x20d=\x22M12\x202v2\x22></path><path\x20d=\x22M12\x2020v2\x22></path><path\x20d=\x22m4.93\x204.93\x201.41\x201.41\x22></path><path\x20d=\x22m17.66\x2017.66\x201.41\x201.41\x22></path><path\x20d=\x22M2\x2012h2\x22></path><path\x20d=\x22M20\x2012h2\x22></path><path\x20d=\x22m6.34\x2017.66-1.41\x201.41\x22></path><path\x20d=\x22m19.07\x204.93-1.41\x201.41\x22></path></g></svg>\x0a\x0a\x20\x20<svg\x20aria-label=\x22moon\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22><g\x20stroke-linejoin=\x22round\x22\x20stroke-linecap=\x22round\x22\x20stroke-width=\x222\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22><path\x20d=\x22M12\x203a6\x206\x200\x200\x200\x209\x209\x209\x209\x200\x201\x201-9-9Z\x22></path></g></svg>\x0a\x0a</label>\x0a\x0a```\x0a','#\x20Timeline\x20Example\x0a##\x20Timeline\x20with\x20icon\x20snapped\x20to\x20the\x20start\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-snap-icon\x20max-md:timeline-compact\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20mb-10\x20md:text-end\x22>\x0a\x20\x20\x20\x20\x20\x20<time\x20class=\x22font-mono\x20italic\x22>1984</time>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-lg\x20font-black\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20\x20\x20The\x20Apple\x20Macintosh—later\x20rebranded\x20as\x20the\x20Macintosh\x20128K—is\x20the\x20original\x20Apple\x20Macintosh\x0a\x20\x20\x20\x20\x20\x20personal\x20computer.\x20It\x20played\x20a\x20pivotal\x20role\x20in\x20establishing\x20desktop\x20publishing\x20as\x20a\x20general\x0a\x20\x20\x20\x20\x20\x20office\x20function.\x20The\x20motherboard,\x20a\x209\x20in\x20(23\x20cm)\x20CRT\x20monitor,\x20and\x20a\x20floppy\x20drive\x20were\x20housed\x0a\x20\x20\x20\x20\x20\x20in\x20a\x20beige\x20case\x20with\x20integrated\x20carrying\x20handle;\x20it\x20came\x20with\x20a\x20keyboard\x20and\x20single-button\x0a\x20\x20\x20\x20\x20\x20mouse.\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20md:mb-10\x22>\x0a\x20\x20\x20\x20\x20\x20<time\x20class=\x22font-mono\x20italic\x22>1998</time>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-lg\x20font-black\x22>iMac</div>\x0a\x20\x20\x20\x20\x20\x20iMac\x20is\x20a\x20family\x20of\x20all-in-one\x20Mac\x20desktop\x20computers\x20designed\x20and\x20built\x20by\x20Apple\x20Inc.\x20It\x20has\x0a\x20\x20\x20\x20\x20\x20been\x20the\x20primary\x20part\x20of\x20Apple\x27s\x20consumer\x20desktop\x20offerings\x20since\x20its\x20debut\x20in\x20August\x201998,\x0a\x20\x20\x20\x20\x20\x20and\x20has\x20evolved\x20through\x20seven\x20distinct\x20forms\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20mb-10\x20md:text-end\x22>\x0a\x20\x20\x20\x20\x20\x20<time\x20class=\x22font-mono\x20italic\x22>2001</time>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-lg\x20font-black\x22>iPod</div>\x0a\x20\x20\x20\x20\x20\x20The\x20iPod\x20is\x20a\x20discontinued\x20series\x20of\x20portable\x20media\x20players\x20and\x20multi-purpose\x20mobile\x20devices\x0a\x20\x20\x20\x20\x20\x20designed\x20and\x20marketed\x20by\x20Apple\x20Inc.\x20The\x20first\x20version\x20was\x20released\x20on\x20October\x2023,\x202001,\x20about\x0a\x20\x20\x20\x20\x20\x208+1⁄2\x20months\x20after\x20the\x20Macintosh\x20version\x20of\x20iTunes\x20was\x20released.\x20Apple\x20sold\x20an\x20estimated\x20450\x0a\x20\x20\x20\x20\x20\x20million\x20iPod\x20products\x20as\x20of\x202022.\x20Apple\x20discontinued\x20the\x20iPod\x20product\x20line\x20on\x20May\x2010,\x202022.\x20At\x0a\x20\x20\x20\x20\x20\x20over\x2020\x20years,\x20the\x20iPod\x20brand\x20is\x20the\x20oldest\x20to\x20be\x20discontinued\x20by\x20Apple\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20md:mb-10\x22>\x0a\x20\x20\x20\x20\x20\x20<time\x20class=\x22font-mono\x20italic\x22>2007</time>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-lg\x20font-black\x22>iPhone</div>\x0a\x20\x20\x20\x20\x20\x20iPhone\x20is\x20a\x20line\x20of\x20smartphones\x20produced\x20by\x20Apple\x20Inc.\x20that\x20use\x20Apple\x27s\x20own\x20iOS\x20mobile\x0a\x20\x20\x20\x20\x20\x20operating\x20system.\x20The\x20first-generation\x20iPhone\x20was\x20announced\x20by\x20then-Apple\x20CEO\x20Steve\x20Jobs\x20on\x0a\x20\x20\x20\x20\x20\x20January\x209,\x202007.\x20Since\x20then,\x20Apple\x20has\x20annually\x20released\x20new\x20iPhone\x20models\x20and\x20iOS\x20updates.\x20As\x0a\x20\x20\x20\x20\x20\x20of\x20November\x201,\x202018,\x20more\x20than\x202.2\x20billion\x20iPhones\x20had\x20been\x20sold.\x20As\x20of\x202022,\x20the\x20iPhone\x0a\x20\x20\x20\x20\x20\x20accounts\x20for\x2015.6%\x20of\x20global\x20smartphone\x20market\x20share\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20mb-10\x20md:text-end\x22>\x0a\x20\x20\x20\x20\x20\x20<time\x20class=\x22font-mono\x20italic\x22>2015</time>\x0a\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-lg\x20font-black\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20\x20\x20The\x20Apple\x20Watch\x20is\x20a\x20line\x20of\x20smartwatches\x20produced\x20by\x20Apple\x20Inc.\x20It\x20incorporates\x20fitness\x0a\x20\x20\x20\x20\x20\x20tracking,\x20health-oriented\x20capabilities,\x20and\x20wireless\x20telecommunication,\x20and\x20integrates\x20with\x0a\x20\x20\x20\x20\x20\x20iOS\x20and\x20other\x20Apple\x20products\x20and\x20services\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a```\x0a','#\x20Textarea\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<textarea\x20class=\x22textarea\x22\x20placeholder=\x22Bio\x22\x20disabled></textarea>\x0a```\x0a','#\x20Toast\x20Example\x0a##\x20toast\x20with\x20alert\x20inside\x0a\x0a```html\x0a<div\x20class=\x22toast\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20message\x20arrived.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','#\x20Radial\x20Progress\x20Example\x0a##\x20Different\x20values\x0a\x0a```html\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:0;\x22\x20aria-valuenow=\x220\x22\x20role=\x22progressbar\x22>0%</div>\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:20;\x22\x20aria-valuenow=\x2220\x22\x20role=\x22progressbar\x22>20%</div>\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:60;\x22\x20aria-valuenow=\x2260\x22\x20role=\x22progressbar\x22>60%</div>\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:80;\x22\x20aria-valuenow=\x2280\x22\x20role=\x22progressbar\x22>80%</div>\x0a<div\x20class=\x22radial-progress\x22\x20style=\x22--value:100;\x22\x20aria-valuenow=\x22100\x22\x20role=\x22progressbar\x22>100%</div>\x0a\x0a```\x0a','#\x20Rating\x20Example\x0a##\x20Read-only\x20Rating\x0a\x0a```html\x0a<div\x20class=\x22rating\x22>\x0a\x20\x20<div\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x221\x20star\x22></div>\x0a\x20\x20<div\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x222\x20star\x22></div>\x0a\x20\x20<div\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x223\x20star\x22\x20aria-current=\x22true\x22></div>\x0a\x20\x20<div\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x224\x20star\x22></div>\x0a\x20\x20<div\x20class=\x22mask\x20mask-star\x22\x20aria-label=\x225\x20star\x22></div>\x0a</div>\x0a\x0a```\x0a','1540889cUJYQi','#\x20Rating\x20Example\x0a##\x20half\x20stars\x0a\x0a```html\x0a<div\x20class=\x22rating\x20rating-lg\x20rating-half\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22rating-hidden\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-1\x20bg-green-500\x22\x20aria-label=\x220.5\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-2\x20bg-green-500\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-1\x20bg-green-500\x22\x20aria-label=\x221.5\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-2\x20bg-green-500\x22\x20aria-label=\x222\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-1\x20bg-green-500\x22\x20aria-label=\x222.5\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-2\x20bg-green-500\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-1\x20bg-green-500\x22\x20aria-label=\x223.5\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-2\x20bg-green-500\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-1\x20bg-green-500\x22\x20aria-label=\x224.5\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-11\x22\x20class=\x22mask\x20mask-star-2\x20mask-half-2\x20bg-green-500\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a```\x0a','#\x20Select\x20Example\x0a##\x20Disabled\x0a\x0a```html\x0a<select\x20class=\x22select\x22\x20disabled>\x0a\x20\x20<option>You\x20can\x27t\x20touch\x20this</option>\x0a</select>\x0a\x0a```\x0a','#\x20Progress\x20Example\x0a##\x20Secondary\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-secondary\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-secondary\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-secondary\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-secondary\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-secondary\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a'];J=function(){return R;};return J();}(function(r,a){var T=W,w=r();while(!![]){try{var k=parseInt(T(0x1b2))/0x1+parseInt(T(0x138))/0x2+-parseInt(T(0x137))/0x3+parseInt(T(0x13d))/0x4*(parseInt(T(0x1a4))/0x5)+parseInt(T(0x19b))/0x6+-parseInt(T(0x169))/0x7+parseInt(T(0x190))/0x8*(-parseInt(T(0x17e))/0x9);if(k===a)break;else w['push'](w['shift']());}catch(l){w['push'](w['shift']());}}}(J,0x2a975));function W(Y,B){var r=J();return W=function(a,w){a=a-0x132;var k=r[a];return k;},W(Y,B);}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['toString']()[u(0x18c)](u(0x145))[u(0x13a)]()[u(0x149)](Y)[u(0x18c)](u(0x145));});Y();export default{'components/progress/examples/progress':n(0x175),'components/progress/examples/secondary-color':n(0x16c),'components/progress/examples/success-color':n(0x1c0),'components/progress/examples/warning-color':'#\x20Progress\x20Example\x0a##\x20Warning\x20color\x0a\x0a```html\x0a<progress\x20class=\x22progress\x20progress-warning\x20w-56\x22\x20value=\x220\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-warning\x20w-56\x22\x20value=\x2210\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-warning\x20w-56\x22\x20value=\x2240\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-warning\x20w-56\x22\x20value=\x2270\x22\x20max=\x22100\x22></progress>\x0a<progress\x20class=\x22progress\x20progress-warning\x20w-56\x22\x20value=\x22100\x22\x20max=\x22100\x22></progress>\x0a\x0a```\x0a','components/radial-progress':n(0x181),'components/radial-progress/examples/custom-color':n(0x153),'components/radial-progress/examples/custom-size-and-custom-thickness':n(0x15a),'components/radial-progress/examples/different-values':n(0x167),'components/radial-progress/examples/radial-progress':n(0x19e),'components/radial-progress/examples/with-background-color-and-border':n(0x17a),'components/radio':n(0x1a8),'components/radio/examples/accent-color':'#\x20Radio\x20Example\x0a##\x20Accent\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-6\x22\x20class=\x22radio\x20radio-accent\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-6\x22\x20class=\x22radio\x20radio-accent\x22\x20/>\x0a\x0a```\x0a','components/radio/examples/disabled':n(0x132),'components/radio/examples/error-color':'#\x20Radio\x20Example\x0a##\x20Error\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-10\x22\x20class=\x22radio\x20radio-error\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-10\x22\x20class=\x22radio\x20radio-error\x22\x20/>\x0a\x0a```\x0a','components/radio/examples/info-color':n(0x15e),'components/radio/examples/neutral-color':n(0x177),'components/radio/examples/primary-color':n(0x1ab),'components/radio/examples/radio':n(0x18b),'components/radio/examples/radio-sizes':'#\x20Radio\x20Example\x0a##\x20Radio\x20sizes\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-2\x22\x20class=\x22radio\x20radio-xs\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-2\x22\x20class=\x22radio\x20radio-sm\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-2\x22\x20class=\x22radio\x20radio-md\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-2\x22\x20class=\x22radio\x20radio-lg\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-2\x22\x20class=\x22radio\x20radio-xl\x22\x20checked=\x22checked\x22\x20/>\x0a\x0a```\x0a','components/radio/examples/radio-with-custom-colors':'#\x20Radio\x20Example\x0a##\x20Radio\x20with\x20custom\x20colors\x0a\x0a```html\x0a<input\x0a\x20\x20type=\x22radio\x22\x20name=\x22radio-12\x22\x20checked=\x22checked\x22\x0a\x20\x20class=\x22radio\x20bg-red-100\x20border-red-300\x20checked:bg-red-200\x20checked:text-red-600\x20checked:border-red-600\x22\x20/>\x0a<input\x0a\x20\x20type=\x22radio\x22\x20name=\x22radio-12\x22\x20checked=\x22checked\x22\x0a\x20\x20class=\x22radio\x20bg-blue-100\x20border-blue-300\x20checked:bg-blue-200\x20checked:text-blue-600\x20checked:border-blue-600\x22\x20/>\x0a```\x0a','components/radio/examples/secondary-color':'#\x20Radio\x20Example\x0a##\x20Secondary\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-5\x22\x20class=\x22radio\x20radio-secondary\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-5\x22\x20class=\x22radio\x20radio-secondary\x22\x20/>\x0a\x0a```\x0a','components/radio/examples/success-color':n(0x183),'components/radio/examples/warning-color':'#\x20Radio\x20Example\x0a##\x20Warning\x20color\x0a\x0a```html\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-8\x22\x20class=\x22radio\x20radio-warning\x22\x20checked=\x22checked\x22\x20/>\x0a<input\x20type=\x22radio\x22\x20name=\x22radio-8\x22\x20class=\x22radio\x20radio-warning\x22\x20/>\x0a\x0a```\x0a','components/range':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/range.png\x0adocs:\x20https://daisyui.com/components/range/\x0adimensions:\x0a\x20\x20width:\x20clamp(3rem,\x20320px,\x20100%)\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#\x20range\x0aRange\x20slider\x20is\x20used\x20to\x20select\x20a\x20value\x20by\x20sliding\x20a\x20handle\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`range`\x0a-\x20color:\x20`range-neutral`,\x20`range-primary`,\x20`range-secondary`,\x20`range-accent`,\x20`range-success`,\x20`range-warning`,\x20`range-info`,\x20`range-error`\x0a-\x20size:\x20`range-xs`,\x20`range-sm`,\x20`range-md`,\x20`range-lg`,\x20`range-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20{MODIFIER}\x22\x20/>\x0a```\x0a','components/range/examples/accent-color':n(0x139),'components/range/examples/error-color':'#\x20Range\x20Example\x0a##\x20Error\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-error\x22\x20/>\x0a\x0a```\x0a','components/range/examples/info-color':'#\x20Range\x20Example\x0a##\x20Info\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-info\x22\x20/>\x0a\x0a```\x0a','components/range/examples/neutral-color':n(0x189),'components/range/examples/primary-color':'#\x20Range\x20Example\x0a##\x20Primary\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-primary\x22\x20/>\x0a\x0a```\x0a','components/range/examples/range':'#\x20Range\x20Example\x0a##\x20Range\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x22\x20/>\x0a\x0a```\x0a','components/range/examples/range-with-custom-color-and-no-fill':n(0x179),'components/range/examples/secondary-color':'#\x20Range\x20Example\x0a##\x20Secondary\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-secondary\x22\x20/>\x0a\x0a```\x0a','components/range/examples/sizes':n(0x16d),'components/range/examples/success-color':n(0x1af),'components/range/examples/warning-color':'#\x20Range\x20Example\x0a##\x20Warning\x20color\x0a\x0a```html\x0a<input\x20type=\x22range\x22\x20min=\x220\x22\x20max=\x22100\x22\x20value=\x2240\x22\x20class=\x22range\x20range-warning\x22\x20/>\x0a\x0a```\x0a','components/range/examples/with-steps-and-measure':n(0x180),'components/rating':n(0x19a),'components/rating/examples/half-stars':n(0x16a),'components/rating/examples/mask-heart-with-multiple-colors':'#\x20Rating\x20Example\x0a##\x20mask-heart\x20with\x20multiple\x20colors\x0a\x0a```html\x0a<div\x20class=\x22rating\x20gap-1\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-3\x22\x20class=\x22mask\x20mask-heart\x20bg-red-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-3\x22\x20class=\x22mask\x20mask-heart\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-3\x22\x20class=\x22mask\x20mask-heart\x20bg-yellow-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-3\x22\x20class=\x22mask\x20mask-heart\x20bg-lime-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-3\x22\x20class=\x22mask\x20mask-heart\x20bg-green-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a\x0a```\x0a','components/rating/examples/mask-star-2-with-green-500-color':n(0x15d),'components/rating/examples/mask-star-2-with-warning-color':'#\x20Rating\x20Example\x0a##\x20mask-star-2\x20with\x20warning\x20color\x0a\x0a```html\x0a<div\x20class=\x22rating\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-2\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-2\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-2\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-2\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-2\x22\x20class=\x22mask\x20mask-star-2\x20bg-orange-400\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a\x0a```\x0a','components/rating/examples/rating':n(0x134),'components/rating/examples/read-only-rating':n(0x168),'components/rating/examples/sizes':n(0x19c),'components/rating/examples/with-rating-hidden':'#\x20Rating\x20Example\x0a##\x20with\x20`rating-hidden`\x0a\x0a```html\x0a<div\x20class=\x22rating\x20rating-lg\x22>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-10\x22\x20class=\x22rating-hidden\x22\x20aria-label=\x22clear\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-10\x22\x20class=\x22mask\x20mask-star-2\x22\x20aria-label=\x221\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-10\x22\x20class=\x22mask\x20mask-star-2\x22\x20aria-label=\x222\x20star\x22\x20checked=\x22checked\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-10\x22\x20class=\x22mask\x20mask-star-2\x22\x20aria-label=\x223\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-10\x22\x20class=\x22mask\x20mask-star-2\x22\x20aria-label=\x224\x20star\x22\x20/>\x0a\x20\x20<input\x20type=\x22radio\x22\x20name=\x22rating-10\x22\x20class=\x22mask\x20mask-star-2\x22\x20aria-label=\x225\x20star\x22\x20/>\x0a</div>\x0a\x0a```\x0a','components/select':n(0x1a2),'components/select/examples/accent-color':n(0x199),'components/select/examples/disabled':n(0x16b),'components/select/examples/error-color':'#\x20Select\x20Example\x0a##\x20Error\x20color\x0a\x0a```html\x0a<select\x20class=\x22select\x20select-error\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20an\x20AI\x20Model</option>\x0a\x20\x20<option>GPT-4</option>\x0a\x20\x20<option>Claude</option>\x0a\x20\x20<option>Llama</option>\x0a</select>\x0a\x0a```\x0a','components/select/examples/ghost-no-background':n(0x15f),'components/select/examples/info-color':n(0x1ba),'components/select/examples/neutral-color':n(0x1be),'components/select/examples/primary-color':n(0x1a5),'components/select/examples/secondary-color':n(0x140),'components/select/examples/select':n(0x1b5),'components/select/examples/sizes':n(0x136),'components/select/examples/success-color':n(0x187),'components/select/examples/using-os-native-style-for-the-options-dropdown':'#\x20Select\x20Example\x0a##\x20Using\x20OS\x20native\x20style\x20for\x20the\x20options\x20dropdown\x0a\x0a```html\x0a<select\x20class=\x22select\x20appearance-none\x22>\x0a\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20color</option>\x0a\x20\x20<option>Crimson</option>\x0a\x20\x20<option>Amber</option>\x0a\x20\x20<option>Velvet</option>\x0a</select>\x0a```\x0a','components/select/examples/warning-color':n(0x1ac),'components/select/examples/with-fieldset-and-labels':'#\x20Select\x20Example\x0a##\x20With\x20fieldset\x20and\x20labels\x0a\x0a```html\x0a<fieldset\x20class=\x22fieldset\x22>\x0a\x20\x20<legend\x20class=\x22fieldset-legend\x22>Browsers</legend>\x0a\x20\x20<select\x20class=\x22select\x22>\x0a\x20\x20\x20\x20<option\x20disabled\x20selected>Pick\x20a\x20browser</option>\x0a\x20\x20\x20\x20<option>Chrome</option>\x0a\x20\x20\x20\x20<option>FireFox</option>\x0a\x20\x20\x20\x20<option>Safari</option>\x0a\x20\x20</select>\x0a\x20\x20<span\x20class=\x22label\x22>Optional</span>\x0a</fieldset>\x0a\x0a```\x0a','components/skeleton':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/skeleton.png\x0adocs:\x20https://daisyui.com/components/skeleton/\x0a---\x0a\x0a#\x20skeleton\x0aSkeleton\x20is\x20a\x20component\x20that\x20can\x20be\x20used\x20to\x20show\x20a\x20loading\x20state\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`skeleton`\x0a-\x20modifier:\x20`skeleton-text`\x0a\x0a##\x20Syntax\x0a```html\x0a<div\x20class=\x22skeleton\x22></div>\x0a```\x0a','components/skeleton/examples/skeleton':'#\x20Skeleton\x20Example\x0a##\x20Skeleton\x0a\x0a```html\x0a<div\x20class=\x22skeleton\x20h-32\x20w-32\x22></div>\x0a\x0a```\x0a','components/skeleton/examples/skeleton-circle-with-content':n(0x1bf),'components/skeleton/examples/skeleton-rectangle-with-content':n(0x1ae),'components/skeleton/examples/skeleton-text':'#\x20Skeleton\x20Example\x0a##\x20Skeleton\x20Text\x0a\x0aAnimates\x20the\x20text\x20color\x20instead\x20of\x20background\x20color\x0a\x0a```html\x0a<span\x20class=\x22skeleton\x20skeleton-text\x22>Loading\x20data...</span>\x0a```\x0a','components/stack':n(0x159),'components/stack/examples/3-divs-in-a-stack':n(0x1a7),'components/stack/examples/stacked-cards':'#\x20Stack\x20Example\x0a##\x20stacked\x20cards\x0a\x0a```html\x0a<div\x20class=\x22stack\x22>\x0a\x20\x20<div\x20class=\x22card\x20shadow-md\x20bg-base-100\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Notification\x201</h2>\x0a\x20\x20\x20\x20\x20\x20<p>You\x20have\x203\x20unread\x20messages.\x20Tap\x20here\x20to\x20see.</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22card\x20shadow-md\x20bg-base-100\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Notification\x202</h2>\x0a\x20\x20\x20\x20\x20\x20<p>You\x20have\x203\x20unread\x20messages.\x20Tap\x20here\x20to\x20see.</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22card\x20shadow-md\x20bg-base-100\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>\x0a\x20\x20\x20\x20\x20\x20<h2\x20class=\x22card-title\x22>Notification\x203</h2>\x0a\x20\x20\x20\x20\x20\x20<p>You\x20have\x203\x20unread\x20messages.\x20Tap\x20here\x20to\x20see.</p>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</div>\x0a</div>\x0a```\x0a','components/stack/examples/stacked-cards-end-direction':'#\x20Stack\x20Example\x0a##\x20stacked\x20cards\x20(end\x20direction)\x0a\x0a```html\x0a<div\x20class=\x22stack\x20stack-end\x20size-28\x22>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>A</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>B</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>C</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/stack/examples/stacked-cards-start-direction':'#\x20Stack\x20Example\x0a##\x20stacked\x20cards\x20(start\x20direction)\x0a\x0a```html\x0a<div\x20class=\x22stack\x20stack-start\x20size-28\x22>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>A</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>B</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>C</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/stack/examples/stacked-cards-top-direction':'#\x20Stack\x20Example\x0a##\x20stacked\x20cards\x20(top\x20direction)\x0a\x0a```html\x0a<div\x20class=\x22stack\x20stack-top\x20size-28\x22>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>A</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>B</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22border-base-content\x20card\x20bg-base-100\x20border\x20text-center\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>C</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/stack/examples/stacked-cards-with-shadow':'#\x20Stack\x20Example\x0a##\x20stacked\x20cards\x20with\x20shadow\x0a\x0a```html\x0a<div\x20class=\x22stack\x22>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-200\x20text-center\x20shadow-md\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>A</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-200\x20text-center\x20shadow\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>B</div>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22card\x20bg-base-200\x20text-center\x20shadow-sm\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22card-body\x22>C</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/stack/examples/stacked-images':'#\x20Stack\x20Example\x0a##\x20stacked\x20images\x0a\x0a```html\x0a<div\x20class=\x22stack\x20w-48\x22>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp\x22\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp\x22\x20class=\x22rounded-box\x22\x20/>\x0a\x20\x20<img\x20src=\x22https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp\x22\x20class=\x22rounded-box\x22\x20/>\x0a</div>\x0a\x0a```\x0a','components/stat':n(0x15c),'components/stat/examples/centered-items':n(0x18a),'components/stat/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen':n(0x182),'components/stat/examples/stat':'#\x20Stat\x20Example\x0a##\x20Stat\x0a\x0a```html\x0a<div\x20class=\x22stats\x20shadow\x22>\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-figure\x20text-secondary\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20h-8\x20w-8\x20stroke-current\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M13\x2016h-1v-4h-1m1-4h.01M21\x2012a9\x209\x200\x2011-18\x200\x209\x209\x200\x200118\x200z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Downloads</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>31K</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>Jan\x201st\x20-\x20Feb\x201st</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-figure\x20text-secondary\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20h-8\x20w-8\x20stroke-current\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M12\x206V4m0\x202a2\x202\x200\x20100\x204m0-4a2\x202\x200\x20110\x204m-6\x208a2\x202\x200\x20100-4m0\x204a2\x202\x200\x20110-4m0\x204v2m0-6V4m6\x206v10m6-2a2\x202\x200\x20100-4m0\x204a2\x202\x200\x20110-4m0\x204v2m0-6V4\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Users</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>4,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↗︎\x20400\x20(22%)</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-figure\x20text-secondary\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22inline-block\x20h-8\x20w-8\x20stroke-current\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20stroke-width=\x222\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M5\x208h14M5\x208a2\x202\x200\x20110-4h14a2\x202\x200\x20110\x204M5\x208v10a2\x202\x200\x20002\x202h10a2\x202\x200\x20002-2V8m-9\x204h4\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20></path>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Registers</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>1,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↘︎\x2090\x20(14%)</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/stat/examples/stat-with-icons-or-image':n(0x133),'components/stat/examples/vertical':'#\x20Stat\x20Example\x0a##\x20Vertical\x0a\x0a```html\x0a<div\x20class=\x22stats\x20stats-vertical\x20shadow\x22>\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>Downloads</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>31K</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>Jan\x201st\x20-\x20Feb\x201st</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Users</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>4,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↗︎\x20400\x20(22%)</div>\x0a\x20\x20</div>\x0a\x0a\x20\x20<div\x20class=\x22stat\x22>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-title\x22>New\x20Registers</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-value\x22>1,200</div>\x0a\x20\x20\x20\x20<div\x20class=\x22stat-desc\x22>↘︎\x2090\x20(14%)</div>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/stat/examples/with-custom-colors-and-button':n(0x152),'components/status':n(0x194),'components/status/examples/status':n(0x147),'components/status/examples/status-sizes':'#\x20Status\x20Example\x0a##\x20Status\x20sizes\x0a\x0a```html\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-xs\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-sm\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-md\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-lg\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-xl\x22></div>\x0a\x0a```\x0a','components/status/examples/status-with-bounce-animation':'#\x20Status\x20Example\x0a##\x20Status\x20with\x20bounce\x20animation\x0a\x0a```html\x0a<div\x20class=\x22status\x20status-info\x20animate-bounce\x22></div>\x20Unread\x20messages\x0a```\x0a','components/status/examples/status-with-colors':'#\x20Status\x20Example\x0a##\x20Status\x20with\x20colors\x0a\x0a```html\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-primary\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-secondary\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-accent\x22></div>\x0a<div\x20aria-label=\x22status\x22\x20class=\x22status\x20status-neutral\x22></div>\x0a\x0a<div\x20aria-label=\x22info\x22\x20class=\x22status\x20status-info\x22></div>\x0a<div\x20aria-label=\x22success\x22\x20class=\x22status\x20status-success\x22></div>\x0a<div\x20aria-label=\x22warning\x22\x20class=\x22status\x20status-warning\x22></div>\x0a<div\x20aria-label=\x22error\x22\x20class=\x22status\x20status-error\x22></div>\x0a\x0a```\x0a','components/status/examples/status-with-ping-animation':'#\x20Status\x20Example\x0a##\x20Status\x20with\x20ping\x20animation\x0a\x0a```html\x0a<div\x20class=\x22inline-grid\x20*:[grid-area:1/1]\x22>\x0a\x20\x20<div\x20class=\x22status\x20status-error\x20animate-ping\x22></div>\x0a\x20\x20<div\x20class=\x22status\x20status-error\x22></div>\x0a</div>\x20Server\x20is\x20down\x0a\x0a```\x0a','components/steps':n(0x1c1),'components/steps/examples/custom-colors':'#\x20Steps\x20Example\x0a##\x20Custom\x20colors\x0a\x0a```html\x0a<ul\x20class=\x22steps\x22>\x0a\x20\x20<li\x20class=\x22step\x20step-info\x22>Fly\x20to\x20moon</li>\x0a\x20\x20<li\x20class=\x22step\x20step-info\x22>Shrink\x20the\x20moon</li>\x0a\x20\x20<li\x20class=\x22step\x20step-info\x22>Grab\x20the\x20moon</li>\x0a\x20\x20<li\x20class=\x22step\x20step-error\x22\x20data-content=\x22?\x22>Sit\x20on\x20toilet</li>\x0a</ul>\x0a\x0a```\x0a','components/steps/examples/horizontal':n(0x1b6),'components/steps/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen':n(0x160),'components/steps/examples/vertical':n(0x196),'components/steps/examples/with-custom-content-in-step-icon':n(0x14c),'components/steps/examples/with-data-content':'#\x20Steps\x20Example\x0a##\x20With\x20data-content\x0a\x0a```html\x0a<ul\x20class=\x22steps\x22>\x0a\x20\x20<li\x20data-content=\x22?\x22\x20class=\x22step\x20step-neutral\x22>Step\x201</li>\x0a\x20\x20<li\x20data-content=\x22!\x22\x20class=\x22step\x20step-neutral\x22>Step\x202</li>\x0a\x20\x20<li\x20data-content=\x22✓\x22\x20class=\x22step\x20step-neutral\x22>Step\x203</li>\x0a\x20\x20<li\x20data-content=\x22✕\x22\x20class=\x22step\x20step-neutral\x22>Step\x204</li>\x0a\x20\x20<li\x20data-content=\x22★\x22\x20class=\x22step\x20step-neutral\x22>Step\x205</li>\x0a\x20\x20<li\x20data-content=\x22\x22\x20class=\x22step\x20step-neutral\x22>Step\x206</li>\x0a\x20\x20<li\x20data-content=\x22●\x22\x20class=\x22step\x20step-neutral\x22>Step\x207</li>\x0a</ul>\x0a\x0a```\x0a','components/steps/examples/with-scrollable-wrapper':'#\x20Steps\x20Example\x0a##\x20With\x20scrollable\x20wrapper\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<ul\x20class=\x22steps\x22>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x22>start</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-secondary\x22>2</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-secondary\x22>3</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-secondary\x22>4</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x22>5</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-accent\x22>6</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-accent\x22>7</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x22>8</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-error\x22>9</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-error\x22>10</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x22>11</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x22>12</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-warning\x22>13</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-warning\x22>14</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x22>15</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>16</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>17</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>18</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>19</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>20</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>21</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>22</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>23</li>\x0a\x20\x20\x20\x20<li\x20class=\x22step\x20step-neutral\x22>end</li>\x0a\x20\x20</ul>\x0a</div>\x0a```\x0a','components/swap':n(0x17c),'components/swap/examples/activate-using-class-name-instead-of-checkbox':n(0x16e),'components/swap/examples/hamburger-button':'#\x20Swap\x20Example\x0a##\x20Hamburger\x20button\x0a\x0a```html\x0a<label\x20class=\x22btn\x20btn-circle\x20swap\x20swap-rotate\x22>\x0a\x20\x20<!--\x20this\x20hidden\x20checkbox\x20controls\x20the\x20state\x20-->\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x0a\x20\x20<!--\x20hamburger\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-off\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20width=\x2232\x22\x0a\x20\x20\x20\x20height=\x2232\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x20512\x20512\x22>\x0a\x20\x20\x20\x20<path\x20d=\x22M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z\x22\x20/>\x0a\x20\x20</svg>\x0a\x0a\x20\x20<!--\x20close\x20icon\x20-->\x0a\x20\x20<svg\x0a\x20\x20\x20\x20class=\x22swap-on\x20fill-current\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20width=\x2232\x22\x0a\x20\x20\x20\x20height=\x2232\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x20512\x20512\x22>\x0a\x20\x20\x20\x20<polygon\x0a\x20\x20\x20\x20\x20\x20points=\x22400\x20145.49\x20366.51\x20112\x20256\x20222.51\x20145.49\x20112\x20112\x20145.49\x20222.51\x20256\x20112\x20366.51\x20145.49\x20400\x20256\x20289.49\x20366.51\x20400\x20400\x20366.51\x20289.49\x20256\x20400\x20145.49\x22\x20/>\x0a\x20\x20</svg>\x0a</label>\x0a\x0a```\x0a','components/swap/examples/swap-icons-with-flip-effect':'#\x20Swap\x20Example\x0a##\x20Swap\x20icons\x20with\x20flip\x20effect\x0a\x0a```html\x0a<label\x20class=\x22swap\x20swap-flip\x20text-9xl\x22>\x0a\x20\x20<!--\x20this\x20hidden\x20checkbox\x20controls\x20the\x20state\x20-->\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x0a\x20\x20<div\x20class=\x22swap-on\x22>😈</div>\x0a\x20\x20<div\x20class=\x22swap-off\x22>😇</div>\x0a</label>\x0a\x0a```\x0a','components/swap/examples/swap-icons-with-rotate-effect':n(0x143),'components/swap/examples/swap-text':'#\x20Swap\x20Example\x0a##\x20Swap\x20text\x0a\x0a```html\x0a<label\x20class=\x22swap\x22>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x20\x20<div\x20class=\x22swap-on\x22>ON</div>\x0a\x20\x20<div\x20class=\x22swap-off\x22>OFF</div>\x0a</label>\x0a\x0a```\x0a','components/swap/examples/swap-volume-icons':n(0x144),'components/tab':n(0x157),'components/tab/examples/radio-tabs-border-tab-content':n(0x172),'components/tab/examples/radio-tabs-box-tab-content':n(0x16f),'components/tab/examples/radio-tabs-lift-tab-content':n(0x1b0),'components/tab/examples/radio-tabs-lift-tab-content-on-bottom':n(0x186),'components/tab/examples/radio-tabs-lift-with-icons-tab-content':n(0x197),'components/tab/examples/sizes':n(0x155),'components/tab/examples/tabs':n(0x158),'components/tab/examples/tabs-border':'#\x20Tab\x20Example\x0a##\x20tabs-border\x0a\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-border\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x201</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Tab\x202</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x203</a>\x0a</div>\x0a\x0a```\x0a','components/tab/examples/tabs-box':'#\x20Tab\x20Example\x0a##\x20tabs-box\x0a\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-box\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x201</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x22>Tab\x202</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x203</a>\x0a</div>\x0a\x0a```\x0a','components/tab/examples/tabs-box-using-radio-inputs':n(0x18e),'components/tab/examples/tabs-box-with-a-horizontal-scroll-when-theres-no-space':n(0x173),'components/tab/examples/tabs-lift':n(0x141),'components/tab/examples/tabs-with-custom-color':'#\x20Tab\x20Example\x0a##\x20Tabs\x20with\x20custom\x20color\x0a\x0a```html\x0a<div\x20role=\x22tablist\x22\x20class=\x22tabs\x20tabs-lift\x22>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x201</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x20tab-active\x20text-primary\x20[--tab-bg:orange]\x20[--tab-border-color:red]\x22>\x20Tab\x202</a>\x0a\x20\x20<a\x20role=\x22tab\x22\x20class=\x22tab\x22>Tab\x203</a>\x0a</div>\x0a```\x0a','components/table':n(0x156),'components/table/examples/table':n(0x17b),'components/table/examples/table-with-a-row-that-highlights-on-hover':n(0x13e),'components/table/examples/table-with-an-active-row':n(0x1aa),'components/table/examples/table-with-border-and-background':n(0x1bd),'components/table/examples/table-with-pinned-rows':'#\x20Table\x20Example\x0a##\x20Table\x20with\x20pinned-rows\x0a\x0a```html\x0a<div\x20class=\x22h-96\x20overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x20table-pin-rows\x20bg-base-200\x22>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>A</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Ant-Man</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Aquaman</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Asterix</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>The\x20Atom</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>The\x20Avengers</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>B</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Batgirl</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Batman</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Batwoman</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Black\x20Canary</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Black\x20Panther</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>C</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Captain\x20America</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Captain\x20Marvel</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Catwoman</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Conan\x20the\x20Barbarian</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>D</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Daredevil</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>The\x20Defenders</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Doc\x20Savage</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Doctor\x20Strange</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>E</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Elektra</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>F</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Fantastic\x20Four</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>G</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Ghost\x20Rider</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Green\x20Arrow</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Green\x20Lantern</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Guardians\x20of\x20the\x20Galaxy</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>H</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Hawkeye</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Hellboy</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Incredible\x20Hulk</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>I</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Iron\x20Fist</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Iron\x20Man</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>M</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Marvelman</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>R</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Robin</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>The\x20Rocketeer</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>S</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>The\x20Shadow</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Spider-Man</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Sub-Mariner</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Supergirl</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Superman</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>T</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Teenage\x20Mutant\x20Ninja\x20Turtles</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Thor</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>W</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>The\x20Wasp</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Watchmen</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Wolverine</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Wonder\x20Woman</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>X</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>X-Men</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Z</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Zatanna</td></tr>\x0a\x20\x20\x20\x20\x20\x20<tr><td>Zatara</td></tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','components/table/examples/table-with-pinned-rows-and-pinned-cols':n(0x170),'components/table/examples/table-with-visual-elements':'#\x20Table\x20Example\x0a##\x20Table\x20with\x20visual\x20elements\x0a\x0a```html\x0a<div\x20class=\x22overflow-x-auto\x22>\x0a\x20\x20<table\x20class=\x22table\x22>\x0a\x20\x20\x20\x20<!--\x20head\x20-->\x0a\x20\x20\x20\x20<thead>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</thead>\x0a\x20\x20\x20\x20<tbody>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x201\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex\x20items-center\x20gap-3\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22mask\x20mask-squircle\x20h-12\x20w-12\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/2@94.webp\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Avatar\x20Tailwind\x20CSS\x20Component\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22font-bold\x22>Hart\x20Hagerty</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-sm\x20opacity-50\x22>United\x20States</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Zemlak,\x20Daniel\x20and\x20Leannon\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-ghost\x20badge-sm\x22>Desktop\x20Support\x20Technician</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Purple</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20btn-xs\x22>details</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x202\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex\x20items-center\x20gap-3\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22mask\x20mask-squircle\x20h-12\x20w-12\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/3@94.webp\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Avatar\x20Tailwind\x20CSS\x20Component\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22font-bold\x22>Brice\x20Swyre</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-sm\x20opacity-50\x22>China</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Carroll\x20Group\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-ghost\x20badge-sm\x22>Tax\x20Accountant</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Red</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20btn-xs\x22>details</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x203\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex\x20items-center\x20gap-3\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22mask\x20mask-squircle\x20h-12\x20w-12\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/4@94.webp\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Avatar\x20Tailwind\x20CSS\x20Component\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22font-bold\x22>Marjy\x20Ferencz</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-sm\x20opacity-50\x22>Russia</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Rowe-Schoen\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-ghost\x20badge-sm\x22>Office\x20Assistant\x20I</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Crimson</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20btn-xs\x22>details</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20\x20\x20<!--\x20row\x204\x20-->\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22checkbox\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</label>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22flex\x20items-center\x20gap-3\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22avatar\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22mask\x20mask-squircle\x20h-12\x20w-12\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20src=\x22https://img.daisyui.com/images/profile/demo/5@94.webp\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20alt=\x22Avatar\x20Tailwind\x20CSS\x20Component\x22\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22font-bold\x22>Yancy\x20Tear</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20class=\x22text-sm\x20opacity-50\x22>Brazil</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20Wyman-Ledner\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<br\x20/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20class=\x22badge\x20badge-ghost\x20badge-sm\x22>Community\x20Outreach\x20Specialist</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<td>Indigo</td>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<button\x20class=\x22btn\x20btn-ghost\x20btn-xs\x22>details</button>\x0a\x20\x20\x20\x20\x20\x20\x20\x20</th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tbody>\x0a\x20\x20\x20\x20<!--\x20foot\x20-->\x0a\x20\x20\x20\x20<tfoot>\x0a\x20\x20\x20\x20\x20\x20<tr>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Name</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Job</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th>Favorite\x20Color</th>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<th></th>\x0a\x20\x20\x20\x20\x20\x20</tr>\x0a\x20\x20\x20\x20</tfoot>\x0a\x20\x20</table>\x0a</div>\x0a\x0a```\x0a','components/table/examples/table-xs':n(0x17d),'components/table/examples/zebra':n(0x162),'components/text-rotate':'---\x0adocs:\x20https://daisyui.com/components/text-rotate/\x0a---\x0a\x0a#\x20text-rotate\x0aText\x20Rotate\x20can\x20show\x20up\x20to\x206\x20lines\x20of\x20text,\x20one\x20at\x20a\x20time,\x20with\x20a\x20an\x20infinite\x20loop\x20animation.\x20Duration\x20is\x2010\x20seconds\x20by\x20default.\x20The\x20animation\x20will\x20pause\x20on\x20hover.\x0a\x0a\x0a##\x20Class\x20names\x0a-\x20component:\x20`text-rotate`\x0a\x0a##\x20Syntax\x0a```html\x0a<span\x20class=\x22text-rotate\x22>\x0a\x20\x20<span>\x0a\x20\x20\x20\x20<span>ONE</span>\x0a\x20\x20\x20\x20<span>TWO</span>\x0a\x20\x20\x20\x20<span>THREE</span>\x0a\x20\x20</span>\x0a</span>\x0a```\x0a','components/text-rotate/big-font-size-horizontally-centered':n(0x1a6),'components/text-rotate/custom-line-height':'#\x20Text\x20Rotate\x0a##\x20Custom\x20line\x20height\x0a\x0aIn\x20case\x20you\x20have\x20a\x20tall\x20font\x20or\x20need\x20more\x20vertical\x20spacing\x20between\x20lines\x0a\x0a```html\x0a<span\x20class=\x22text-rotate\x20max-md:text-3xl\x20text-7xl\x20font-title\x20leading-[2]\x22>\x0a\x20\x20<span\x20class=\x22justify-items-center\x22>\x0a\x20\x20\x20\x20<span>📐\x20DESIGN</span>\x0a\x20\x20\x20\x20<span>⌨️\x20DEVELOP</span>\x0a\x20\x20\x20\x20<span>🌎\x20DEPLOY</span>\x0a\x20\x20\x20\x20<span>🌱\x20SCALE</span>\x0a\x20\x20\x20\x20<span>🔧\x20MAINTAIN</span>\x0a\x20\x20\x20\x20<span>♻️\x20REPEAT</span>\x0a\x20\x20</span>\x0a</span>\x0a```\x0a','components/text-rotate/rotating-3-words-with-custom-duration':n(0x188),'components/text-rotate/rotating-words-in-a-sentence-different-colors-for-each-word':n(0x1a3),'components/text-rotate/text-rotate':'#\x20Text\x20Rotate\x0a##\x20Text\x20Rotate\x0a\x0aRotates\x20through\x203\x20words,\x20in\x2010\x20seconds\x0a\x0a```html\x0a<span\x20class=\x22text-rotate\x22>\x0a\x20\x20<span>\x0a\x20\x20\x20\x20<span>ONE</span>\x0a\x20\x20\x20\x20<span>TWO</span>\x0a\x20\x20\x20\x20<span>THREE</span>\x0a\x20\x20</span>\x0a</span>\x0a```\x0a','components/textarea':n(0x193),'components/textarea/examples/disabled':n(0x165),'components/textarea/examples/ghost-no-background':n(0x14f),'components/textarea/examples/sizes':n(0x178),'components/textarea/examples/textarea':n(0x135),'components/textarea/examples/textarea-colors':n(0x185),'components/textarea/examples/with-form-control-and-labels':n(0x1bb),'components/theme-controller':n(0x142),'components/theme-controller/examples/theme-controller-using-a-checkbox':n(0x1a0),'components/theme-controller/examples/theme-controller-using-a-dropdown':n(0x174),'components/theme-controller/examples/theme-controller-using-a-radio-button':'#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20radio\x20button\x0a\x0a```html\x0a<div\x20class=\x22join\x20join-vertical\x22>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20name=\x22theme-buttons\x22\x0a\x20\x20\x20\x20class=\x22btn\x20theme-controller\x20join-item\x22\x0a\x20\x20\x20\x20aria-label=\x22Default\x22\x0a\x20\x20\x20\x20value=\x22default\x22\x20/>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20name=\x22theme-buttons\x22\x0a\x20\x20\x20\x20class=\x22btn\x20theme-controller\x20join-item\x22\x0a\x20\x20\x20\x20aria-label=\x22Retro\x22\x0a\x20\x20\x20\x20value=\x22retro\x22\x20/>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20name=\x22theme-buttons\x22\x0a\x20\x20\x20\x20class=\x22btn\x20theme-controller\x20join-item\x22\x0a\x20\x20\x20\x20aria-label=\x22Cyberpunk\x22\x0a\x20\x20\x20\x20value=\x22cyberpunk\x22\x20/>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20name=\x22theme-buttons\x22\x0a\x20\x20\x20\x20class=\x22btn\x20theme-controller\x20join-item\x22\x0a\x20\x20\x20\x20aria-label=\x22Valentine\x22\x0a\x20\x20\x20\x20value=\x22valentine\x22\x20/>\x0a\x20\x20<input\x0a\x20\x20\x20\x20type=\x22radio\x22\x0a\x20\x20\x20\x20name=\x22theme-buttons\x22\x0a\x20\x20\x20\x20class=\x22btn\x20theme-controller\x20join-item\x22\x0a\x20\x20\x20\x20aria-label=\x22Aqua\x22\x0a\x20\x20\x20\x20value=\x22aqua\x22\x20/>\x0a</div>\x0a\x0a```\x0a','components/theme-controller/examples/theme-controller-using-a-radio-input':n(0x192),'components/theme-controller/examples/theme-controller-using-a-swap':n(0x195),'components/theme-controller/examples/theme-controller-using-a-toggle':'#\x20Theme\x20Controller\x20Example\x0a##\x20Theme\x20Controller\x20using\x20a\x20toggle\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20value=\x22synthwave\x22\x20class=\x22toggle\x20theme-controller\x22\x20/>\x0a\x0a```\x0a','components/theme-controller/examples/theme-controller-using-a-toggle-with-custom-colors':n(0x19f),'components/theme-controller/examples/theme-controller-using-a-toggle-with-icons':n(0x18d),'components/theme-controller/examples/theme-controller-using-a-toggle-with-icons-inside':n(0x163),'components/theme-controller/examples/theme-controller-using-a-toggle-with-text':n(0x1ad),'components/timeline':n(0x1b9),'components/timeline/examples/responsive-vertical-by-default-horizontal-on-large-screen':n(0x13f),'components/timeline/examples/timeline-with-bottom-side-only':n(0x13b),'components/timeline/examples/timeline-with-colorful-lines':'#\x20Timeline\x20Example\x0a##\x20Timeline\x20with\x20colorful\x20lines\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22text-primary\x20h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22text-primary\x20h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20class=\x22bg-primary\x22\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22text-primary\x20h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','components/timeline/examples/timeline-with-different-sides':'#\x20Timeline\x20Example\x0a##\x20Timeline\x20with\x20different\x20sides\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','components/timeline/examples/timeline-with-icon-snapped-to-the-start':n(0x164),'components/timeline/examples/timeline-with-text-on-both-sides-and-icon':n(0x14d),'components/timeline/examples/timeline-with-top-side-only':'#\x20Timeline\x20Example\x0a##\x20Timeline\x20with\x20top\x20side\x20only\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-middle\x22>\x0a\x20\x20\x20\x20\x20\x20<svg\x0a\x20\x20\x20\x20\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20viewBox=\x220\x200\x2020\x2020\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20fill=\x22currentColor\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20class=\x22h-5\x20w-5\x22\x0a\x20\x20\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20\x20\x20<path\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20fill-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20d=\x22M10\x2018a8\x208\x200\x20100-16\x208\x208\x200\x20000\x2016zm3.857-9.809a.75.75\x200\x2000-1.214-.882l-3.483\x204.79-1.88-1.88a.75.75\x200\x2010-1.06\x201.061l2.5\x202.5a.75.75\x200\x20001.137-.089l4-5.5z\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20clip-rule=\x22evenodd\x22\x0a\x20\x20\x20\x20\x20\x20\x20\x20/>\x0a\x20\x20\x20\x20\x20\x20</svg>\x0a\x20\x20\x20\x20</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','components/timeline/examples/timeline-without-icons':n(0x19d),'components/timeline/examples/vertical-timeline-with-colorful-lines':n(0x1b1),'components/timeline/examples/vertical-timeline-with-different-sides':n(0x150),'components/timeline/examples/vertical-timeline-with-left-side-only':n(0x148),'components/timeline/examples/vertical-timeline-with-right-side-only':n(0x1b4),'components/timeline/examples/vertical-timeline-with-text-on-both-sides-and-icon':n(0x176),'components/timeline/examples/vertical-timeline-without-icons':'#\x20Timeline\x20Example\x0a##\x20Vertical\x20timeline\x20without\x20icons\x0a\x0a```html\x0a<ul\x20class=\x22timeline\x20timeline-vertical\x22>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>First\x20Macintosh\x20computer</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iMac</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>iPod</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-end\x20timeline-box\x22>iPhone</div>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20</li>\x0a\x20\x20<li>\x0a\x20\x20\x20\x20<hr\x20/>\x0a\x20\x20\x20\x20<div\x20class=\x22timeline-start\x20timeline-box\x22>Apple\x20Watch</div>\x0a\x20\x20</li>\x0a</ul>\x0a\x0a```\x0a','components/toast':n(0x1a1),'components/toast/examples/toast-center-toast-bottom-default':'#\x20Toast\x20Example\x0a##\x20toast-center\x20toast-bottom\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-center\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/toast/examples/toast-center-toast-middle':n(0x1a9),'components/toast/examples/toast-end-default-toast-bottom-default':n(0x1bc),'components/toast/examples/toast-end-toast-middle':n(0x1b7),'components/toast/examples/toast-start-toast-bottom-default':'#\x20Toast\x20Example\x0a##\x20toast-start\x20toast-bottom\x20(default)\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-start\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/toast/examples/toast-start-toast-middle':'#\x20Toast\x20Example\x0a##\x20toast-start\x20toast-middle\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-start\x20toast-middle\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/toast/examples/toast-top-toast-center':n(0x154),'components/toast/examples/toast-top-toast-end':n(0x14e),'components/toast/examples/toast-top-toast-start':'#\x20Toast\x20Example\x0a##\x20toast-top\x20toast-start\x0a\x0a```html\x0a<div\x20class=\x22toast\x20toast-top\x20toast-start\x22>\x0a\x20\x20<div\x20class=\x22alert\x20alert-info\x22>\x0a\x20\x20\x20\x20<span>New\x20mail\x20arrived.</span>\x0a\x20\x20</div>\x0a\x20\x20<div\x20class=\x22alert\x20alert-success\x22>\x0a\x20\x20\x20\x20<span>Message\x20sent\x20successfully.</span>\x0a\x20\x20</div>\x0a</div>\x0a\x0a```\x0a','components/toast/examples/toast-with-alert-inside':n(0x166),'components/toggle':'---\x0aimg:\x20https://img.daisyui.com/images/components-screenshot/toggle.png\x0adocs:\x20https://daisyui.com/components/toggle/\x0adimensions:\x0a\x20\x20width:\x20~1.625\x20*\x20height\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#\x20toggle\x0aToggle\x20is\x20a\x20checkbox\x20that\x20is\x20styled\x20to\x20look\x20like\x20a\x20switch\x20button\x0a\x0a##\x20Class\x20Names:\x0a-\x20Component:\x20`toggle`\x0a-\x20Color:\x20`toggle-primary`,\x20`toggle-secondary`,\x20`toggle-accent`,\x20`toggle-neutral`,\x20`toggle-success`,\x20`toggle-warning`,\x20`toggle-info`,\x20`toggle-error`\x0a-\x20Size:\x20`toggle-xs`,\x20`toggle-sm`,\x20`toggle-md`,\x20`toggle-lg`,\x20`toggle-xl`\x0a\x0a##\x20Syntax\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20class=\x22toggle\x20{MODIFIER}\x22\x20/>\x0a```\x0a','components/toggle/examples/colors':'#\x20Toggle\x20Example\x0a##\x20Colors\x0a\x0a```html\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-primary\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-secondary\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-accent\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-neutral\x22\x20/>\x0a\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-info\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-success\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-warning\x22\x20/>\x0a<input\x20type=\x22checkbox\x22\x20checked=\x22checked\x22\x20class=\x22toggle\x20toggle-error\x22\x20/>\x0a\x0a```\x0a','components/toggle/examples/disabled':n(0x18f),'components/toggle/examples/indeterminate':n(0x15b),'components/toggle/examples/sizes':n(0x146),'components/toggle/examples/toggle-switch':n(0x13c),'components/toggle/examples/toggle-with-custom-colors':n(0x198),'components/toggle/examples/toggle-with-icons-inside':'#\x20Toggle\x20Example\x0a##\x20Toggle\x20with\x20icons\x20inside\x0a\x0a```html\x0a<label\x20class=\x22toggle\x20text-base-content\x22>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20/>\x0a\x20\x20<svg\x20aria-label=\x22enabled\x22\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x20viewBox=\x220\x200\x2024\x2024\x22>\x0a\x20\x20\x20\x20<g\x0a\x20\x20\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20\x20\x20stroke-width=\x224\x22\x0a\x20\x20\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20>\x0a\x20\x20\x20\x20\x20\x20<path\x20d=\x22M20\x206\x209\x2017l-5-5\x22></path>\x0a\x20\x20\x20\x20</g>\x0a\x20\x20</svg>\x0a\x20\x20<svg\x0a\x20\x20\x20\x20aria-label=\x22disabled\x22\x0a\x20\x20\x20\x20xmlns=\x22http://www.w3.org/2000/svg\x22\x0a\x20\x20\x20\x20viewBox=\x220\x200\x2024\x2024\x22\x0a\x20\x20\x20\x20fill=\x22none\x22\x0a\x20\x20\x20\x20stroke=\x22currentColor\x22\x0a\x20\x20\x20\x20stroke-width=\x224\x22\x0a\x20\x20\x20\x20stroke-linecap=\x22round\x22\x0a\x20\x20\x20\x20stroke-linejoin=\x22round\x22\x0a\x20\x20>\x0a\x20\x20\x20\x20<path\x20d=\x22M18\x206\x206\x2018\x22\x20/>\x0a\x20\x20\x20\x20<path\x20d=\x22m6\x206\x2012\x2012\x22\x20/>\x0a\x20\x20</svg>\x0a</label>\x0a\x0a```\x0a','components/toggle/examples/with-fieldset-and-label':'#\x20Toggle\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=\x22toggle\x22\x20/>\x0a\x20\x20\x20\x20Remember\x20me\x0a\x20\x20</label>\x0a</fieldset>\x0a\x0a```\x0a','components/validator':n(0x14a),'components/validator/examples/checkbox-requirement-validator':n(0x17f),'components/validator/examples/date-input-requirement-validator':n(0x171),'components/validator/examples/number-input-requirement-validator':n(0x1b8),'components/validator/examples/password-requirement-validator':n(0x1b3),'components/validator/examples/phone-number-requirement-validator':'#\x20Validator\x20Example\x0a##\x20Phone\x20Number\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22tel\x22\x20class=\x22input\x20validator\x20tabular-nums\x22\x20required\x20placeholder=\x22Phone\x22\x20pattern=\x22[0-9]*\x22\x20minlength=\x2210\x22\x20maxlength=\x2210\x22\x20title=\x22Must\x20be\x2010\x20digits\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Must\x20be\x2010\x20digits</p>\x0a</form>\x0a```\x0a','components/validator/examples/select-requirement-validator':n(0x14b),'components/validator/examples/toggle-requirement-validator':'#\x20Validator\x20Example\x0a##\x20Toggle\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22checkbox\x22\x20class=\x22toggle\x20validator\x22\x20required\x20title=\x22Required\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Required</p>\x0a</form>\x0a```\x0a','components/validator/examples/url-input-requirement-validator':'#\x20Validator\x20Example\x0a##\x20URL\x20input\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22url\x22\x20class=\x22input\x20validator\x22\x20required\x20placeholder=\x22https://\x22\x20value=\x22https://\x22\x20pattern=\x22^(https?://)?([a-zA-Z0-9]([a-zA-Z0-9\x5c-].*[a-zA-Z0-9])?\x5c.)+[a-zA-Z].*$\x22\x20title=\x22Must\x20be\x20valid\x20URL\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>Must\x20be\x20valid\x20URL</p>\x0a</form>\x0a```\x0a','components/validator/examples/username-requirement-validator':'#\x20Validator\x20Example\x0a##\x20Username\x20requirement\x20validator\x0a\x0a```html\x0a<form>\x0a\x20\x20<input\x20type=\x22text\x22\x20class=\x22input\x20validator\x22\x20required\x20placeholder=\x22Username\x22\x20pattern=\x22[A-Za-z][A-Za-z0-9\x5c-]*\x22\x20minlength=\x223\x22\x20maxlength=\x2230\x22\x20title=\x22Only\x20letters,\x20numbers\x20or\x20dash\x22\x20/>\x0a\x20\x20<p\x20class=\x22validator-hint\x22>\x0a\x20\x20\x20\x20Must\x20be\x203\x20to\x2030\x20characters\x0a\x20\x20\x20\x20<br/>containing\x20only\x20letters,\x20numbers\x20or\x20dash\x0a\x20\x20</p>\x0a</form>\x0a```\x0a','components/validator/examples/validator-and-validator-hint':n(0x191),'components/validator/examples/writing-an-invalid-email-address-applies-error-color-to-the-input-valid-email-address-applies-success-color':n(0x161),'layouts/bento-grid-5-sections':'#\x20Bento\x20Grid\x20with\x205\x20Sections\x0a\x0aThis\x20layout\x20creates\x20a\x20bento-style\x20grid\x20with\x205\x20sections,\x20utilizing\x20Tailwind\x20CSS\x20for\x20styling.\x20The\x20grid\x20is\x20responsive,\x20adjusting\x20the\x20number\x20of\x20columns\x20based\x20on\x20the\x20screen\x20size.\x20You\x20can\x20customize\x20the\x20content\x20and\x20styles\x20of\x20each\x20section\x20as\x20needed.\x20\x0aOn\x20large\x20screens,\x20it\x20displays\x203\x20columns,\x20while\x20on\x20medium\x20screens,\x20it\x20adapts\x20to\x202\x20columns.\x20On\x20small\x20screens,\x20it\x20shows\x20a\x20single\x20column.\x0aOn\x20large\x20screens,\x20section\x204\x20and\x205\x20are\x20wider.\x20On\x20medium\x20screens,\x20section\x204\x20spans\x20two\x20rows.\x20on\x20small\x20screens,\x20all\x20sections\x20stack\x20vertically.\x0a\x0a\x0a```html\x0a<div\x20class=\x22grid\x20min-h-140\x20gap-2\x20p-4\x20sm:grid-cols-2\x20lg:grid-cols-6\x22>\x0a\x20\x20<div\x20class=\x22rounded\x20bg-gray-600\x20p-4\x20lg:col-span-2\x22>1</div>\x0a\x20\x20<div\x20class=\x22rounded\x20bg-gray-600\x20p-4\x20lg:col-span-2\x22>2</div>\x0a\x20\x20<div\x20class=\x22rounded\x20bg-gray-600\x20p-4\x20lg:col-span-2\x22>3</div>\x0a\x20\x20<div\x20class=\x22rounded\x20bg-gray-600\x20p-4\x20sm:max-lg:row-span-2\x20lg:col-span-3\x22>4</div>\x0a\x20\x20<div\x20class=\x22rounded\x20bg-gray-600\x20p-4\x20lg:col-span-3\x22>5</div>\x0a</div>\x0a```\x0a','layouts/bento-grid-8-sections':'#\x20Bento\x20Grid\x20with\x208\x20Sections\x0a\x0aThis\x20layout\x20creates\x20a\x20bento-style\x20grid\x20with\x208\x20sections,\x20utilizing\x20Tailwind\x20CSS\x20for\x20styling.\x20The\x20grid\x20is\x20responsive,\x20adjusting\x20the\x20number\x20of\x20columns\x20based\x20on\x20the\x20screen\x20size.\x20You\x20can\x20customize\x20the\x20content\x20and\x20styles\x20of\x20each\x20section\x20as\x20needed.\x20\x0aOn\x20large\x20screens,\x20it\x20displays\x204\x20columns,\x20while\x20on\x20medium\x20screens,\x20it\x20adjusts\x20to\x202\x20columns.\x20On\x20small\x20screens,\x20it\x20defaults\x20to\x20a\x20single\x20column\x20layout.\x0aOn\x20large\x20screens,\x20section\x201\x20is\x20vertically\x20elongated,\x20sections\x205\x20and\x207\x20are\x20horizontally\x20elongated.\x0a\x0a\x0a```html\x0a<div\x20class=\x22min-h-140\x20grid\x20sm:grid-cols-2\x20lg:grid-cols-4\x20gap-2\x20p-4\x22>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20bg-gray-600\x20row-span-4\x22>1</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20bg-gray-600\x22>2</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20bg-gray-600\x22>3</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20bg-gray-600\x20row-span-3\x22>4</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20lg:col-span-2\x20bg-gray-600\x20row-span-3\x22>5</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20bg-gray-600\x20row-span-3\x22>6</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20lg:col-span-2\x20bg-gray-600\x20row-span-2\x22>7</div>\x0a\x20\x20<div\x20class=\x22p-4\x20rounded\x20bg-gray-600\x20row-span-2\x22>8</div>\x0a</div>\x0a```\x0a','layouts/responsive-collapsible-drawer-sidebar':n(0x151),'layouts/responsive-offcanvas-drawer-sidebar':n(0x184)};