@toyu-ui/solid 0.1.0

package/skills/components/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: components
+description: Load the Solid setup guidance and the complete TYUI component guidance set for Solid apps.
+license: Apache-2.0
+requires:
+  - '@toyu-ui/solid#setup'
+  - '@toyu-ui/elements#components'
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/components/SKILL.md
+---
+
+# TYUI Solid components
+
+## Intent
+
+Use `@toyu-ui/solid#components` when a Solid app needs the full TYUI component selection and usage guidance.
+
+## Correct Usage
+
+```sh
+yarn dlx @tanstack/intent@latest load @toyu-ui/solid#components
+```
+
+## Selection Guidance
+
+- Start Solid app guidance from this skill when component choice is not known.
+- Use `@toyu-ui/solid#setup` for Solid registration and JSX rules.
+- Use required `@toyu-ui/elements#*` skills for component-specific intent and anti-patterns.
+- Use `@toyu-ui/solid` exports and `@toyu-ui/solid/define/*` paths in app code.
+
+## Anti-Patterns
+
+- Do not ask Solid apps to install `@toyu-ui/define` or `@toyu-ui/elements` directly for normal use.
+- Do not duplicate component guidance in Solid skills.

package/skills/container/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: container
+description: Solid-facing alias for tyui-container guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#container']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/container/SKILL.md
+---
+
+# TYUI Solid container
+
+## Intent
+
+Use `@toyu-ui/solid#container` to load Solid setup plus the authoritative `@toyu-ui/elements#container` guidance.
+
+## Correct Usage
+
+```tsx
+import '@toyu-ui/solid/jsx';
+import { defineTyuiContainer } from '@toyu-ui/solid/define/container';
+
+defineTyuiContainer();
+
+<tyui-container size="wide" gutter="page" />;
+```
+
+## Selection Guidance
+
+- Use raw `tyui-container` in TSX for page or section rails.
+- Register it through `@toyu-ui/solid/define/container`.
+
+## Anti-Patterns
+
+- Do not use Container to set individual control widths.

package/skills/flex/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: flex
+description: Solid-facing alias for tyui-flex guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#flex']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/flex/SKILL.md
+---
+
+# TYUI Solid flex
+
+## Intent
+
+Use `@toyu-ui/solid#flex` to load Solid setup plus the authoritative `@toyu-ui/elements#flex` guidance.
+
+## Correct Usage
+
+```tsx
+import '@toyu-ui/solid/jsx';
+import { defineTyuiFlex } from '@toyu-ui/solid/define/flex';
+
+defineTyuiFlex();
+
+<tyui-flex direction="column" gap="3" />;
+```
+
+## Selection Guidance
+
+- Use raw `tyui-flex` in TSX for one-axis composition.
+- Register it through `@toyu-ui/solid/define/flex`.
+
+## Anti-Patterns
+
+- Do not import registration helpers from `@toyu-ui/define` in normal Solid app code.

package/skills/frame/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: frame
+description: Solid-facing alias for tyui-frame guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#frame']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/frame/SKILL.md
+---
+
+# TYUI Solid frame
+
+## Intent
+
+Use `@toyu-ui/solid#frame` to load Solid setup plus the authoritative `@toyu-ui/elements#frame` guidance.
+
+## Correct Usage
+
+```tsx
+import '@toyu-ui/solid/jsx';
+import { defineTyuiFrame } from '@toyu-ui/solid/define/frame';
+
+defineTyuiFrame();
+
+<tyui-frame ratio="16/9" fit="cover" />;
+```
+
+## Selection Guidance
+
+- Use raw `tyui-frame` in TSX for aspect-ratio media and previews.
+- Register it through `@toyu-ui/solid/define/frame`.
+
+## Anti-Patterns
+
+- Do not put complex forms inside Frame.

package/skills/grid/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: grid
+description: Solid-facing alias for tyui-grid guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#grid']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/grid/SKILL.md
+---
+
+# TYUI Solid grid
+
+## Intent
+
+Use `@toyu-ui/solid#grid` to load Solid setup plus the authoritative `@toyu-ui/elements#grid` guidance.
+
+## Correct Usage
+
+```tsx
+import '@toyu-ui/solid/jsx';
+import { defineTyuiGrid } from '@toyu-ui/solid/define/grid';
+
+defineTyuiGrid();
+
+<tyui-grid min-item-size="16rem" gap="4" />;
+```
+
+## Selection Guidance
+
+- Use raw `tyui-grid` in TSX for responsive peer cards and panels.
+- Register it through `@toyu-ui/solid/define/grid`.
+
+## Anti-Patterns
+
+- Do not use Grid for tabular data.

package/skills/input/SKILL.md

