@toife/vue 3.1.2 → 3.1.4

package/src/components/card/card-footer/card-footer.md

@@ -1,42 +0,0 @@
-# `<t-card-footer>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Card footer region; divider follows `t-card` context.
-
-## Requirements / dependencies
-
-| Item  | Notes                                         |
-| ----- | --------------------------------------------- |
-| Vue   | ^3.5                                          |
-| Other | Should be inside `t-card` for correct inject. |
-
-## Basic usage
-
-```vue
-<t-card>
-  <t-card-footer>
-    <t-button>OK</t-button>
-  </t-card-footer>
-</t-card>
-```
-
-## Props
-
-_None._
-
-## Slots
-
-| Slot      | Description     |
-| --------- | --------------- |
-| `default` | Footer content. |
-
-## Provide / inject
-
-Injects `CardProviderState` from `t-card`.
-
-## See also
-
-- Source: `src/components/card/card-footer`

package/src/components/card/card-header/card-header.md

@@ -1,44 +0,0 @@
-# `<t-card-header>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Card header region; divider follows context from `t-card`.
-
-## Requirements / dependencies
-
-| Item  | Notes                                                        |
-| ----- | ------------------------------------------------------------ |
-| Vue   | ^3.5                                                         |
-| Other | Must be inside `t-card` (injects `CARD_PROVIDER_STATE_KEY`). |
-
-## Basic usage
-
-```vue
-<t-card>
-  <t-card-header>Title</t-card-header>
-</t-card>
-```
-
-## Props
-
-_No own props._
-
-## Events (emits)
-
-_None._
-
-## Slots
-
-| Slot      | Description     |
-| --------- | --------------- |
-| `default` | Header content. |
-
-## Provide / inject
-
-Injects `CardProviderState` from `t-card`.
-
-## See also
-
-- Source: `src/components/card/card-header`

package/src/components/checkbox/checkbox.md

@@ -1,60 +0,0 @@
-# `<t-checkbox>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Custom boolean checkbox (not a native `<input type="checkbox">`), with `v-model` and readonly/disabled states.
-
-## Requirements / dependencies
-
-| Item  | Notes                |
-| ----- | -------------------- |
-| Vue   | ^3.5                 |
-| Other | `t-app` recommended. |
-
-## Basic usage
-
-```vue
-<t-checkbox v-model="checked">I agree</t-checkbox>
-```
-
-## Props
-
-| Prop         | Type                  | Default  | Description              |
-| ------------ | --------------------- | -------- | ------------------------ |
-| `modelValue` | `boolean`             | `false`  | Value (`v-model`).       |
-| `role`       | `string`              | —        | Theme; default from app. |
-| `shape`      | `string`              | —        | Shape; default from app. |
-| `variant`    | `"fill" \| "outline"` | `"fill"` | Visual variant.          |
-| `readonly`   | `boolean`             | `false`  | Read-only.               |
-| `disabled`   | `boolean`             | `false`  | Disabled.                |
-| `shadow`     | `boolean`             | —        | Default from app.        |
-
-**Type source:** `src/components/checkbox/checkbox.type.ts`
-
-## Events (emits)
-
-| Event               | Payload   | Description                           |
-| ------------------- | --------- | ------------------------------------- |
-| `update:modelValue` | `boolean` | Updates `v-model`.                    |
-| `focus`             | —         | When focused (not disabled/readonly). |
-| `blur`              | —         | When blurred.                         |
-
-## Slots
-
-| Slot      | Description             |
-| --------- | ----------------------- |
-| `default` | Label next to the icon. |
-
-## `v-model`
-
-`modelValue` / `update:modelValue`.
-
-## Accessibility (a11y)
-
-`role="checkbox"`, `aria-checked`, `tabindex` 0 or -1; Space/Enter toggles.
-
-## See also
-
-- Source: `src/components/checkbox`

package/src/components/collapse/collapse.md

