tutuca 0.11.0 → 0.11.2

package/skill/margaui/components/text-rotate.md

@@ -1,91 +0,0 @@
-# text-rotate
-
-_cycle through words in place (CSS animation)_
-
-## What it does
-
-CSS-only animated text that cycles through a list of words/phrases.
-
-## When to use
-
-- Marketing headlines ("build {fast|easy|cheap} apps").
-
-## Examples
-
-### Text rotate
-
-Source: `playground/components/text-rotate/text-rotate.html`
-
-```html
-<span class="text-rotate">
-  <span>
-    <span>ONE</span>
-    <span>TWO</span>
-    <span>THREE</span>
-  </span>
-</span>
-```
-
-### Custom line height
-
-Source: `playground/components/text-rotate/custom-line-height.html`
-
-```html
-<span class="text-rotate text-7xl leading-[2]">
-  <span class="justify-items-center">
-    <span>📐 DESIGN</span>
-    <span>⌨️ DEVELOP</span>
-    <span>🌎 DEPLOY</span>
-    <span>🌱 SCALE</span>
-    <span>🔧 MAINTAIN</span>
-    <span>♻️ REPEAT</span>
-  </span>
-</span>
-```
-
-### Rotating 3 words with custom duration
-
-Source: `playground/components/text-rotate/rotating-3-words-with-custom-duration.html`
-
-```html
-<span class="text-rotate text-7xl duration-6000">
-  <span class="justify-items-center">
-  <span>BLAZING</span>
-  <span class="font-bold italic px-2">FAST ▶︎▶︎</span>
-  </span>
-</span>
-```
-
-### Rotating 6 words
-
-Source: `playground/components/text-rotate/rotating-6-words.html`
-
-```html
-<span class="text-rotate text-7xl">
-  <span class="justify-items-center">
-    <span>DESIGN</span>
-    <span>DEVELOP</span>
-    <span>DEPLOY</span>
-    <span>SCALE</span>
-    <span>MAINTAIN</span>
-    <span>REPEAT</span>
-  </span>
-</span>
-```
-
-### Rotating words in a sentence
-
-Source: `playground/components/text-rotate/rotating-words-in-a-sentence.html`
-
-```html
-<span>
-  Providing AI Agents for 
-  <span class="text-rotate">
-    <span>
-      <span class="bg-teal-400 text-teal-800 px-2">Designers</span>
-      <span class="bg-red-400 text-red-800 px-2">Developers</span>
-      <span class="bg-blue-400 text-blue-800 px-2">Managers</span>
-    </span>
-  </span>
-</span>
-```

package/skill/margaui/components/textarea.md

@@ -1,85 +0,0 @@
-# textarea
-
-_styled `<textarea>`_
-
-## What it does
-
-Themed `<textarea>`.
-
-## When to use
-
-- Multi-line text input.
-- For single-line text input, use **input**.
-
-## Core classes
-
-`textarea`; color `textarea-primary|…`; style `textarea-ghost`; size `textarea-xs|sm|md|lg|xl`.
-
-## Examples
-
-### Textarea
-
-Source: `playground/components/textarea/textarea.html`
-
-```html
-<textarea class="textarea" placeholder="Bio"></textarea>
-```
-
-### Disabled
-
-Source: `playground/components/textarea/disabled.html`
-
-```html
-<textarea class="textarea" placeholder="Bio" disabled></textarea>
-```
-
-### Ghost no background
-
-Source: `playground/components/textarea/ghost-no-background.html`
-
-```html
-<textarea class="textarea textarea-ghost" placeholder="Bio"></textarea>
-```
-
-### Sizes
-
-Source: `playground/components/textarea/sizes.html`
-
-```html
-<textarea placeholder="Bio" class="textarea textarea-xs"></textarea>
-
-<textarea placeholder="Bio" class="textarea textarea-sm"></textarea>
-
-<textarea placeholder="Bio" class="textarea textarea-md"></textarea>
-
-<textarea placeholder="Bio" class="textarea textarea-lg"></textarea>
-
-<textarea placeholder="Bio" class="textarea textarea-xl"></textarea>
-```
-
-### Textarea colors
-
-Source: `playground/components/textarea/textarea-colors.html`
-
-```html
-<textarea placeholder="Primary" class="textarea textarea-primary"></textarea>
-<textarea placeholder="Secondary" class="textarea textarea-secondary"></textarea>
-<textarea placeholder="Accent" class="textarea textarea-accent"></textarea>
-<textarea placeholder="Neutral" class="textarea textarea-neutral"></textarea>
-<textarea placeholder="Info" class="textarea textarea-info"></textarea>
-<textarea placeholder="Success" class="textarea textarea-success"></textarea>
-<textarea placeholder="Warning" class="textarea textarea-warning"></textarea>
-<textarea placeholder="Error" class="textarea textarea-error"></textarea>
-```
-
-### With form control and labels
-
-Source: `playground/components/textarea/with-form-control-and-labels.html`
-
-```html
-<fieldset class="fieldset">
-  <legend class="fieldset-legend">Your bio</legend>
-  <textarea class="textarea h-24" placeholder="Bio"></textarea>
-  <div class="label">Optional</div>
-</fieldset>
-```

