@toife/vue 3.1.3 → 3.1.4

package/src/components/avatar/avatar.md

@@ -1,64 +0,0 @@
-# `<t-avatar>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Displays an avatar image as a CSS `background-image` inside a themed frame (shape/role from app when omitted).
-
-## Requirements / dependencies
-
-| Item  | Notes                                             |
-| ----- | ------------------------------------------------- |
-| Vue   | ^3.5                                              |
-| Other | `t-app` recommended for default `role` / `shape`. |
-
-## Basic usage
-
-```vue
-<t-avatar src="/user.png" size="40px" />
-```
-
-## Props
-
-| Prop    | Type               | Default  | Description                           |
-| ------- | ------------------ | -------- | ------------------------------------- |
-| `shape` | `string`           | —        | Shape override; default from `t-app`. |
-| `size`  | `string \| number` | `"22px"` | Size (number is treated as px).       |
-| `src`   | `string`           | `""`     | Image URL for background.             |
-
-**Type source:** `src/components/avatar/avatar.type.ts`
-
-## Events (emits)
-
-_None._
-
-## Slots
-
-| Slot      | Description                    |
-| --------- | ------------------------------ |
-| `default` | Optional inner content (rare). |
-
-## `v-model`
-
-No.
-
-## Provide / inject
-
-Injects `AppProviderState` for `role` / `shape`.
-
-## Expose
-
-Nothing.
-
-## Accessibility (a11y)
-
-Decorative background image — add `aria-label` on a parent if a name must be announced.
-
-## Style / class notes
-
-CSS variable `--<prefix>-width` via `property("width")`.
-
-## See also
-
-- Source: `src/components/avatar`

package/src/components/button/button.md

@@ -1,66 +0,0 @@
-# `<t-button>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Button with variants, sizes, loading state, and theming from `t-app`.
-
-## Requirements / dependencies
-
-| Item  | Notes                                                |
-| ----- | ---------------------------------------------------- |
-| Vue   | ^3.5                                                 |
-| Other | `t-app` recommended for `shape` / `role` / `shadow`. |
-
-## Basic usage
-
-```vue
-<t-button variant="fill" @click="save">Save</t-button>
-<t-button loading>Loading</t-button>
-```
-
-## Props
-
-| Prop      | Type                               | Default      | Description                              |
-| --------- | ---------------------------------- | ------------ | ---------------------------------------- |
-| `role`    | `string`                           | —            | Theme role; default from app.            |
-| `size`    | `"small" \| "standard" \| "large"` | `"standard"` | Size.                                    |
-| `shape`   | `string`                           | —            | Shape; default from app.                 |
-| `block`   | `boolean`                          | `false`      | Full-width button.                       |
-| `loading` | `boolean`                          | `false`      | Hides label, shows `loading` slot.       |
-| `variant` | `ButtonVariant`                    | `"fill"`     | `fill` \| `outline` \| `text` \| `link`. |
-| `shadow`  | `boolean`                          | —            | Default from app if unset.               |
-
-**Type source:** `src/components/button/button.type.ts`
-
-## Events (emits)
-
-_No declared emits_ — use native DOM listeners (`@click`).
-
-## Slots
-
-| Slot      | Description                           |
-| --------- | ------------------------------------- |
-| `default` | Button label (hidden when `loading`). |
-| `loading` | Content when `loading`.               |
-
-## `v-model`
-
-No.
-
-## Provide / inject
-
-Injects theme from `t-app`.
-
-## Expose
-
-Nothing.
-
-## Accessibility (a11y)
-
-Native `<button>`; focus/blur styling handled internally.
-
-## See also
-
-- Source: `src/components/button`

package/src/components/cable/cable.md