@@ -1,59 +0,0 @@
-# `<t-collapse>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Expand/collapse panel with height animation; separate slots for trigger and content.
-
-## Requirements / dependencies
-
-| Item  | Notes                |
-| ----- | -------------------- |
-| Vue   | ^3.5                 |
-| Other | `t-app` recommended. |
-
-## Basic usage
-
-```vue
-<t-collapse v-model="open">
-  <template #trigger>Expand</template>
-  <p>Hidden content</p>
-</t-collapse>
-```
-
-## Props
-
-| Prop         | Type      | Default | Description                                        |
-| ------------ | --------- | ------- | -------------------------------------------------- |
-| `modelValue` | `boolean` | `false` | Open (`true`) / closed.                            |
-| `duration`   | `number`  | —       | Transition duration (ms), mapped to CSS variables. |
-| `role`       | `string`  | —       | Theme role.                                        |
-| `disabled`   | `boolean` | `false` | Disables toggling.                                 |
-
-**Type source:** `src/components/collapse/collapse.type.ts`
-
-## Events (emits)
-
-| Event               | Payload   | Description   |
-| ------------------- | --------- | ------------- |
-| `update:modelValue` | `boolean` | After toggle. |
-
-## Slots
-
-| Slot      | Description                         |
-| --------- | ----------------------------------- |
-| `trigger` | Clickable header (`role="button"`). |
-| `default` | Collapsible content.                |
-
-## `v-model`
-
-`modelValue` / `update:modelValue`.
-
-## Accessibility (a11y)
-
-Trigger: `role="button"`, `aria-expanded`, `aria-disabled`; Enter/Space toggles.
-
-## See also
-
-- Source: `src/components/collapse`

package/src/components/container/container.md

@@ -1,38 +0,0 @@
-# `<t-container>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Base layout block (`layer` + `container`) wrapping page content.
-
-## Requirements / dependencies
-
-| Item  | Notes |
-| ----- | ----- |
-| Vue   | ^3.5  |
-| Other | None. |
-
-## Basic usage
-
-```vue
-<t-page>
-  <t-container>
-    <p>Content</p>
-  </t-container>
-</t-page>
-```
-
-## Props
-
-_No props._
-
-## Slots
-
-| Slot      | Description |
-| --------- | ----------- |
-| `default` | Content.    |
-
-## See also
-
-- Source: `src/components/container`

package/src/components/decision-modal/decision-modal.md

@@ -1,79 +0,0 @@
-# `<t-decision-modal>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Confirmation dialog (title, message, actions) inside `Present`. Often driven with `useDecisionModal()` from `t-app`.
-
-## Requirements / dependencies
-
-| Item  | Notes                                                |
-| ----- | ---------------------------------------------------- |
-| Vue   | ^3.5                                                 |
-| Other | `t-app` recommended; depends on `Present`, `Button`. |
-
-## Basic usage
-
-```vue
-<t-decision-modal
-  :visible="show"
-  title="Confirm"
-  message="Are you sure?"
-  :actions="[
-    { text: 'Cancel', variant: 'text', handler: () => (show = false) },
-    { text: 'Delete', variant: 'fill', handler: onDelete },
-  ]"
-  :dismiss="['backdrop']"
-  @close="show = false"
-/>
-```
-
-Composable:
-
-```ts
-const modal = useDecisionModal();
-modal.open({
-  message: "…",
-  actions: […],
-  onClose: () => {},
-  onChoose: (btn) => {},
-});
-```
-
-## Props
-
-| Prop        | Type                    | Default      | Description                        |
-| ----------- | ----------------------- | ------------ | ---------------------------------- |
-| `visible`   | `boolean`               | `false`      | Visibility.                        |
-| `title`     | `string`                | —            | Title (`header` slot overrides).   |
-| `message`   | `string`                | _(required)_ | Main copy (`body` slot overrides). |
-| `actions`   | `DecisionModalButton[]` | _(required)_ | Footer buttons.                    |
-| `dismiss`   | `string[]`              | —            | Close reasons that emit `close`.   |
-| `placement` | `string`                | `"center"`   | `Present` placement.               |
-| `role`      | `string`                | —            | Theme.                             |
-| `shape`     | `string`                | —            | Shape.                             |
-| `divider`   | `boolean`               | —            | Divider; default from app.         |
-| `flow`      | `"row" \| "column"`     | `"row"`      | Footer button layout.              |
-
-**Type source:** `src/components/decision-modal/decision-modal.type.ts`
-
-## Events (emits)
-
-| Event    | Payload                    | Description                      |
-| -------- | -------------------------- | -------------------------------- |
-| `close`  | `type?: string`            | Valid dismiss (per `dismiss`).   |
-| `choose` | `btn: DecisionModalButton` | Button chosen (after `handler`). |
-
-## Slots
-
-| Slot     | Description                              |
-| -------- | ---------------------------------------- |
-| `header` | Replaces header (default shows `title`). |
-| `body`   | Replaces `message`.                      |
-| `footer` | Replaces default button row.             |
-
-## See also
-
-- Source: `src/components/decision-modal`
-- `decision-modal.composable.ts`