package/skill/margaui/components/theme-controller.md

@@ -1,266 +0,0 @@
-# theme-controller
-
-_checkbox / radio / dropdown that switches `data-theme`_
-
-## What it does
-
-A control that — when checked — sets `data-theme` on its enclosing `:has(...)` ancestor. CSS-only theme switching.
-
-## When to use
-
-- Theme switchers (light/dark toggles, dropdown of all themes).
-
-## Core classes
-
-`theme-controller` on the input/checkbox; the input's `value` becomes the applied theme name.
-
-## Examples
-
-### Theme controller using a checkbox
-
-Source: `playground/components/theme-controller/theme-controller-using-a-checkbox.html`
-
-```html
-<input type="checkbox" value="synthwave" class="checkbox theme-controller" />
-```
-
-### Theme controller using a dropdown
-
-Source: `playground/components/theme-controller/theme-controller-using-a-dropdown.html`
-
-```html
-<div class="dropdown mb-72">
-  <div tabindex="0" role="button" class="btn m-1">
-    Theme
-    <svg
-      width="12px"
-      height="12px"
-      class="inline-block h-2 w-2 fill-current opacity-60"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 2048 2048">
-      <path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z"></path>
-    </svg>
-  </div>
-  <ul tabindex="-1" class="dropdown-content bg-base-300 rounded-box z-1 w-52 p-2 shadow-2xl">
-    <li>
-      <input
-        type="radio"
-        name="theme-dropdown"
-        class="theme-controller w-full btn btn-sm btn-block btn-ghost justify-start"
-        aria-label="Default"
-        value="default" />
-    </li>
-    <li>
-      <input
-        type="radio"
-        name="theme-dropdown"
-        class="theme-controller w-full btn btn-sm btn-block btn-ghost justify-start"
-        aria-label="Retro"
-        value="retro" />
-    </li>
-    <li>
-      <input
-        type="radio"
-        name="theme-dropdown"
-        class="theme-controller w-full btn btn-sm btn-block btn-ghost justify-start"
-        aria-label="Cyberpunk"
-        value="cyberpunk" />
-    </li>
-    <li>
-      <input
-        type="radio"
-        name="theme-dropdown"
-        class="theme-controller w-full btn btn-sm btn-block btn-ghost justify-start"
-        aria-label="Valentine"
-        value="valentine" />
-    </li>
-    <li>
-      <input
-        type="radio"
-        name="theme-dropdown"
-        class="theme-controller w-full btn btn-sm btn-block btn-ghost justify-start"
-        aria-label="Aqua"
-        value="aqua" />
-    </li>
-  </ul>
-</div>
-```
-
-### Theme controller using a radio button
-
-Source: `playground/components/theme-controller/theme-controller-using-a-radio-button.html`
-
-```html
-<div class="join join-vertical">
-  <input
-    type="radio"
-    name="theme-buttons"
-    class="btn theme-controller join-item"
-    aria-label="Default"
-    value="default" />
-  <input
-    type="radio"
-    name="theme-buttons"
-    class="btn theme-controller join-item"
-    aria-label="Retro"
-    value="retro" />
-  <input
-    type="radio"
-    name="theme-buttons"
-    class="btn theme-controller join-item"
-    aria-label="Cyberpunk"
-    value="cyberpunk" />
-  <input
-    type="radio"
-    name="theme-buttons"
-    class="btn theme-controller join-item"
-    aria-label="Valentine"
-    value="valentine" />
-  <input
-    type="radio"
-    name="theme-buttons"
-    class="btn theme-controller join-item"
-    aria-label="Aqua"
-    value="aqua" />
-</div>
-```
-
-### Theme controller using a radio input
-
-Source: `playground/components/theme-controller/theme-controller-using-a-radio-input.html`
-
-```html
-<fieldset class="fieldset">
-  <label class="flex gap-2 cursor-pointer items-center">
-    <input type="radio" name="theme-radios" class="radio radio-sm theme-controller" value="default"/>
-    Default
-  </label>
-  <label class="flex gap-2 cursor-pointer items-center">
-    <input type="radio" name="theme-radios" class="radio radio-sm theme-controller" value="retro"/>
-    Retro
-  </label>
-  <label class="flex gap-2 cursor-pointer items-center">
-    <input type="radio" name="theme-radios" class="radio radio-sm theme-controller" value="cyberpunk"/>
-    Cyberpunk
-  </label>
-  <label class="flex gap-2 cursor-pointer items-center">
-    <input type="radio" name="theme-radios" class="radio radio-sm theme-controller" value="valentine"/>
-    Valentine
-  </label>
-  <label class="flex gap-2 cursor-pointer items-center">
-    <input type="radio" name="theme-radios" class="radio radio-sm theme-controller" value="aqua"/>
-    Aqua
-  </label>
-</fieldset>
-```
-
-### Theme controller using a swap
-
-Source: `playground/components/theme-controller/theme-controller-using-a-swap.html`
-
-```html
-<label class="swap swap-rotate">
-  <!-- this hidden checkbox controls the state -->
-  <input type="checkbox" class="theme-controller" value="synthwave" />
-
-  <!-- sun icon -->
-  <svg
-    class="swap-off h-10 w-10 fill-current"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24">
-    <path
-      d="M5.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" />
-  </svg>
-
-  <!-- moon icon -->
-  <svg
-    class="swap-on h-10 w-10 fill-current"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24">
-    <path
-      d="M21.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" />
-  </svg>
-</label>
-```
-
-### Theme controller using a toggle with custom colors
-
-Source: `playground/components/theme-controller/theme-controller-using-a-toggle-with-custom-colors.html`
-
-```html
-<input
-  type="checkbox"
-  value="synthwave"
-  class="toggle theme-controller col-span-2 col-start-1 row-start-1 border-sky-400 bg-amber-300 [--tglbg:var(--color-sky-500)] checked:border-blue-800 checked:bg-blue-300 checked:[--tglbg:var(--color-blue-900)]" />
-```
-
-### Theme controller using a toggle with icons inside
-
-Source: `playground/components/theme-controller/theme-controller-using-a-toggle-with-icons-inside.html`
-
-```html
-<label class="toggle text-base-content">
-  <input type="checkbox" value="synthwave" class="theme-controller" />
-
-  <svg aria-label="sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></g></svg>
-
-  <svg aria-label="moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></g></svg>
-
-</label>
-```
-
-### Theme controller using a toggle with icons
-
-Source: `playground/components/theme-controller/theme-controller-using-a-toggle-with-icons.html`
-
-```html
-<label class="flex cursor-pointer gap-2">
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="20"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round">
-    <circle cx="12" cy="12" r="5" />
-    <path
-      d="M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4" />
-  </svg>
-  <input type="checkbox" value="synthwave" class="toggle theme-controller" />
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="20"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round">
-    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
-  </svg>
-</label>
-```
-
-### Theme controller using a toggle with text
-
-Source: `playground/components/theme-controller/theme-controller-using-a-toggle-with-text.html`
-
-```html
-<label class="flex cursor-pointer gap-2">
-  <span class="label-text">Current</span>
-  <input type="checkbox" value="synthwave" class="toggle theme-controller" />
-  <span class="label-text">Synthwave</span>
-</label>
-```
-
-### Theme controller using a toggle
-
-Source: `playground/components/theme-controller/theme-controller-using-a-toggle.html`
-
-```html
-<input type="checkbox" value="synthwave" class="toggle theme-controller" />
-```