@@ -1,57 +0,0 @@
-# `<t-cable>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Layout region for dock-style UI; provides `placement` to descendants (e.g. `Toolbar`) via inject.
-
-## Requirements / dependencies
-
-| Item  | Notes                                                |
-| ----- | ---------------------------------------------------- |
-| Vue   | ^3.5                                                 |
-| Other | Toolbar is often placed inside to inherit placement. |
-
-## Basic usage
-
-```vue
-<t-cable placement="bottom">
-  <t-toolbar><t-button>Home</t-button></t-toolbar>
-</t-cable>
-```
-
-## Props
-
-| Prop        | Type      | Default    | Description                             |
-| ----------- | --------- | ---------- | --------------------------------------- |
-| `keyboard`  | `boolean` | `false`    | Reserved for keyboard-related behavior. |
-| `placement` | `string`  | `"bottom"` | Cable placement (class on root).        |
-
-**Type source:** `src/components/cable/cable.type.ts`
-
-## Events (emits)
-
-_None._
-
-## Slots
-
-| Slot      | Description                    |
-| --------- | ------------------------------ |
-| `default` | Content (toolbar, buttons, …). |
-
-## Provide / inject
-
-`provide(CABLE_PROVIDER_STATE_KEY)`: `{ placement }` — `Toolbar` injects it for placement classes.
-
-## Expose
-
-Nothing.
-
-## Style / class notes
-
-Classes: `layer`, `base`, `cable`, plus placement.
-
-## See also
-
-- Source: `src/components/cable`

package/src/components/card/card/card.md

@@ -1,57 +0,0 @@
-# `<t-card>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Card surface with optional divider; provides context for `CardHeader` / `CardBody` / `CardFooter`.
-
-## Requirements / dependencies
-
-| Item  | Notes                |
-| ----- | -------------------- |
-| Vue   | ^3.5                 |
-| Other | `t-app` recommended. |
-
-## Basic usage
-
-```vue
-<t-card>
-  <t-card-header>Title</t-card-header>
-  <t-card-body>Content</t-card-body>
-  <t-card-footer>Footer</t-card-footer>
-</t-card>
-```
-
-## Props
-
-| Prop      | Type      | Default | Description                         |
-| --------- | --------- | ------- | ----------------------------------- |
-| `role`    | `string`  | —       | Default from app.                   |
-| `shape`   | `string`  | —       | Default from app.                   |
-| `divider` | `boolean` | —       | Section dividers; default from app. |
-
-**Type source:** `src/components/card/card/card.type.ts`
-
-## Events (emits)
-
-_None._
-
-## Slots
-
-| Slot      | Description       |
-| --------- | ----------------- |
-| `default` | Entire card body. |
-
-## Provide / inject
-
-`provide(CARD_PROVIDER_STATE_KEY)`: `{ role, shape, divider }` for header/footer.
-
-## Expose
-
-Nothing.
-
-## See also
-
-- Source: `src/components/card/card`
-- [card-header.md](../card-header/card-header.md), [card-body.md](../card-body/card-body.md), [card-footer.md](../card-footer/card-footer.md)

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

@@ -1,34 +0,0 @@
-# `<t-card-body>`
-
-> Default prefix is `t-` — change via `createToife({ prefix: "..." })`.
-
-## Description
-
-Main content region of a card.
-
-## Requirements / dependencies
-
-| Item  | Notes                    |
-| ----- | ------------------------ |
-| Vue   | ^3.5                     |
-| Other | Usually inside `t-card`. |
-
-## Basic usage
-
-```vue
-<t-card-body>Main content</t-card-body>
-```
-
-## Props
-
-_None._
-
-## Slots
-
-| Slot      | Description |
-| --------- | ----------- |
-| `default` | Content.    |
-
-## See also
-
-- Source: `src/components/card/card-body`

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 direction="horizontal" />
-<t-divider direction="vertical" />
-```
-
-## Props
-
-| Prop        | Type                         | Default        | Description                     |
-| ----------- | ---------------------------- | -------------- | ------------------------------- |
-| `direction` | `"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`