package/src/components/divider/divider.md

@@ -1,42 +0,0 @@
-# `<t-divider>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Horizontal or vertical divider line following theme.
-
-## Requirements / dependencies
-
-| Item  | Notes               |
-| ----- | ------------------- |
-| Vue   | ^3.5                |
-| Other | `t-app` for `role`. |
-
-## Basic usage
-
-```vue
-<t-divider orientation="horizontal" />
-<t-divider orientation="vertical" />
-```
-
-## Props
-
-| Prop          | Type                         | Default        | Description                     |
-| ------------- | ---------------------------- | -------------- | ------------------------------- |
-| `orientation` | `"horizontal" \| "vertical"` | `"horizontal"` | Divider direction.              |
-| `role`        | `string`                     | —              | Theme stroke; default from app. |
-
-**Type source:** `src/components/divider/divider.type.ts`
-
-## Events (emits)
-
-_None._
-
-## Slots
-
-_None._
-
-## See also
-
-- Source: `src/components/divider`

package/src/components/field/field.md

@@ -1,68 +0,0 @@
-# `<t-field>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Text input field. The current implementation only renders `OutlineField` when `variant === 'outline'`. Supports `v-model`, validation message, help text, and many input options.
-
-## Requirements / dependencies
-
-| Item  | Notes                |
-| ----- | -------------------- |
-| Vue   | ^3.5                 |
-| Other | `t-app` recommended. |
-
-## Basic usage
-
-```vue
-<t-field v-model="text" placeholder="Type…" />
-```
-
-## Props
-
-| Prop                    | Type               | Default      | Description                                                       |
-| ----------------------- | ------------------ | ------------ | ----------------------------------------------------------------- |
-| `modelValue`            | `string`           | `""`         | Value (`v-model`).                                                |
-| `name`                  | `string`           | —            | Input `name`.                                                     |
-| `variant`               | `FieldVariant`     | `"outline"`  | Only `outline` is wired in the current UI.                        |
-| `role` / `shape`        | `string`           | —            | Theme; default from app.                                          |
-| `size`                  | `FieldSize`        | `"standard"` | Field size.                                                       |
-| `shadow`                | `boolean`          | —            | Default from app.                                                 |
-| `direction`             | `AppDirection`     | —            | Default from app or `left`.                                       |
-| `id`                    | `string`           | —            | Element id.                                                       |
-| `value`                 | `string`           | —            | May mirror model (`OutlineField` uses `value \|\| modelValue`).   |
-| `placeholder`           | `string`           | `""`         | Placeholder.                                                      |
-| `disabled` / `readonly` | `boolean`          | `false`      |                                                                   |
-| `autocomplete`          | `string`           | —            |                                                                   |
-| `maxLength`             | `number \| string` | —            |                                                                   |
-| `tabindex`              | `number \| string` | —            |                                                                   |
-| `type`                  | `FieldType`        | `"text"`     | `text`, `number`, `email`, `password`, `tel`, `url`, `paragraph`. |
-| `line` / `maxLine`      | `number \| string` | `1` / —      | Lines (paragraph).                                                |
-| `message`               | `string`           | `""`         | Validation / warning message.                                     |
-| `help`                  | `string`           | `""`         | Help hint.                                                        |
-
-**Type source:** `src/components/field/field.type.ts`
-
-## Events (emits)
-
-| Event               | Payload      | Description   |
-| ------------------- | ------------ | ------------- |
-| `update:modelValue` | `string`     | Model update. |
-| `focus`             | `FocusEvent` |               |
-| `blur`              | `FocusEvent` |               |
-| `input`             | `Event`      |               |
-| `beforeinput`       | `Event`      |               |
-
-## Slots
-
-_None_ — content is owned by `OutlineField` (which may expose a default slot in the implementation).
-
-## `v-model`
-
-`modelValue` / `update:modelValue`.
-
-## See also
-
-- Source: `src/components/field`
-- [outline-field.md](./outline/outline-field.md) — implementation detail when `variant="outline"`