@@ -0,0 +1,37 @@
+---
+name: input
+description: Solid-facing alias for tyui-input guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#input']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/input/SKILL.md
+---
+
+# TYUI Solid input
+
+## Intent
+
+Use `@toyu-ui/solid#input` to load Solid setup plus the authoritative `@toyu-ui/elements#input` guidance.
+
+## Correct Usage
+
+```tsx
+import { Input } from '@toyu-ui/solid';
+
+<Input name="email" type="email" required>
+  Email
+</Input>;
+```
+
+## Selection Guidance
+
+- Use the `Input` wrapper for single-line text entry in Solid.
+- Use `event.detail.value` from typed `onInput` handlers.
+
+## Anti-Patterns
+
+- Do not rely on placeholder text as the only label.

package/skills/radio/SKILL.md

@@ -0,0 +1,37 @@
+---
+name: radio
+description: Solid-facing alias for tyui-radio guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#radio']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/radio/SKILL.md
+---
+
+# TYUI Solid radio
+
+## Intent
+
+Use `@toyu-ui/solid#radio` to load Solid setup plus the authoritative `@toyu-ui/elements#radio` guidance.
+
+## Correct Usage
+
+```tsx
+import { Radio, RadioGroup } from '@toyu-ui/solid';
+
+<RadioGroup label="Plan" name="plan">
+  <Radio value="team">Team</Radio>
+</RadioGroup>;
+```
+
+## Selection Guidance
+
+- Use Radio only inside RadioGroup.
+- Use Checkbox for independent boolean choices.
+
+## Anti-Patterns
+
+- Do not manage Radio checked state outside the group.

package/skills/radio-group/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: radio-group
+description: Solid-facing alias for tyui-radio-group guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#radio-group']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/radio-group/SKILL.md
+---
+
+# TYUI Solid radio group
+
+## Intent
+
+Use `@toyu-ui/solid#radio-group` to load Solid setup plus the authoritative `@toyu-ui/elements#radio-group` guidance.
+
+## Correct Usage
+
+```tsx
+import { Radio, RadioGroup } from '@toyu-ui/solid';
+
+<RadioGroup label="Frequency" name="frequency">
+  <Radio value="daily">Daily</Radio>
+  <Radio value="weekly">Weekly</Radio>
+</RadioGroup>;
+```
+
+## Selection Guidance
+
+- Use RadioGroup when the user chooses one option from a small set.
+- Use `event.detail.value` from typed change handlers.
+
+## Anti-Patterns
+
+- Do not put non-radio controls in the default slot.

package/skills/setup/SKILL.md

@@ -0,0 +1,49 @@
+---
+name: setup
+description: Set up TYUI custom elements for Solid, including registration, JSX typing, wrappers, and typed custom events.
+license: Apache-2.0
+requires: ['@toyu-ui/elements#components']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: src/index.ts
+---
+
+# TYUI Solid setup
+
+## Intent
+
+Use `@toyu-ui/solid` when a Solid app wants typed JSX ergonomics for TYUI custom
+elements. The implementation remains in `@toyu-ui/elements`.
+
+## Registration
+
+Register only the elements you use:
+
+```ts
+import { defineTyuiButton } from '@toyu-ui/solid/define/button';
+
+defineTyuiButton();
+```
+
+Use `defineTyuiElements()` only for demos or apps where eager registration of
+all elements is acceptable.
+
+## JSX Usage
+
+```tsx
+<tyui-button appearance="primary" on:click={save}>
+  Save
+</tyui-button>
+```
+
+Thin wrappers may improve prop names or event typing, but they must not fork
+behavior from the underlying custom element.
+
+## Anti-Patterns
+
+- Do not reimplement TYUI behavior in Solid wrappers.
+- Do not use Solid signals inside `@toyu-ui/elements`.
+- Do not register all elements in a library module that should tree-shake.

package/skills/sidebar/SKILL.md

@@ -0,0 +1,38 @@
+---
+name: sidebar
+description: Solid-facing alias for tyui-sidebar guidance.
+license: Apache-2.0
+requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#sidebar']
+metadata:
+  type: framework
+  library: '@toyu-ui/solid'
+  library_version: '0.1.0'
+  framework: solid
+  source: skills/sidebar/SKILL.md
+---
+
+# TYUI Solid sidebar
+
+## Intent
+
+Use `@toyu-ui/solid#sidebar` to load Solid setup plus the authoritative `@toyu-ui/elements#sidebar` guidance.
+
+## Correct Usage
+
+```tsx
+import '@toyu-ui/solid/jsx';
+import { defineTyuiSidebar } from '@toyu-ui/solid/define/sidebar';
+
+defineTyuiSidebar();
+
+<tyui-sidebar side-size="16rem" content-min="55%" />;
+```
+
+## Selection Guidance
+
+- Use raw `tyui-sidebar` in TSX for two-region fixed-plus-fluid layout.
+- Register it through `@toyu-ui/solid/define/sidebar`.
+
+## Anti-Patterns
+
+- Do not use Sidebar for overlay drawer behavior.