package/src/components/field/outline/outline-field.md

@@ -1,44 +0,0 @@
-# `OutlineField`
-
-> **Not** registered by `createToife()` — named import: `import { OutlineField } from "@toife/vue"` or register manually: `app.component("t-outline-field", OutlineField)`.
-
-## Description
-
-Outline field implementation (contenteditable or password `<input>`), used internally by `t-field` when `variant === 'outline'`. Import directly if you need it without the `Field` wrapper.
-
-## Requirements / dependencies
-
-| Item  | Notes                                               |
-| ----- | --------------------------------------------------- |
-| Vue   | ^3.5                                                |
-| Other | Same `FieldProps` / `FieldEmit` as `field.type.ts`. |
-
-## Basic usage
-
-```vue
-<script setup lang="ts">
-import { OutlineField } from "@toife/vue";
-</script>
-<template>
-  <OutlineField v-model="x" variant="outline" type="text" />
-</template>
-```
-
-## Props / events
-
-Same as `FieldProps` / `FieldEmit` — see [field.md](../field.md) and `field.type.ts`.
-
-## Slots
-
-| Slot      | Description                                             |
-| --------- | ------------------------------------------------------- |
-| `default` | Extra content after help (see `outline.html` template). |
-
-## Behavior notes
-
-- When `type !== 'password'`: contenteditable region with `v-text` and caret handling.
-- When `password`: native `<input type="password">`.
-
-## See also
-
-- Source: `src/components/field/outline`

package/src/components/form-group/form-group.md

@@ -1,41 +0,0 @@
-# `<t-form-group>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Groups controls in a horizontal or vertical flex layout; used by `Action` to stack button rows.
-
-## Requirements / dependencies
-
-| Item  | Notes |
-| ----- | ----- |
-| Vue   | ^3.5  |
-| Other | None. |
-
-## Basic usage
-
-```vue
-<t-form-group orientation="vertical">
-  <t-button>A</t-button>
-  <t-button>B</t-button>
-</t-form-group>
-```
-
-## Props
-
-| Prop          | Type                         | Default        | Description  |
-| ------------- | ---------------------------- | -------------- | ------------ |
-| `orientation` | `"horizontal" \| "vertical"` | `"horizontal"` | Layout axis. |
-
-**Type source:** `src/components/form-group/form-group.type.ts`
-
-## Slots
-
-| Slot      | Description     |
-| --------- | --------------- |
-| `default` | Child controls. |
-
-## See also
-
-- Source: `src/components/form-group`

package/src/components/gesture-indicator/gesture-indicator.md

@@ -1,42 +0,0 @@
-# `<t-gesture-indicator>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Small visual stroke hint for swipe placement; usually rendered inside `Modal` when swipe-to-dismiss is enabled.
-
-## Requirements / dependencies
-
-| Item  | Notes               |
-| ----- | ------------------- |
-| Vue   | ^3.5                |
-| Other | `t-app` for `role`. |
-
-## Basic usage
-
-```vue
-<!-- Rarely used standalone; Modal renders it when gesture + indicator -->
-<t-gesture-indicator placement="bottom" />
-```
-
-## Props
-
-| Prop        | Type     | Default    | Description                             |
-| ----------- | -------- | ---------- | --------------------------------------- |
-| `placement` | `string` | `"bottom"` | Placement class (e.g. `bottom`, `top`). |
-
-**Type source:** `src/components/gesture-indicator/gesture-indicator.type.ts`
-
-## Events (emits)
-
-_None._
-
-## Slots
-
-_None_ — decorative empty element.
-
-## See also
-
-- Source: `src/components/gesture-indicator`
-- [modal.md](../../modal/modal.md)

package/src/components/image/image.md

@@ -1,41 +0,0 @@
-# `<t-image>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-`<img>` with fallback to `defaultSrc` on load error.
-
-## Requirements / dependencies
-
-| Item  | Notes |
-| ----- | ----- |
-| Vue   | ^3.5  |
-| Other | None. |
-
-## Basic usage
-
-```vue
-<t-image src="/a.webp" default-src="/placeholder.png" />
-```
-
-## Props
-
-| Prop         | Type     | Default | Description                            |
-| ------------ | -------- | ------- | -------------------------------------- |
-| `src`        | `string` | —       | Primary image URL (assigned on mount). |
-| `defaultSrc` | `string` | —       | Fallback URL on `@error`.              |
-
-**Type source:** `src/components/image/image.type.ts`
-
-## Events (emits)
-
-_None declared_ — internal `@error` handler.
-
-## Slots
-
-_None._
-
-## See also
-
-- Source: `src/components/image`

package/src/components/layout/cell/cell.html

@@ -1 +0,0 @@
-<div v-bind="cellAttrs"><slot /></div>

package/src/components/layout/cell/cell.md

@@ -1,47 +0,0 @@
-# `<t-grid-item>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Cell inside `<t-grid>`. Placement uses `grid-column` / `grid-row` via props or raw CSS strings.
-
-## Requirements / dependencies
-
-| Item   | Notes                                          |
-| ------ | ---------------------------------------------- |
-| Vue    | ^3.5                                           |
-| Parent | `<t-grid>` (or any `display: grid` container). |
-
-## Basic usage
-
-```vue
-<t-grid :columns="3">
-  <t-grid-item :column-span="2">Wide</t-grid-item>
-  <t-grid-item>Narrow</t-grid-item>
-</t-grid>
-```
-
-## Props
-
-| Prop          | Type     | Description                                   |
-| ------------- | -------- | --------------------------------------------- |
-| `column`      | `string` | Raw `grid-column` (overrides span/start/end). |
-| `row`         | `string` | Raw `grid-row`.                               |
-| `columnSpan`  | `number` | `span n` on the column axis.                  |
-| `rowSpan`     | `number` | `span n` on the row axis.                     |
-| `columnStart` | `number` | Grid line start (column).                     |
-| `columnEnd`   | `number` | Grid line end (column).                       |
-| `rowStart`    | `number` | Grid line start (row).                        |
-| `rowEnd`      | `number` | Grid line end (row).                          |
-
-## Slots
-
-| Slot      | Description   |
-| --------- | ------------- |
-| `default` | Cell content. |
-
-## See also
-
-- Source: `src/components/grid/grid-item`
-- `<t-grid>`