From 62980e59965455cecb28a4e1516134c1a279f18b Mon Sep 17 00:00:00 2001
From: Konstantin Beskrovnyi <beskrovnyk@gmail.com>
Date: Tue, 10 Oct 2023 00:32:12 +0300
Subject: [PATCH] fix

---
 configuration-guide.md                        | 78 +++++++++----------
 examples/ai/src/config.ts                     |  2 +-
 examples/ai/src/custom/ActionSlide.vue        | 15 ++--
 examples/tales/src/config.ts                  |  2 +-
 packages/generation/README.md                 |  2 +-
 packages/generation/bootstrap.ts              |  6 +-
 .../DrawPreset.vue}                           |  4 +-
 .../components/DrawPreset/README.md           |  6 ++
 .../generation/components/DrawPreset/index.ts |  1 +
 .../components/DrawPresset/README.md          |  6 --
 .../components/DrawPresset/index.ts           |  1 -
 .../components/ListItem/ListItem.props.ts     |  4 +-
 .../components/ListItem/ListItem.vue          |  4 +-
 .../generation/components/Media/Emodji.vue    |  4 +-
 packages/generation/components/Media/Icon.vue |  4 +-
 .../generation/components/Media/Image.vue     |  4 +-
 ...presset.props.ts => Media.preset.props.ts} | 22 +++---
 .../{Media.presset.vue => Media.preset.vue}   |  6 +-
 .../generation/components/Media/README.md     |  2 +-
 .../generation/components/Media/Sticker.vue   |  4 +-
 .../{VideoPresset.vue => VideoPreset.vue}     |  4 +-
 packages/generation/components/Media/index.ts |  4 +-
 .../components/Media/useLoadedImage.ts        |  2 +-
 .../components/PaywallPopup/PaywallPopup.vue  |  4 +-
 .../components/PaywallPopup/README.md         |  2 +-
 .../PrimitivePaywall/PrimitivePaywall.vue     |  6 +-
 .../components/PrimitivePaywall/README.md     |  4 +-
 .../PrimitiveSlide/PrimitiveSlide.vue         |  4 +-
 .../components/PrimitiveSlide/README.md       |  2 +-
 packages/generation/components/README.md      |  2 +-
 packages/generation/defineConfig.ts           | 18 ++---
 packages/generation/plugins/README.md         |  2 +-
 .../definePresets/DefinePresets.plugin.ts     | 14 ++++
 .../generation/plugins/definePresets/index.ts |  1 +
 .../definePressets/DefinePressets.plugin.ts   | 14 ----
 .../plugins/definePressets/index.ts           |  1 -
 .../{pressets => presets}/README.md           |  2 +-
 .../{pressets => presets}/Route.vue           |  4 +-
 .../{pressets => presets}/base/README.md      |  6 +-
 .../base/base.preset.props.ts}                |  4 +-
 .../base/base.preset.vue}                     | 13 ++--
 packages/generation/presets/base/index.ts     |  2 +
 .../{pressets => presets}/form/README.md      |  6 +-
 .../form/form.preset.props.ts}                |  4 +-
 .../form/form.preset.vue}                     | 17 ++--
 packages/generation/presets/form/index.ts     |  2 +
 .../paywall/BaseProduct.vue                   |  2 +-
 .../{pressets => presets}/paywall/README.md   |  6 +-
 packages/generation/presets/paywall/index.ts  |  2 +
 .../presets/paywall/paywall.preset.props.ts   |  7 ++
 .../paywall/paywall.preset.vue}               | 10 +--
 .../paywall_row/Product.vue                   |  2 +-
 .../paywall_row/README.md                     |  6 +-
 .../generation/presets/paywall_row/index.ts   |  2 +
 .../paywall_row/paywall_row.preset.props.ts}  |  4 +-
 .../paywall_row/paywall_row.preset.vue}       | 10 +--
 .../presets/paywall_single/README.md          | 12 +++
 .../presets/paywall_single/index.ts           |  2 +
 .../paywall_single.preset.props.ts}           |  4 +-
 .../paywall_single/paywall_single.preset.vue} | 14 ++--
 .../{pressets => presets}/slide/README.md     |  6 +-
 packages/generation/presets/slide/index.ts    |  2 +
 .../slide/slide.preset.props.ts}              |  4 +-
 .../slide/slide.preset.vue}                   | 10 +--
 packages/generation/pressets/base/index.ts    |  2 -
 packages/generation/pressets/form/index.ts    |  2 -
 packages/generation/pressets/paywall/index.ts |  2 -
 .../pressets/paywall/paywall.presset.props.ts |  7 --
 .../generation/pressets/paywall_row/index.ts  |  2 -
 .../pressets/paywall_single/README.md         | 12 ---
 .../pressets/paywall_single/index.ts          |  2 -
 packages/generation/pressets/slide/index.ts   |  2 -
 packages/generation/tokens/README.md          |  4 +-
 .../generation/tokens/definedPresets.token.ts | 34 ++++++++
 .../tokens/definedPressets.token.ts           | 34 --------
 packages/generation/tokens/index.ts           |  2 +-
 packages/generation/use/README.md             |  4 +-
 77 files changed, 263 insertions(+), 272 deletions(-)
 rename packages/generation/components/{DrawPresset/DrawPresset.vue => DrawPreset/DrawPreset.vue} (73%)
 create mode 100644 packages/generation/components/DrawPreset/README.md
 create mode 100644 packages/generation/components/DrawPreset/index.ts
 delete mode 100644 packages/generation/components/DrawPresset/README.md
 delete mode 100644 packages/generation/components/DrawPresset/index.ts
 rename packages/generation/components/Media/{Media.presset.props.ts => Media.preset.props.ts} (79%)
 rename packages/generation/components/Media/{Media.presset.vue => Media.preset.vue} (77%)
 rename packages/generation/components/Media/{VideoPresset.vue => VideoPreset.vue} (96%)
 create mode 100644 packages/generation/plugins/definePresets/DefinePresets.plugin.ts
 create mode 100644 packages/generation/plugins/definePresets/index.ts
 delete mode 100644 packages/generation/plugins/definePressets/DefinePressets.plugin.ts
 delete mode 100644 packages/generation/plugins/definePressets/index.ts
 rename packages/generation/{pressets => presets}/README.md (99%)
 rename packages/generation/{pressets => presets}/Route.vue (71%)
 rename packages/generation/{pressets => presets}/base/README.md (69%)
 rename packages/generation/{pressets/base/base.presset.props.ts => presets/base/base.preset.props.ts} (52%)
 rename packages/generation/{pressets/base/base.presset.vue => presets/base/base.preset.vue} (88%)
 create mode 100644 packages/generation/presets/base/index.ts
 rename packages/generation/{pressets => presets}/form/README.md (77%)
 rename packages/generation/{pressets/form/form.presset.props.ts => presets/form/form.preset.props.ts} (68%)
 rename packages/generation/{pressets/form/form.presset.vue => presets/form/form.preset.vue} (85%)
 create mode 100644 packages/generation/presets/form/index.ts
 rename packages/generation/{pressets => presets}/paywall/BaseProduct.vue (96%)
 rename packages/generation/{pressets => presets}/paywall/README.md (53%)
 create mode 100644 packages/generation/presets/paywall/index.ts
 create mode 100644 packages/generation/presets/paywall/paywall.preset.props.ts
 rename packages/generation/{pressets/paywall/paywall.presset.vue => presets/paywall/paywall.preset.vue} (90%)
 rename packages/generation/{pressets => presets}/paywall_row/Product.vue (96%)
 rename packages/generation/{pressets => presets}/paywall_row/README.md (60%)
 create mode 100644 packages/generation/presets/paywall_row/index.ts
 rename packages/generation/{pressets/paywall_row/paywall_row.presset.props.ts => presets/paywall_row/paywall_row.preset.props.ts} (64%)
 rename packages/generation/{pressets/paywall_row/paywall_row.presset.vue => presets/paywall_row/paywall_row.preset.vue} (92%)
 create mode 100644 packages/generation/presets/paywall_single/README.md
 create mode 100644 packages/generation/presets/paywall_single/index.ts
 rename packages/generation/{pressets/paywall_single/paywall_single.presset.props.ts => presets/paywall_single/paywall_single.preset.props.ts} (75%)
 rename packages/generation/{pressets/paywall_single/paywall_single.presset.vue => presets/paywall_single/paywall_single.preset.vue} (84%)
 rename packages/generation/{pressets => presets}/slide/README.md (65%)
 create mode 100644 packages/generation/presets/slide/index.ts
 rename packages/generation/{pressets/slide/slide.presset.props.ts => presets/slide/slide.preset.props.ts} (81%)
 rename packages/generation/{pressets/slide/slide.presset.vue => presets/slide/slide.preset.vue} (92%)
 delete mode 100644 packages/generation/pressets/base/index.ts
 delete mode 100644 packages/generation/pressets/form/index.ts
 delete mode 100644 packages/generation/pressets/paywall/index.ts
 delete mode 100644 packages/generation/pressets/paywall/paywall.presset.props.ts
 delete mode 100644 packages/generation/pressets/paywall_row/index.ts
 delete mode 100644 packages/generation/pressets/paywall_single/README.md
 delete mode 100644 packages/generation/pressets/paywall_single/index.ts
 delete mode 100644 packages/generation/pressets/slide/index.ts
 create mode 100644 packages/generation/tokens/definedPresets.token.ts
 delete mode 100644 packages/generation/tokens/definedPressets.token.ts

diff --git a/configuration-guide.md b/configuration-guide.md
index f097e5a..310e601 100644
--- a/configuration-guide.md
+++ b/configuration-guide.md
@@ -1,11 +1,11 @@
 # Configuration Guide
 
 1. [DefineConfig and Bootstrap](#defineconfig-and-bootstrap)
-2. [Pressets](#pressets)
+2. [Presets](#presets)
    - [base](#base)
    - [slide](#slide)
      - [Standalone Page](#standalone-page)
-     - [Inside base.presset](#inside-basepresset)
+     - [Inside base.preset](#inside-basepreset)
      - Parameters
        - [Title](#title-required)
        - [Button](#button-required)
@@ -46,7 +46,7 @@
 6. [Currency Config](#currency-config)
 7. [Localization](#localization)
 8. [Currency localization](#currency-localization)
-9. [Custom Pressets](#custom-pressets)
+9. [Custom Presets](#custom-presets)
 
 # DefineConfig and Bootstrap
 
@@ -57,7 +57,7 @@ The structure of your configuration:
 ```ts
 export default defineConfig({
     // [Required]. App pages configuration.
-    // More info in the "Pressets" section
+    // More info in the "Presets" section
     pages: [...],
 
     // [Optional]. Theme configuration.
@@ -72,13 +72,13 @@ export default defineConfig({
     // More information in the "Currency Config" section
     currencyConfig: {},
 
-    // [Optional]. custom pressets configuration
-    // More info in the "Custom Pressets" section
-    definePressets: {},
+    // [Optional]. custom presets configuration
+    // More info in the "Custom Presets" section
+    definePresets: {},
 });
 ```
 
-# Pressets
+# Presets
 
 In the `pages` section of your configuration file, you can extend our presets with the following code:
 
@@ -110,7 +110,7 @@ You can see all available extensions in the examples below
 }
 ```
 
-[Link to the component](./packages/generation/pressets/base/README.md)
+[Link to the component](./packages/generation/presets/base/README.md)
 
 This is the main preset of your application, representing a [Carousel](./packages/ui/components/Carousel/README.md). You can use it without defining an extends keyword. We will automatically resolve this preset **only for root elements** inside the pages section
 
@@ -126,7 +126,7 @@ export default defineConfig({
 });
 ```
 
-The only required parameter for this `base.presset` is `slides`, which takes an array of other presets.
+The only required parameter for this `base.preset` is `slides`, which takes an array of other presets.
 
 ```ts
 export default defineConfig({
@@ -148,7 +148,7 @@ export default defineConfig({
 });
 ```
 
-By default, if there is no `extends` keyword inside the `slides`, the `Base` will use [slide presset](#slide)
+By default, if there is no `extends` keyword inside the `slides`, the `Base` will use [slide preset](#slide)
 
 So, this is valid config for this case:
 
@@ -176,9 +176,9 @@ export default defineConfig({
 }
 ```
 
-[Link to the component](./packages/generation/pressets/slide/README.md)
+[Link to the component](./packages/generation/presets/slide/README.md)
 
-This presset can be used as a standalone page or inside [base.presset](#base)
+This preset can be used as a standalone page or inside [base.preset](#base)
 
 ### Standalone page
 
@@ -193,13 +193,13 @@ export default defineConfig({
 });
 ```
 
-### Inside base.presset
+### Inside base.preset
 
-Refer to the examples above for [base.presset](#base)
+Refer to the examples above for [base.preset](#base)
 
 ### Parameters
 
-The examples below are for standalone page usage. The same configuration can be used for a slide inside [base.presset](#base).
+The examples below are for standalone page usage. The same configuration can be used for a slide inside [base.preset](#base).
 
 And `Button` will be shown only inside Telegram
 
@@ -302,7 +302,7 @@ export default defineConfig({
 <details>
   <summary>With the code above you will get this result:</summary>
 
-Keep in mind that all media pressets with `type="image"` by default will be with aspect-ratio: 1/1
+Keep in mind that all media presets with `type="image"` by default will be with aspect-ratio: 1/1
 
 ![preview](./docs/images/slide_media.png)
 
@@ -377,7 +377,7 @@ export default defineConfig({
 
 ### Pagination [Optional]
 
-If you are using the [slide.presset](#slide) inside slides in [base.presset](#base), you can use the `pagination` parameter to show the counter on the page. If it's not inside [base.presset](#base), pagination won't be displayed.
+If you are using the [slide.preset](#slide) inside slides in [base.preset](#base), you can use the `pagination` parameter to show the counter on the page. If it's not inside [base.preset](#base), pagination won't be displayed.
 
 ```ts
 export default defineConfig({
@@ -563,9 +563,9 @@ export default defineConfig({
 }
 ```
 
-[Link to the component](./packages/generation/pressets/form/README.md)
+[Link to the component](./packages/generation/presets/form/README.md)
 
-This preset supports all the parameters from the [slide](#slide) and adds a new one: `form`.
+This preset supports all parameters from the [slide](#slide) and introduces new ones: `form`.
 
 ### Parameters
 
@@ -650,11 +650,11 @@ export default defineConfig({
 }
 ```
 
-[Link to the component](./packages/generation/pressets/paywall/README.md)
+[Link to the component](./packages/generation/presets/paywall/README.md)
 
 The currency can be customized. [See these examples](#currency-config).
 
-This preset supports all the parameters except `button` from the [slide](#slide) and adds new ones:
+This preset supports all parameters except `button` from the [slide](#slide) and introduces new ones:
 
 ### Parameters
 
@@ -671,7 +671,7 @@ export default defineConfig({
         {
           id: 'id1',
           title: 'Title',
-          // you can show price instead of description with this "trick"
+          // You can display the price instead of the description using this "trick"
           description: '',
           price: 10,
         },
@@ -738,7 +738,7 @@ export default defineConfig({
 
 By default will be with "Continue" text
 
-You can show price inside main button text with this config:
+You can display the price inside the main button like this:
 
 ```ts
 export default defineConfig({
@@ -772,7 +772,7 @@ By default will be show our predefinned popup
 
 By default: 'telegram'
 
-You can tell that you want to show only web popup with this parameter:
+You can specify this parameter to indicate your preference for displaying only web popups
 
 ```ts
 export default defineConfig({
@@ -963,9 +963,9 @@ export default defineConfig({
 }
 ```
 
-[Link to the component](./packages/generation/pressets/paywall_single/README.md)
+[Link to the component](./packages/generation/presets/paywall_single/README.md)
 
-This preset supports all the parameters except `products` from the [paywall](#paywall) and add new once:
+This preset supports all parameters (except `products`) from the [paywall](#paywall) and add new one:
 
 ### Parameters
 
@@ -997,7 +997,7 @@ export default defineConfig({
 
 </details>
 
-And you can add some media for your product:
+You can also include some [media](#media) for your product
 
 ```ts
 export default defineConfig({
@@ -1038,9 +1038,9 @@ export default defineConfig({
 }
 ```
 
-[Link to the component](./packages/generation/pressets/paywall_row/README.md)
+[Link to the component](./packages/generation/presets/paywall_row/README.md)
 
-This preset supports all the parameters from the [paywall](#paywall) but overrides products:
+This preset supports all parameters from the [paywall](#paywall) but **overrides products**:
 
 ### Parameters
 
@@ -1277,7 +1277,7 @@ Styles by default:
 
 # Button Actions
 
-You can specify button action behavior inside [slide.presset](#slide).
+You can specify button action behavior inside [slide.preset](#slide).
 It will be shown as text with the default behavior of navigating to the next slide if possible.
 
 > [!NOTE]
@@ -1487,7 +1487,7 @@ export default defineConfig({
 });
 ```
 
-# Custom Pressets
+# Custom Presets
 
 > [!NOTE]
 > Try to avoid using reserved preset names above.
@@ -1499,17 +1499,17 @@ You can define custom presets if you want to using the following code:
 
 ```ts
 // this will be inside intial bundle
-import CustomPresset from './CustomPresset.vue';
+import CustomPreset from './CustomPreset.vue';
 
-// this will be loaded asynchronously when such presset will be shown
-const AsyncCustomPresset = defineAsyncComponent(
-  () => import('./CustomPresset.vue')
+// this will be loaded asynchronously when such preset will be shown
+const AsyncCustomPreset = defineAsyncComponent(
+  () => import('./CustomPreset.vue')
 );
 
 export default defineConfig({
-  definePressets: {
-    your_custom_name: CustomPresset,
-    async_your_custom_name: AsyncCustomPresset,
+  definePresets: {
+    your_custom_name: CustomPreset,
+    async_your_custom_name: AsyncCustomPreset,
   },
   // and use them as:
   pages: [
diff --git a/examples/ai/src/config.ts b/examples/ai/src/config.ts
index 8cf269f..d4453c1 100644
--- a/examples/ai/src/config.ts
+++ b/examples/ai/src/config.ts
@@ -7,7 +7,7 @@ const imageStyle =
 
 export default defineConfig({
   theme: 'dark',
-  definePressets: {
+  definePresets: {
     action_slide: ActionSlide,
   },
   currencyConfig: {
diff --git a/examples/ai/src/custom/ActionSlide.vue b/examples/ai/src/custom/ActionSlide.vue
index 4f6169b..727a055 100644
--- a/examples/ai/src/custom/ActionSlide.vue
+++ b/examples/ai/src/custom/ActionSlide.vue
@@ -1,5 +1,5 @@
 <template>
-  <slide-presset
+  <slide-preset
     v-bind="props"
     pagination="count"
     shape="stacked"
@@ -27,15 +27,12 @@
         {{ translatedNext }}
       </flat-button>
     </div>
-  </slide-presset>
+  </slide-preset>
 </template>
 
 <script setup lang="ts">
-import type { MediaPressetProps } from '@tok/generation/components/Media';
-import {
-  SlidePresset,
-  SlidePressetProps,
-} from '@tok/generation/pressets/slide';
+import type { MediaPresetProps } from '@tok/generation/components/Media';
+import { SlidePreset, SlidePresetProps } from '@tok/generation/presets/slide';
 import { useCarousel } from '@tok/generation/use/carousel';
 import { useI18n } from '@tok/i18n';
 import { FlatButton, FlatButtonProps } from '@tok/ui/components/FlatButton';
@@ -43,12 +40,12 @@ import { CUSTOM_ICONS_TOKEN } from '@tok/ui/tokens';
 import { computed, defineAsyncComponent, provide, ref, toRefs } from 'vue';
 
 type Props = Omit<
-  SlidePressetProps,
+  SlidePresetProps,
   'media' | 'button' | 'buttonAfterContent' | 'shape' | 'pagination'
 > & {
   actionButton: [string, string];
   nextButton: string | (FlatButtonProps & { content: string });
-  media: [MediaPressetProps, MediaPressetProps];
+  media: [MediaPresetProps, MediaPresetProps];
 };
 
 const props = defineProps<Props>();
diff --git a/examples/tales/src/config.ts b/examples/tales/src/config.ts
index 3aaa513..004069b 100644
--- a/examples/tales/src/config.ts
+++ b/examples/tales/src/config.ts
@@ -9,7 +9,7 @@ export default defineConfig({
     ru: import('./locales/ru.json'),
     en: import('./locales/en.json'),
   },
-  definePressets: {
+  definePresets: {
     story: Story,
   },
   currencyConfig: {
diff --git a/packages/generation/README.md b/packages/generation/README.md
index e51bc70..5a25646 100644
--- a/packages/generation/README.md
+++ b/packages/generation/README.md
@@ -3,7 +3,7 @@
 The primary package for generating projects via a configuration file. It offers presets that can be easily extended within the configuration file.
 
 1. [Components](./components/README.md)
-2. [Pressets](./pressets/README.md)
+2. [Presets](./presets/README.md)
 3. [Plugins](./plugins/README.md)
 4. [Tokens](./tokens/README.md)
 5. [Use](./use/README.md)
diff --git a/packages/generation/bootstrap.ts b/packages/generation/bootstrap.ts
index 5f5e2ee..3850832 100644
--- a/packages/generation/bootstrap.ts
+++ b/packages/generation/bootstrap.ts
@@ -1,6 +1,6 @@
 import '@tok/ui/styles/global.scss';
 
-import { DefinePressetsPlugin } from '@tok/generation/plugins/definePressets';
+import { DefinePresetsPlugin } from '@tok/generation/plugins/definePresets';
 import { FormStatePlugin } from '@tok/generation/plugins/formState';
 import { ThemePlugin } from '@tok/generation/plugins/theme';
 import { TokI18nPlugin } from '@tok/i18n';
@@ -32,7 +32,7 @@ export function bootstrap<T extends BootstrapConfig<any>>(
   const pages = config.pages.map((config, index) => {
     return {
       path: index === 0 ? '/' : config.path || `/${index}`,
-      component: () => import('@tok/generation/pressets/Route.vue'),
+      component: () => import('@tok/generation/presets/Route.vue'),
       meta: {
         config,
       },
@@ -72,7 +72,7 @@ export function bootstrap<T extends BootstrapConfig<any>>(
     .use(TokI18nPlugin, i18nOptions)
     .use(ThemePlugin, config.theme || 'auto')
     .use(FormStatePlugin)
-    .use(DefinePressetsPlugin, config.definePressets || {})
+    .use(DefinePresetsPlugin, config.definePresets || {})
     .use(CurrencyPlugin, config.currencyConfig || {})
     .mount('#app');
 }
diff --git a/packages/generation/components/DrawPresset/DrawPresset.vue b/packages/generation/components/DrawPreset/DrawPreset.vue
similarity index 73%
rename from packages/generation/components/DrawPresset/DrawPresset.vue
rename to packages/generation/components/DrawPreset/DrawPreset.vue
index dd870f7..1859732 100644
--- a/packages/generation/components/DrawPresset/DrawPresset.vue
+++ b/packages/generation/components/DrawPreset/DrawPreset.vue
@@ -3,13 +3,13 @@
 </template>
 
 <script setup lang="ts">
-import { DEFINED_PRESSETS_TOKEN } from '@tok/generation/tokens';
+import { DEFINED_PRESETS_TOKEN } from '@tok/generation/tokens';
 import { computed, inject, toRefs } from 'vue';
 
 const props = defineProps<{ extends: string }>();
 
 const { extends: _extends } = toRefs(props);
-const components = inject(DEFINED_PRESSETS_TOKEN, {});
+const components = inject(DEFINED_PRESETS_TOKEN, {});
 
 const resolved = computed(() => {
   const value = _extends.value;
diff --git a/packages/generation/components/DrawPreset/README.md b/packages/generation/components/DrawPreset/README.md
new file mode 100644
index 0000000..436f3d3
--- /dev/null
+++ b/packages/generation/components/DrawPreset/README.md
@@ -0,0 +1,6 @@
+# DrawPreset
+
+> [!NOTE]
+> This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
+
+This component can draw a preset which was defined via [DefinedPresets.token](../../tokens/README.md)
diff --git a/packages/generation/components/DrawPreset/index.ts b/packages/generation/components/DrawPreset/index.ts
new file mode 100644
index 0000000..cc08ba2
--- /dev/null
+++ b/packages/generation/components/DrawPreset/index.ts
@@ -0,0 +1 @@
+export { default as DrawPreset } from './DrawPreset.vue';
diff --git a/packages/generation/components/DrawPresset/README.md b/packages/generation/components/DrawPresset/README.md
deleted file mode 100644
index ea7bd8d..0000000
--- a/packages/generation/components/DrawPresset/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# DrawPresset
-
-> [!NOTE]
-> This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
-
-This component can draw a presset which was defined via [DefinedPressets.token](../../tokens/README.md)
diff --git a/packages/generation/components/DrawPresset/index.ts b/packages/generation/components/DrawPresset/index.ts
deleted file mode 100644
index b0ade41..0000000
--- a/packages/generation/components/DrawPresset/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as DrawPresset } from './DrawPresset.vue';
diff --git a/packages/generation/components/ListItem/ListItem.props.ts b/packages/generation/components/ListItem/ListItem.props.ts
index 3930982..5bbda3e 100644
--- a/packages/generation/components/ListItem/ListItem.props.ts
+++ b/packages/generation/components/ListItem/ListItem.props.ts
@@ -1,8 +1,8 @@
-import { MediaPressetProps } from '@tok/generation/components/Media';
+import { MediaPresetProps } from '@tok/generation/components/Media';
 
 export type ListItemProps = {
   text: string;
-  media?: MediaPressetProps;
+  media?: MediaPresetProps;
 };
 
 export const ListItemDefaultProps = {
diff --git a/packages/generation/components/ListItem/ListItem.vue b/packages/generation/components/ListItem/ListItem.vue
index bce9194..a8acf74 100644
--- a/packages/generation/components/ListItem/ListItem.vue
+++ b/packages/generation/components/ListItem/ListItem.vue
@@ -1,13 +1,13 @@
 <template>
   <li :class="$style.li">
-    <media-presset v-if="media" v-bind="media" static :class="$style.media" />
+    <media-preset v-if="media" v-bind="media" static :class="$style.media" />
 
     <span v-html="translatedText" />
   </li>
 </template>
 
 <script setup lang="ts">
-import { MediaPresset } from '@tok/generation/components/Media';
+import { MediaPreset } from '@tok/generation/components/Media';
 import { useI18n } from '@tok/i18n';
 import { toRefs } from 'vue';
 
diff --git a/packages/generation/components/Media/Emodji.vue b/packages/generation/components/Media/Emodji.vue
index 1c41da5..5246a52 100644
--- a/packages/generation/components/Media/Emodji.vue
+++ b/packages/generation/components/Media/Emodji.vue
@@ -7,9 +7,9 @@
 <script setup lang="ts">
 import { computed, toRefs } from 'vue';
 
-import { EmodjiPressetProps } from './Media.presset.props';
+import type { EmodjiPresetProps } from './Media.preset.props';
 
-const props = defineProps<EmodjiPressetProps>();
+const props = defineProps<EmodjiPresetProps>();
 
 const { size } = toRefs(props);
 
diff --git a/packages/generation/components/Media/Icon.vue b/packages/generation/components/Media/Icon.vue
index 5216ad2..293e56e 100644
--- a/packages/generation/components/Media/Icon.vue
+++ b/packages/generation/components/Media/Icon.vue
@@ -17,9 +17,9 @@ import { useI18n } from '@tok/i18n';
 import { SvgIcon } from '@tok/ui/components/SvgIcon';
 import { computed, defineAsyncComponent, toRefs } from 'vue';
 
-import { _MediaLoader, IconPressetProps } from './Media.presset.props';
+import { _MediaLoader, IconPresetProps } from './Media.preset.props';
 
-const props = withDefaults(defineProps<IconPressetProps>(), {
+const props = withDefaults(defineProps<IconPresetProps>(), {
   src: '',
   webp: '',
 });
diff --git a/packages/generation/components/Media/Image.vue b/packages/generation/components/Media/Image.vue
index 4830d85..33c4c93 100644
--- a/packages/generation/components/Media/Image.vue
+++ b/packages/generation/components/Media/Image.vue
@@ -13,10 +13,10 @@
 <script setup lang="ts">
 import { toRefs } from 'vue';
 
-import { ImagePressetProps } from './Media.presset.props';
+import { ImagePresetProps } from './Media.preset.props';
 import { useLoadedImage } from './useLoadedImage';
 
-const props = defineProps<ImagePressetProps>();
+const props = defineProps<ImagePresetProps>();
 
 const { src, webp } = toRefs(props);
 
diff --git a/packages/generation/components/Media/Media.presset.props.ts b/packages/generation/components/Media/Media.preset.props.ts
similarity index 79%
rename from packages/generation/components/Media/Media.presset.props.ts
rename to packages/generation/components/Media/Media.preset.props.ts
index 502e2aa..5c3d812 100644
--- a/packages/generation/components/Media/Media.presset.props.ts
+++ b/packages/generation/components/Media/Media.preset.props.ts
@@ -4,14 +4,14 @@ import { CSSProperties } from 'vue';
 
 export type _MediaLoader<T> = Promise<{ default: T }>;
 
-export type IconPressetProps = {
+export type IconPresetProps = {
   type: 'icon';
   src: string | _MediaLoader<any>;
 
   style?: string | CSSProperties;
 } & Omit<SvgIconProps, 'name'>;
 
-export type StickerPressetProps = {
+export type StickerPresetProps = {
   type: 'sticker';
   src: Promise<typeof import('*.tgs')> | null;
 
@@ -22,7 +22,7 @@ export type StickerPressetProps = {
 
 // todo: Find a way to translate images
 // src: '_i18n.imageSrc' -> /locales/en.ts: import('../assets/*.png');
-export type ImagePressetProps = {
+export type ImagePresetProps = {
   type: 'image';
   src: Promise<
     | typeof import('*.png')
@@ -37,7 +37,7 @@ export type ImagePressetProps = {
   static?: boolean;
 };
 
-export type EmodjiPressetProps = {
+export type EmodjiPresetProps = {
   type: 'emodji';
 
   src: string;
@@ -47,7 +47,7 @@ export type EmodjiPressetProps = {
   style?: string | CSSProperties;
 };
 
-export type VideoPressetProps = {
+export type VideoPresetProps = {
   type: 'video';
 
   src: Promise<typeof import('*.mp4') | any>;
@@ -62,9 +62,9 @@ export type VideoPressetProps = {
   style?: string | CSSProperties;
 };
 
-export type MediaPressetProps =
-  | IconPressetProps
-  | StickerPressetProps
-  | ImagePressetProps
-  | VideoPressetProps
-  | EmodjiPressetProps;
+export type MediaPresetProps =
+  | IconPresetProps
+  | StickerPresetProps
+  | ImagePresetProps
+  | VideoPresetProps
+  | EmodjiPresetProps;
diff --git a/packages/generation/components/Media/Media.presset.vue b/packages/generation/components/Media/Media.preset.vue
similarity index 77%
rename from packages/generation/components/Media/Media.presset.vue
rename to packages/generation/components/Media/Media.preset.vue
index 03d6424..9912821 100644
--- a/packages/generation/components/Media/Media.presset.vue
+++ b/packages/generation/components/Media/Media.preset.vue
@@ -10,9 +10,9 @@
 import Emodji from './Emodji.vue';
 import Icon from './Icon.vue';
 import Image from './Image.vue';
-import { MediaPressetProps } from './Media.presset.props';
+import { MediaPresetProps } from './Media.preset.props';
 import Sticker from './Sticker.vue';
-import Video from './VideoPresset.vue';
+import Video from './VideoPreset.vue';
 
-const props = defineProps<MediaPressetProps>();
+const props = defineProps<MediaPresetProps>();
 </script>
diff --git a/packages/generation/components/Media/README.md b/packages/generation/components/Media/README.md
index 6a4f7ff..2c4344a 100644
--- a/packages/generation/components/Media/README.md
+++ b/packages/generation/components/Media/README.md
@@ -5,7 +5,7 @@
 
 This component supports 5 different types of media:
 
-1. [Video](./VideoPresset.vue)
+1. [Video](./VideoPreset.vue)
 2. [Image](./Image.vue)
 3. [Icon](./Icon.vue)
 4. [Emodji](./Emodji.vue)
diff --git a/packages/generation/components/Media/Sticker.vue b/packages/generation/components/Media/Sticker.vue
index 0a2c30b..be613c1 100644
--- a/packages/generation/components/Media/Sticker.vue
+++ b/packages/generation/components/Media/Sticker.vue
@@ -13,14 +13,14 @@
 <script setup lang="ts">
 import { computed, defineAsyncComponent, ref, toRefs, watch } from 'vue';
 
-import { StickerPressetProps } from './Media.presset.props';
+import type { StickerPresetProps } from './Media.preset.props';
 
 // We have to do it this way because Lottie-web's bundled size is around 80kb
 const TelegramSticker = defineAsyncComponent(() =>
   import('@tok/telegram-ui/components/Sticker').then((m) => m.Sticker)
 );
 
-const props = withDefaults(defineProps<StickerPressetProps>(), {
+const props = withDefaults(defineProps<StickerPresetProps>(), {
   src: null,
 });
 
diff --git a/packages/generation/components/Media/VideoPresset.vue b/packages/generation/components/Media/VideoPreset.vue
similarity index 96%
rename from packages/generation/components/Media/VideoPresset.vue
rename to packages/generation/components/Media/VideoPreset.vue
index ed5c32a..ae3ef40 100644
--- a/packages/generation/components/Media/VideoPresset.vue
+++ b/packages/generation/components/Media/VideoPreset.vue
@@ -27,10 +27,10 @@ import { WAS_INTERACTION_TOKEN } from '@tok/generation/tokens';
 import { noop } from '@tok/ui/utility/noop';
 import { inject, ref, toRefs, watch } from 'vue';
 
-import { VideoPressetProps } from './Media.presset.props';
+import { VideoPresetProps } from './Media.preset.props';
 import { useLoadedImage } from './useLoadedImage';
 
-const props = defineProps<VideoPressetProps>();
+const props = defineProps<VideoPresetProps>();
 
 const { src, poster } = toRefs(props);
 
diff --git a/packages/generation/components/Media/index.ts b/packages/generation/components/Media/index.ts
index 0cc04e9..980ee9e 100644
--- a/packages/generation/components/Media/index.ts
+++ b/packages/generation/components/Media/index.ts
@@ -1,2 +1,2 @@
-export * from './Media.presset.props';
-export { default as MediaPresset } from './Media.presset.vue';
+export * from './Media.preset.props';
+export { default as MediaPreset } from './Media.preset.vue';
diff --git a/packages/generation/components/Media/useLoadedImage.ts b/packages/generation/components/Media/useLoadedImage.ts
index 593483c..b16a35e 100644
--- a/packages/generation/components/Media/useLoadedImage.ts
+++ b/packages/generation/components/Media/useLoadedImage.ts
@@ -1,7 +1,7 @@
 import { MaybeComputedRef, resolveRef } from '@tok/ui/types';
 import { computed, ref, watch } from 'vue';
 
-import { _MediaLoader } from './Media.presset.props';
+import { _MediaLoader } from './Media.preset.props';
 
 export function useLoadedImage(
   src: MaybeComputedRef<_MediaLoader<any> | string | undefined> = ''
diff --git a/packages/generation/components/PaywallPopup/PaywallPopup.vue b/packages/generation/components/PaywallPopup/PaywallPopup.vue
index 10bb22c..4751bea 100644
--- a/packages/generation/components/PaywallPopup/PaywallPopup.vue
+++ b/packages/generation/components/PaywallPopup/PaywallPopup.vue
@@ -9,7 +9,7 @@
     @update:model-value="onUpdate"
   >
     <template #button-icon="{ item }">
-      <media-presset
+      <media-preset
         v-if="'media' in item"
         v-bind="item.media"
         :class="$style.media"
@@ -20,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-import { MediaPresset } from '@tok/generation/components/Media';
+import { MediaPreset } from '@tok/generation/components/Media';
 import { useI18n } from '@tok/i18n';
 import { TelegramPopup } from '@tok/telegram-ui/components/TelegramPopup';
 import { computed, toRefs } from 'vue';
diff --git a/packages/generation/components/PaywallPopup/README.md b/packages/generation/components/PaywallPopup/README.md
index 072012c..589a550 100644
--- a/packages/generation/components/PaywallPopup/README.md
+++ b/packages/generation/components/PaywallPopup/README.md
@@ -3,7 +3,7 @@
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-A wrapper around [TelegramPopup](../../../telegram-ui/components/TelegramPopup/README.md) with the ability to display a button-icon inside the web `Popup` component as specified in the [Media.presset](../Media/README.md).
+A wrapper around [TelegramPopup](../../../telegram-ui/components/TelegramPopup/README.md) with the ability to display a button-icon inside the web `Popup` component as specified in the [Media.preset](../Media/README.md).
 
 ## Props
 
diff --git a/packages/generation/components/PrimitivePaywall/PrimitivePaywall.vue b/packages/generation/components/PrimitivePaywall/PrimitivePaywall.vue
index bed4eeb..cf88941 100644
--- a/packages/generation/components/PrimitivePaywall/PrimitivePaywall.vue
+++ b/packages/generation/components/PrimitivePaywall/PrimitivePaywall.vue
@@ -1,5 +1,5 @@
 <template>
-  <slide-presset v-bind="props" :button="null">
+  <slide-preset v-bind="props" :button="null">
     <slot />
 
     <div :class="[$style.links, $style['links_' + props.shape]]">
@@ -19,12 +19,12 @@
       :text="mainButtonComputedText"
       @on-click="onSubmit"
     />
-  </slide-presset>
+  </slide-preset>
 </template>
 
 <script setup lang="ts">
 import { PaywallPopup } from '@tok/generation/components/PaywallPopup';
-import { SlidePresset } from '@tok/generation/pressets/slide';
+import { SlidePreset } from '@tok/generation/presets/slide';
 import { FORM_STATE_TOKEN } from '@tok/generation/tokens';
 import { useCarousel } from '@tok/generation/use/carousel';
 import { useI18n } from '@tok/i18n';
diff --git a/packages/generation/components/PrimitivePaywall/README.md b/packages/generation/components/PrimitivePaywall/README.md
index 729fe32..6e3d825 100644
--- a/packages/generation/components/PrimitivePaywall/README.md
+++ b/packages/generation/components/PrimitivePaywall/README.md
@@ -3,8 +3,8 @@
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-1. This component extends the [Slide.presset](../../pressets/slide/README.md) component.
-2. It overrides the default behavior of the MainButton inside the [Slide.presset](../../pressets/slide/README.md) component.
+1. This component extends the [Slide.preset](../../presets/slide/README.md) component.
+2. It overrides the default behavior of the MainButton inside the [Slide.preset](../../presets/slide/README.md) component.
 3. It manages the MainButton with its own logic, including:
    - Translating the mainButtonText.
    - Replacing {price} inside the mainButtonText.
diff --git a/packages/generation/components/PrimitiveSlide/PrimitiveSlide.vue b/packages/generation/components/PrimitiveSlide/PrimitiveSlide.vue
index f5afc31..00a5e55 100644
--- a/packages/generation/components/PrimitiveSlide/PrimitiveSlide.vue
+++ b/packages/generation/components/PrimitiveSlide/PrimitiveSlide.vue
@@ -2,7 +2,7 @@
   <div :class="$style.slide">
     <div ref="focusTrapRef" tabindex="0" :class="$style.focustrap" />
 
-    <media-presset
+    <media-preset
       v-if="media"
       v-bind="media"
       :class="[$style.media, $style['media_' + shape]]"
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { MediaPresset } from '@tok/generation/components/Media';
+import { MediaPreset } from '@tok/generation/components/Media';
 import { useCarousel } from '@tok/generation/use/carousel';
 import { useI18n } from '@tok/i18n';
 import { MainButton } from '@tok/telegram-ui/components/MainButton';
diff --git a/packages/generation/components/PrimitiveSlide/README.md b/packages/generation/components/PrimitiveSlide/README.md
index c87bbc5..d3d94e1 100644
--- a/packages/generation/components/PrimitiveSlide/README.md
+++ b/packages/generation/components/PrimitiveSlide/README.md
@@ -3,7 +3,7 @@
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-1. This component can render [Media.presset](../Media/README.md).
+1. This component can render [Media.preset](../Media/README.md).
 2. It manages the `textAlign` property inside the content section.
 3. Can change the positioning of media and content depending on the `shape` prop
 4. It handles [MainButton](../../../telegram-ui/components/MainButton/README.md) behavior, including text translation.
diff --git a/packages/generation/components/README.md b/packages/generation/components/README.md
index cc82b75..0499039 100644
--- a/packages/generation/components/README.md
+++ b/packages/generation/components/README.md
@@ -1,6 +1,6 @@
 # Components
 
-1. [DrawPresset](./DrawPresset/README.md)
+1. [DrawPreset](./DrawPreset/README.md)
 2. [ListItem](./ListItem/README.md)
 3. [Media](./Media/README.md)
 4. [PaywallPopup](./PaywallPopup/README.md)
diff --git a/packages/generation/defineConfig.ts b/packages/generation/defineConfig.ts
index dba7d38..ac4c599 100644
--- a/packages/generation/defineConfig.ts
+++ b/packages/generation/defineConfig.ts
@@ -1,18 +1,18 @@
-import type { MediaPressetProps } from '@tok/generation/components/Media';
+import type { MediaPresetProps } from '@tok/generation/components/Media';
 import type { ThemeConfigParam } from '@tok/generation/tokens';
 import type { FlatButtonProps } from '@tok/ui/components/FlatButton';
 import type { CurrencyOptions } from '@tok/ui/tokens';
 import type { PopupButton } from '@twa-dev/types';
 import type { CSSProperties } from 'vue';
 
-export type PaywalPopupPressetButtons = (PopupButton & {
-  media?: MediaPressetProps;
+export type PaywalPopupPresetButtons = (PopupButton & {
+  media?: MediaPresetProps;
 })[];
 
 export type _GenerationSlideConfig = {
   extends?: 'slide';
 
-  media?: MediaPressetProps;
+  media?: MediaPresetProps;
 
   title: string;
 
@@ -46,7 +46,7 @@ export type _GenerationFormConfig = Omit<_GenerationSlideConfig, 'extends'> & {
 
 export type _GenerationListOptionsConfig = (
   | {
-      media?: MediaPressetProps;
+      media?: MediaPresetProps;
       text: string;
     }
   | string
@@ -57,7 +57,7 @@ export type _GenerationPaywallPopup = {
   type?: 'web' | 'telegram';
   title?: string;
   message?: string;
-  buttons?: PaywalPopupPressetButtons;
+  buttons?: PaywalPopupPresetButtons;
 };
 
 export type _GenerationPrimitivePaywallConfig = Omit<
@@ -94,7 +94,7 @@ export type _GenerationPaywallSingleConfig =
     extends: 'paywall_single';
 
     product: _GenerationPrimitivePaywallProduct & {
-      media?: MediaPressetProps;
+      media?: MediaPresetProps;
     };
   };
 
@@ -133,7 +133,7 @@ type BootstrapPage<TCustom extends Record<string, unknown>> = {
   | { extends: keyof TCustom }
 );
 
-export type DefinedPressetsKeys<T = BootstrapPage<{}>> = T extends {
+export type DefinedPresetsKeys<T = BootstrapPage<{}>> = T extends {
   extends: infer E;
 }
   ? E
@@ -147,7 +147,7 @@ export type BootstrapConfig<TDefined extends Record<string, unknown>> = {
     fallback: string;
   } & Record<string, any>;
   currencyConfig?: CurrencyOptions;
-  definePressets?: TDefined;
+  definePresets?: TDefined;
   pages: BootstrapPage<TDefined>[];
 };
 
diff --git a/packages/generation/plugins/README.md b/packages/generation/plugins/README.md
index f5db654..c67c735 100644
--- a/packages/generation/plugins/README.md
+++ b/packages/generation/plugins/README.md
@@ -1,6 +1,6 @@
 # Plugins
 
-1. [definePressets](./definePressets/DefinePressets.plugin.ts)
+1. [definePresets](./definePresets/DefinePresets.plugin.ts)
 
 The main plugin for defining presets within an application generated using the `bootstrap` function
 
diff --git a/packages/generation/plugins/definePresets/DefinePresets.plugin.ts b/packages/generation/plugins/definePresets/DefinePresets.plugin.ts
new file mode 100644
index 0000000..fef127f
--- /dev/null
+++ b/packages/generation/plugins/definePresets/DefinePresets.plugin.ts
@@ -0,0 +1,14 @@
+import {
+  DEFINED_PRESETS_TOKEN,
+  predefinedPresets,
+} from '@tok/generation/tokens';
+import { Plugin } from 'vue';
+
+export const DefinePresetsPlugin: Plugin<{}> = {
+  install(app, options) {
+    app.provide(DEFINED_PRESETS_TOKEN, {
+      ...predefinedPresets,
+      ...options,
+    });
+  },
+};
diff --git a/packages/generation/plugins/definePresets/index.ts b/packages/generation/plugins/definePresets/index.ts
new file mode 100644
index 0000000..43f3e13
--- /dev/null
+++ b/packages/generation/plugins/definePresets/index.ts
@@ -0,0 +1 @@
+export * from './DefinePresets.plugin';
diff --git a/packages/generation/plugins/definePressets/DefinePressets.plugin.ts b/packages/generation/plugins/definePressets/DefinePressets.plugin.ts
deleted file mode 100644
index 634191e..0000000
--- a/packages/generation/plugins/definePressets/DefinePressets.plugin.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {
-  DEFINED_PRESSETS_TOKEN,
-  predefinedPressets,
-} from '@tok/generation/tokens';
-import { Plugin } from 'vue';
-
-export const DefinePressetsPlugin: Plugin<{}> = {
-  install(app, options) {
-    app.provide(DEFINED_PRESSETS_TOKEN, {
-      ...predefinedPressets,
-      ...options,
-    });
-  },
-};
diff --git a/packages/generation/plugins/definePressets/index.ts b/packages/generation/plugins/definePressets/index.ts
deleted file mode 100644
index 2bf2187..0000000
--- a/packages/generation/plugins/definePressets/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './DefinePressets.plugin';
diff --git a/packages/generation/pressets/README.md b/packages/generation/presets/README.md
similarity index 99%
rename from packages/generation/pressets/README.md
rename to packages/generation/presets/README.md
index 70d51a9..e0ac9c0 100644
--- a/packages/generation/pressets/README.md
+++ b/packages/generation/presets/README.md
@@ -1,4 +1,4 @@
-# Pressets
+# Presets
 
 1. [base](./base/README.md)
 2. [form](./form/README.md)
diff --git a/packages/generation/pressets/Route.vue b/packages/generation/presets/Route.vue
similarity index 71%
rename from packages/generation/pressets/Route.vue
rename to packages/generation/presets/Route.vue
index 239a3b7..2908999 100644
--- a/packages/generation/pressets/Route.vue
+++ b/packages/generation/presets/Route.vue
@@ -1,9 +1,9 @@
 <template>
-  <draw-presset v-bind="config" :extends="String(config.extends || 'base')" />
+  <draw-preset v-bind="config" :extends="String(config.extends || 'base')" />
 </template>
 
 <script setup lang="ts">
-import { DrawPresset } from '@tok/generation/components/DrawPresset';
+import { DrawPreset } from '@tok/generation/components/DrawPreset';
 import { BootstrapConfig } from '@tok/generation/defineConfig';
 import { computed } from 'vue';
 import { useRouter } from 'vue-router';
diff --git a/packages/generation/pressets/base/README.md b/packages/generation/presets/base/README.md
similarity index 69%
rename from packages/generation/pressets/base/README.md
rename to packages/generation/presets/base/README.md
index 7f1e009..eadfd0b 100644
--- a/packages/generation/pressets/base/README.md
+++ b/packages/generation/presets/base/README.md
@@ -1,4 +1,4 @@
-# Base.presset
+# Base.preset
 
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
@@ -7,8 +7,8 @@
 2. It tracks the active index of the carousel and sets it into the query.
 3. It safely restores the active index from the query.
 4. It defines a safe accessor for the [CAROUSEL_ACCESSOR_TOKEN](../../use/README.md).
-5. It renders presets using the [DrawPresset](../../components/DrawPresset/README.md) component.
+5. It renders presets using the [DrawPreset](../../components/DrawPreset/README.md) component.
 
 ## Props
 
-All available props see in [base.presset.props.ts](./base.presset.props.ts)
+All available props see in [base.preset.props.ts](./base.preset.props.ts)
diff --git a/packages/generation/pressets/base/base.presset.props.ts b/packages/generation/presets/base/base.preset.props.ts
similarity index 52%
rename from packages/generation/pressets/base/base.presset.props.ts
rename to packages/generation/presets/base/base.preset.props.ts
index c286723..e0193ce 100644
--- a/packages/generation/pressets/base/base.presset.props.ts
+++ b/packages/generation/presets/base/base.preset.props.ts
@@ -1,7 +1,7 @@
 import type { _GenerationCarouselConfig } from '@tok/generation/defineConfig';
 
-export type BasePressetProps = _GenerationCarouselConfig<any>;
+export type BasePresetProps = _GenerationCarouselConfig<any>;
 
-export const BasePressetDefaultProps = {
+export const BasePresetDefaultProps = {
   slides: () => [],
 } as const;
diff --git a/packages/generation/pressets/base/base.presset.vue b/packages/generation/presets/base/base.preset.vue
similarity index 88%
rename from packages/generation/pressets/base/base.presset.vue
rename to packages/generation/presets/base/base.preset.vue
index 49042a8..12cdd5a 100644
--- a/packages/generation/pressets/base/base.presset.vue
+++ b/packages/generation/presets/base/base.preset.vue
@@ -5,7 +5,7 @@
     :items-count="1"
     :items="slides"
   >
-    <draw-presset
+    <draw-preset
       v-bind="item"
       :active="activeSlide === index"
       :extends="String(item.extends || 'slide')"
@@ -14,21 +14,18 @@
 </template>
 
 <script setup lang="ts">
-import { DrawPresset } from '@tok/generation/components/DrawPresset';
+import { DrawPreset } from '@tok/generation/components/DrawPreset';
 import { CAROUSEL_ACCESSOR_TOKEN } from '@tok/generation/use/carousel';
 import { Carousel } from '@tok/ui/components/Carousel';
 import { clamp } from '@tok/ui/utility/clamp';
 import { computed, provide, ref, toRefs, watch } from 'vue';
 import { useRouter } from 'vue-router';
 
-import {
-  BasePressetDefaultProps,
-  BasePressetProps,
-} from './base.presset.props';
+import { BasePresetDefaultProps, BasePresetProps } from './base.preset.props';
 
 const props = withDefaults(
-  defineProps<BasePressetProps>(),
-  BasePressetDefaultProps
+  defineProps<BasePresetProps>(),
+  BasePresetDefaultProps
 );
 
 const { slides } = toRefs(props);
diff --git a/packages/generation/presets/base/index.ts b/packages/generation/presets/base/index.ts
new file mode 100644
index 0000000..547d260
--- /dev/null
+++ b/packages/generation/presets/base/index.ts
@@ -0,0 +1,2 @@
+export * from './base.preset.props';
+export { default as BasePreset } from './base.preset.vue';
diff --git a/packages/generation/pressets/form/README.md b/packages/generation/presets/form/README.md
similarity index 77%
rename from packages/generation/pressets/form/README.md
rename to packages/generation/presets/form/README.md
index 33826b8..00ba632 100644
--- a/packages/generation/pressets/form/README.md
+++ b/packages/generation/presets/form/README.md
@@ -1,9 +1,9 @@
-# Form.presset
+# Form.preset
 
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-1. This component is built upon the [Slide.presset](../slide/README.md) component.
+1. This component is built upon the [Slide.preset](../slide/README.md) component.
 2. It can render controls based on its configuration:
    - InputText (type="text")
    - InputText (type="number")
@@ -14,4 +14,4 @@
 
 ## Props
 
-All available props see in [form.presset.props.ts](./form.presset.props.ts)
+All available props see in [form.preset.props.ts](./form.preset.props.ts)
diff --git a/packages/generation/pressets/form/form.presset.props.ts b/packages/generation/presets/form/form.preset.props.ts
similarity index 68%
rename from packages/generation/pressets/form/form.presset.props.ts
rename to packages/generation/presets/form/form.preset.props.ts
index 67a5566..fa0b0f0 100644
--- a/packages/generation/pressets/form/form.presset.props.ts
+++ b/packages/generation/presets/form/form.preset.props.ts
@@ -1,6 +1,6 @@
 import type { _GenerationFormConfig } from '@tok/generation/defineConfig';
 
-export type FormPressetProps = Omit<_GenerationFormConfig, 'extends'>;
+export type FormPresetProps = Omit<_GenerationFormConfig, 'extends'>;
 
 const defaultForm = [
   {
@@ -10,6 +10,6 @@ const defaultForm = [
   },
 ];
 
-export const FormPressetDefaultProps = {
+export const FormPresetDefaultProps = {
   form: () => defaultForm,
 } as const;
diff --git a/packages/generation/pressets/form/form.presset.vue b/packages/generation/presets/form/form.preset.vue
similarity index 85%
rename from packages/generation/pressets/form/form.presset.vue
rename to packages/generation/presets/form/form.preset.vue
index 72f63c5..7cbfc87 100644
--- a/packages/generation/pressets/form/form.presset.vue
+++ b/packages/generation/presets/form/form.preset.vue
@@ -1,5 +1,5 @@
 <template>
-  <slide-presset v-bind="props">
+  <slide-preset v-bind="props">
     <form @submit.prevent>
       <div v-for="control in form" :key="control.id" :class="$style.control">
         <checkbox-block
@@ -26,25 +26,22 @@
         />
       </div>
     </form>
-  </slide-presset>
+  </slide-preset>
 </template>
 
 <script setup lang="ts">
-import { _GenerationFormControlConfig } from '@tok/generation/defineConfig';
-import { SlidePresset } from '@tok/generation/pressets/slide';
+import type { _GenerationFormControlConfig } from '@tok/generation/defineConfig';
+import { SlidePreset } from '@tok/generation/presets/slide';
 import { FORM_STATE_TOKEN } from '@tok/generation/tokens';
 import { CheckboxBlock } from '@tok/ui/components/CheckboxBlock';
 import { InputText } from '@tok/ui/components/InputText';
 import { inject, reactive, toRefs } from 'vue';
 
-import {
-  FormPressetDefaultProps,
-  FormPressetProps,
-} from './form.presset.props';
+import { FormPresetDefaultProps, FormPresetProps } from './form.preset.props';
 
 const props = withDefaults(
-  defineProps<FormPressetProps>(),
-  FormPressetDefaultProps
+  defineProps<FormPresetProps>(),
+  FormPresetDefaultProps
 );
 
 const { form } = toRefs(props);
diff --git a/packages/generation/presets/form/index.ts b/packages/generation/presets/form/index.ts
new file mode 100644
index 0000000..7c5b773
--- /dev/null
+++ b/packages/generation/presets/form/index.ts
@@ -0,0 +1,2 @@
+export * from './form.preset.props';
+export { default as FormPreset } from './form.preset.vue';
diff --git a/packages/generation/pressets/paywall/BaseProduct.vue b/packages/generation/presets/paywall/BaseProduct.vue
similarity index 96%
rename from packages/generation/pressets/paywall/BaseProduct.vue
rename to packages/generation/presets/paywall/BaseProduct.vue
index 509810b..9d7be61 100644
--- a/packages/generation/pressets/paywall/BaseProduct.vue
+++ b/packages/generation/presets/paywall/BaseProduct.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { _GenerationPaywallProduct } from '@tok/generation/defineConfig';
+import type { _GenerationPaywallProduct } from '@tok/generation/defineConfig';
 import { Money } from '@tok/ui/components/Money';
 import { getElementId } from '@tok/ui/utility/getElementId';
 
diff --git a/packages/generation/pressets/paywall/README.md b/packages/generation/presets/paywall/README.md
similarity index 53%
rename from packages/generation/pressets/paywall/README.md
rename to packages/generation/presets/paywall/README.md
index 21d7b21..280f8b8 100644
--- a/packages/generation/pressets/paywall/README.md
+++ b/packages/generation/presets/paywall/README.md
@@ -1,12 +1,12 @@
-# Paywall.presset
+# Paywall.preset
 
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-1. This component is built upon the [PrimitivePaywall.presset](../../components/PrimitivePaywall/README.md) component.
+1. This component is built upon the [PrimitivePaywall.preset](../../components/PrimitivePaywall/README.md) component.
 2. It can display products in a column, where only one can be selected.
 3. It translates the title, description, and discount of the products.
 
 ## Props
 
-All available props see in [paywall.presset.props.ts](./paywall.presset.props.ts)
+All available props see in [paywall.preset.props.ts](./paywall.preset.props.ts)
diff --git a/packages/generation/presets/paywall/index.ts b/packages/generation/presets/paywall/index.ts
new file mode 100644
index 0000000..3b0f79c
--- /dev/null
+++ b/packages/generation/presets/paywall/index.ts
@@ -0,0 +1,2 @@
+export * from './paywall.preset.props';
+export { default as PaywallPreset } from './paywall.preset.vue';
diff --git a/packages/generation/presets/paywall/paywall.preset.props.ts b/packages/generation/presets/paywall/paywall.preset.props.ts
new file mode 100644
index 0000000..444ceec
--- /dev/null
+++ b/packages/generation/presets/paywall/paywall.preset.props.ts
@@ -0,0 +1,7 @@
+import type { _GenerationPaywallConfig } from '@tok/generation/defineConfig';
+
+export type PaywallPresetProps = Omit<_GenerationPaywallConfig, 'extends'>;
+
+export const PaywallPresetDefaultProps = {
+  products: () => [],
+} as const;
diff --git a/packages/generation/pressets/paywall/paywall.presset.vue b/packages/generation/presets/paywall/paywall.preset.vue
similarity index 90%
rename from packages/generation/pressets/paywall/paywall.presset.vue
rename to packages/generation/presets/paywall/paywall.preset.vue
index 4faf496..1786d8f 100644
--- a/packages/generation/pressets/paywall/paywall.presset.vue
+++ b/packages/generation/presets/paywall/paywall.preset.vue
@@ -20,13 +20,13 @@ import { computed, ref, toRefs } from 'vue';
 
 import BaseProduct from './BaseProduct.vue';
 import {
-  PaywallPressetDefaultProps,
-  PaywallPressetProps,
-} from './paywall.presset.props';
+  PaywallPresetDefaultProps,
+  PaywallPresetProps,
+} from './paywall.preset.props';
 
 const props = withDefaults(
-  defineProps<PaywallPressetProps>(),
-  PaywallPressetDefaultProps
+  defineProps<PaywallPresetProps>(),
+  PaywallPresetDefaultProps
 );
 
 const { products } = toRefs(props);
diff --git a/packages/generation/pressets/paywall_row/Product.vue b/packages/generation/presets/paywall_row/Product.vue
similarity index 96%
rename from packages/generation/pressets/paywall_row/Product.vue
rename to packages/generation/presets/paywall_row/Product.vue
index fc538fa..87416d3 100644
--- a/packages/generation/pressets/paywall_row/Product.vue
+++ b/packages/generation/presets/paywall_row/Product.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { _GenerationPaywallRowProductConfig } from '@tok/generation/defineConfig';
+import type { _GenerationPaywallRowProductConfig } from '@tok/generation/defineConfig';
 import { Money } from '@tok/ui/components/Money';
 import { PrimitiveRadio } from '@tok/ui/components/PrimitiveRadio';
 import { getElementId } from '@tok/ui/utility/getElementId';
diff --git a/packages/generation/pressets/paywall_row/README.md b/packages/generation/presets/paywall_row/README.md
similarity index 60%
rename from packages/generation/pressets/paywall_row/README.md
rename to packages/generation/presets/paywall_row/README.md
index df86572..b27f3c6 100644
--- a/packages/generation/pressets/paywall_row/README.md
+++ b/packages/generation/presets/paywall_row/README.md
@@ -1,13 +1,13 @@
-# PaywallRow.presset
+# PaywallRow.preset
 
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-1. This component is built upon the [PrimitivePaywall.presset](../../components/PrimitivePaywall/README.md) component.
+1. This component is built upon the [PrimitivePaywall.preset](../../components/PrimitivePaywall/README.md) component.
 2. It can display products in a **row**, where only one can be selected.
 3. It translates the "title", "description", and "bestText" of the products.
 4. It can detect the length of products to ensure user-friendly product selection behavior.
 
 ## Props
 
-All available props see in [paywall_row.presset.props.ts](./paywall_row.presset.props.ts)
+All available props see in [paywall_row.preset.props.ts](./paywall_row.preset.props.ts)
diff --git a/packages/generation/presets/paywall_row/index.ts b/packages/generation/presets/paywall_row/index.ts
new file mode 100644
index 0000000..c60af1e
--- /dev/null
+++ b/packages/generation/presets/paywall_row/index.ts
@@ -0,0 +1,2 @@
+export * from './paywall_row.preset.props';
+export { default as PaywallRowPreset } from './paywall_row.preset.vue';
diff --git a/packages/generation/pressets/paywall_row/paywall_row.presset.props.ts b/packages/generation/presets/paywall_row/paywall_row.preset.props.ts
similarity index 64%
rename from packages/generation/pressets/paywall_row/paywall_row.presset.props.ts
rename to packages/generation/presets/paywall_row/paywall_row.preset.props.ts
index 033fd24..55f0db6 100644
--- a/packages/generation/pressets/paywall_row/paywall_row.presset.props.ts
+++ b/packages/generation/presets/paywall_row/paywall_row.preset.props.ts
@@ -1,10 +1,10 @@
 import type { _GenerationPaywallRowConfig } from '@tok/generation/defineConfig';
 
-export type PaywallRowPressetProps = Omit<
+export type PaywallRowPresetProps = Omit<
   _GenerationPaywallRowConfig,
   'extends'
 >;
 
-export const PaywallRowPressetDefaultProps = {
+export const PaywallRowPresetDefaultProps = {
   products: () => [],
 } as const;
diff --git a/packages/generation/pressets/paywall_row/paywall_row.presset.vue b/packages/generation/presets/paywall_row/paywall_row.preset.vue
similarity index 92%
rename from packages/generation/pressets/paywall_row/paywall_row.presset.vue
rename to packages/generation/presets/paywall_row/paywall_row.preset.vue
index 40b067c..b2d4505 100644
--- a/packages/generation/pressets/paywall_row/paywall_row.presset.vue
+++ b/packages/generation/presets/paywall_row/paywall_row.preset.vue
@@ -22,14 +22,14 @@ import { useI18n } from '@tok/i18n';
 import { computed, ref, toRefs } from 'vue';
 
 import {
-  PaywallRowPressetDefaultProps,
-  PaywallRowPressetProps,
-} from './paywall_row.presset.props';
+  PaywallRowPresetDefaultProps,
+  PaywallRowPresetProps,
+} from './paywall_row.preset.props';
 import Product from './Product.vue';
 
 const props = withDefaults(
-  defineProps<PaywallRowPressetProps>(),
-  PaywallRowPressetDefaultProps
+  defineProps<PaywallRowPresetProps>(),
+  PaywallRowPresetDefaultProps
 );
 
 const { products } = toRefs(props);
diff --git a/packages/generation/presets/paywall_single/README.md b/packages/generation/presets/paywall_single/README.md
new file mode 100644
index 0000000..30f7009
--- /dev/null
+++ b/packages/generation/presets/paywall_single/README.md
@@ -0,0 +1,12 @@
+# PaywallSingle.preset
+
+> [!NOTE]
+> This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
+
+1. This component is built upon the [PrimitivePaywall.preset](../../components/PrimitivePaywall/README.md) component.
+2. It can display only one product, which is always selected.
+3. It translates the title and description of the product.
+
+## Props
+
+All available props see in [paywall_single.preset.props.ts](./paywall_single.preset.props.ts)
diff --git a/packages/generation/presets/paywall_single/index.ts b/packages/generation/presets/paywall_single/index.ts
new file mode 100644
index 0000000..6e44dbd
--- /dev/null
+++ b/packages/generation/presets/paywall_single/index.ts
@@ -0,0 +1,2 @@
+export * from './paywall_single.preset.props';
+export { default as PaywallSinglePreset } from './paywall_single.preset.vue';
diff --git a/packages/generation/pressets/paywall_single/paywall_single.presset.props.ts b/packages/generation/presets/paywall_single/paywall_single.preset.props.ts
similarity index 75%
rename from packages/generation/pressets/paywall_single/paywall_single.presset.props.ts
rename to packages/generation/presets/paywall_single/paywall_single.preset.props.ts
index 8a698cb..d0b60fa 100644
--- a/packages/generation/pressets/paywall_single/paywall_single.presset.props.ts
+++ b/packages/generation/presets/paywall_single/paywall_single.preset.props.ts
@@ -1,6 +1,6 @@
 import type { _GenerationPaywallSingleConfig } from '@tok/generation/defineConfig';
 
-export type PaywallSinglePressetProps = Omit<
+export type PaywallSinglePresetProps = Omit<
   _GenerationPaywallSingleConfig,
   'extends'
 >;
@@ -12,6 +12,6 @@ const defaultProduct = {
   description: 'Product description',
 };
 
-export const PaywallSinglePressetDefaultProps = {
+export const PaywallSinglePresetDefaultProps = {
   product: () => defaultProduct,
 } as const;
diff --git a/packages/generation/pressets/paywall_single/paywall_single.presset.vue b/packages/generation/presets/paywall_single/paywall_single.preset.vue
similarity index 84%
rename from packages/generation/pressets/paywall_single/paywall_single.presset.vue
rename to packages/generation/presets/paywall_single/paywall_single.preset.vue
index d580abc..fe81e8c 100644
--- a/packages/generation/pressets/paywall_single/paywall_single.presset.vue
+++ b/packages/generation/presets/paywall_single/paywall_single.preset.vue
@@ -2,7 +2,7 @@
   <primitive-paywall v-bind="props" :selected-product="selectedProduct">
     <div :class="$style.content">
       <div v-if="product.media" :class="$style.media">
-        <media-presset v-bind="product.media" />
+        <media-preset v-bind="product.media" />
       </div>
 
       <div :class="$style.container">
@@ -19,20 +19,20 @@
 </template>
 
 <script setup lang="ts">
-import { MediaPresset } from '@tok/generation/components/Media';
+import { MediaPreset } from '@tok/generation/components/Media';
 import { PrimitivePaywall } from '@tok/generation/components/PrimitivePaywall';
 import { useI18n } from '@tok/i18n';
 import { Money } from '@tok/ui/components/Money';
 import { computed, toRefs } from 'vue';
 
 import {
-  PaywallSinglePressetDefaultProps,
-  PaywallSinglePressetProps,
-} from './paywall_single.presset.props';
+  PaywallSinglePresetDefaultProps,
+  PaywallSinglePresetProps,
+} from './paywall_single.preset.props';
 
 const props = withDefaults(
-  defineProps<PaywallSinglePressetProps>(),
-  PaywallSinglePressetDefaultProps
+  defineProps<PaywallSinglePresetProps>(),
+  PaywallSinglePresetDefaultProps
 );
 
 const { product } = toRefs(props);
diff --git a/packages/generation/pressets/slide/README.md b/packages/generation/presets/slide/README.md
similarity index 65%
rename from packages/generation/pressets/slide/README.md
rename to packages/generation/presets/slide/README.md
index 4a43a79..4aa08a4 100644
--- a/packages/generation/pressets/slide/README.md
+++ b/packages/generation/presets/slide/README.md
@@ -1,9 +1,9 @@
-# Slide.presset
+# Slide.preset
 
 > [!NOTE]
 > This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
 
-1. This component is based on the [PrimitiveSlide.presset](../../components/PrimitiveSlide/README.md) component.
+1. This component is based on the [PrimitiveSlide.preset](../../components/PrimitiveSlide/README.md) component.
 2. It can display pagination if it's inside a carousel.
 3. It translates the title and description of the slide.
 4. It can render lists:
@@ -12,4 +12,4 @@
 
 ## Props
 
-All available props see in [slide.presset.props.ts](./slide.presset.props.ts)
+All available props see in [slide.preset.props.ts](./slide.preset.props.ts)
diff --git a/packages/generation/presets/slide/index.ts b/packages/generation/presets/slide/index.ts
new file mode 100644
index 0000000..f283693
--- /dev/null
+++ b/packages/generation/presets/slide/index.ts
@@ -0,0 +1,2 @@
+export * from './slide.preset.props';
+export { default as SlidePreset } from './slide.preset.vue';
diff --git a/packages/generation/pressets/slide/slide.presset.props.ts b/packages/generation/presets/slide/slide.preset.props.ts
similarity index 81%
rename from packages/generation/pressets/slide/slide.presset.props.ts
rename to packages/generation/presets/slide/slide.preset.props.ts
index 9f9438b..72899d9 100644
--- a/packages/generation/pressets/slide/slide.presset.props.ts
+++ b/packages/generation/presets/slide/slide.preset.props.ts
@@ -1,7 +1,7 @@
 import type { PrimitiveSlideProps } from '@tok/generation/components/PrimitiveSlide';
 import type { _GenerationSlideConfig } from '@tok/generation/defineConfig';
 
-export type SlidePressetProps = PrimitiveSlideProps &
+export type SlidePresetProps = PrimitiveSlideProps &
   Pick<_GenerationSlideConfig, 'title' | 'description' | 'pagination' | 'list'>;
 
 export const defaultSlideListMedia = {
@@ -9,7 +9,7 @@ export const defaultSlideListMedia = {
   src: 'checkmark-fill',
 } as const;
 
-export const SlidePressetDefaultProps = {
+export const SlidePresetDefaultProps = {
   title: 'Title',
   description: '',
   list: () => [],
diff --git a/packages/generation/pressets/slide/slide.presset.vue b/packages/generation/presets/slide/slide.preset.vue
similarity index 92%
rename from packages/generation/pressets/slide/slide.presset.vue
rename to packages/generation/presets/slide/slide.preset.vue
index 1f60bf9..bdf4525 100644
--- a/packages/generation/pressets/slide/slide.presset.vue
+++ b/packages/generation/presets/slide/slide.preset.vue
@@ -34,13 +34,13 @@ import { computed, toRefs } from 'vue';
 
 import {
   defaultSlideListMedia,
-  SlidePressetDefaultProps,
-  SlidePressetProps,
-} from './slide.presset.props';
+  SlidePresetDefaultProps,
+  SlidePresetProps,
+} from './slide.preset.props';
 
 const props = withDefaults(
-  defineProps<SlidePressetProps>(),
-  SlidePressetDefaultProps
+  defineProps<SlidePresetProps>(),
+  SlidePresetDefaultProps
 );
 
 const { title, description, list } = toRefs(props);
diff --git a/packages/generation/pressets/base/index.ts b/packages/generation/pressets/base/index.ts
deleted file mode 100644
index 68fdf80..0000000
--- a/packages/generation/pressets/base/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './base.presset.props';
-export { default as BasePresset } from './base.presset.vue';
diff --git a/packages/generation/pressets/form/index.ts b/packages/generation/pressets/form/index.ts
deleted file mode 100644
index 67f9e62..0000000
--- a/packages/generation/pressets/form/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './form.presset.props';
-export { default as FormPresset } from './form.presset.vue';
diff --git a/packages/generation/pressets/paywall/index.ts b/packages/generation/pressets/paywall/index.ts
deleted file mode 100644
index 2ec5a07..0000000
--- a/packages/generation/pressets/paywall/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './paywall.presset.props';
-export { default as PaywallPresset } from './paywall.presset.vue';
diff --git a/packages/generation/pressets/paywall/paywall.presset.props.ts b/packages/generation/pressets/paywall/paywall.presset.props.ts
deleted file mode 100644
index 49a5b03..0000000
--- a/packages/generation/pressets/paywall/paywall.presset.props.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { _GenerationPaywallConfig } from '@tok/generation/defineConfig';
-
-export type PaywallPressetProps = Omit<_GenerationPaywallConfig, 'extends'>;
-
-export const PaywallPressetDefaultProps = {
-  products: () => [],
-} as const;
diff --git a/packages/generation/pressets/paywall_row/index.ts b/packages/generation/pressets/paywall_row/index.ts
deleted file mode 100644
index 4ce7c10..0000000
--- a/packages/generation/pressets/paywall_row/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './paywall_row.presset.props';
-export { default as PaywallRowPresset } from './paywall_row.presset.vue';
diff --git a/packages/generation/pressets/paywall_single/README.md b/packages/generation/pressets/paywall_single/README.md
deleted file mode 100644
index 728d480..0000000
--- a/packages/generation/pressets/paywall_single/README.md
+++ /dev/null
@@ -1,12 +0,0 @@
-# PaywallSingle.presset
-
-> [!NOTE]
-> This component is only intended for use with [bootstrap.ts](../../bootstrap.ts).
-
-1. This component is built upon the [PrimitivePaywall.presset](../../components/PrimitivePaywall/README.md) component.
-2. It can display only one product, which is always selected.
-3. It translates the title and description of the product.
-
-## Props
-
-All available props see in [paywall_single.presset.props.ts](./paywall_single.presset.props.ts)
diff --git a/packages/generation/pressets/paywall_single/index.ts b/packages/generation/pressets/paywall_single/index.ts
deleted file mode 100644
index c8885d9..0000000
--- a/packages/generation/pressets/paywall_single/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './paywall_single.presset.props';
-export { default as PaywallSinglePresset } from './paywall_single.presset.vue';
diff --git a/packages/generation/pressets/slide/index.ts b/packages/generation/pressets/slide/index.ts
deleted file mode 100644
index 839f06d..0000000
--- a/packages/generation/pressets/slide/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './slide.presset.props';
-export { default as SlidePresset } from './slide.presset.vue';
diff --git a/packages/generation/tokens/README.md b/packages/generation/tokens/README.md
index 93ae46b..4f3e980 100644
--- a/packages/generation/tokens/README.md
+++ b/packages/generation/tokens/README.md
@@ -1,12 +1,12 @@
 # Tokens
 
-1. [definedPressets.token](./definedPressets.token.ts)
+1. [definedPresets.token](./definedPresets.token.ts)
 
 Token that you can use to access all defined presets. Within definedPresets.token, you can find all the predefined presets that are used across all example projects
 
 2. [formState.token](./formState.token.ts)
 
-Token that you can use to access the state of the form. This state will be populated with values inside the [form.presset](../pressets/README.md).
+Token that you can use to access the state of the form. This state will be populated with values inside the [form.preset](../presets/README.md).
 
 3. [Theme.token](./theme.token.ts)
 
diff --git a/packages/generation/tokens/definedPresets.token.ts b/packages/generation/tokens/definedPresets.token.ts
new file mode 100644
index 0000000..6042034
--- /dev/null
+++ b/packages/generation/tokens/definedPresets.token.ts
@@ -0,0 +1,34 @@
+import { DefinedPresetsKeys } from '@tok/generation/defineConfig';
+import { BasePreset } from '@tok/generation/presets/base';
+import { SlidePreset } from '@tok/generation/presets/slide';
+import { defineAsyncComponent, InjectionKey } from 'vue';
+
+export type DefinePresets = Record<
+  DefinedPresetsKeys,
+  ReturnType<typeof defineAsyncComponent>
+>;
+
+export const predefinedPresets: DefinePresets = {
+  base: BasePreset,
+  slide: SlidePreset,
+  paywall: defineAsyncComponent(() =>
+    import('@tok/generation/presets/paywall').then((m) => m.PaywallPreset)
+  ),
+  form: defineAsyncComponent(() =>
+    import('@tok/generation/presets/form').then((m) => m.FormPreset)
+  ),
+  paywall_single: defineAsyncComponent(() =>
+    import('@tok/generation/presets/paywall_single').then(
+      (m) => m.PaywallSinglePreset
+    )
+  ),
+  paywall_row: defineAsyncComponent(() =>
+    import('@tok/generation/presets/paywall_row').then(
+      (m) => m.PaywallRowPreset
+    )
+  ),
+};
+
+export const DEFINED_PRESETS_TOKEN = Symbol() as InjectionKey<
+  Record<string, unknown>
+>;
diff --git a/packages/generation/tokens/definedPressets.token.ts b/packages/generation/tokens/definedPressets.token.ts
deleted file mode 100644
index e9103a6..0000000
--- a/packages/generation/tokens/definedPressets.token.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { DefinedPressetsKeys } from '@tok/generation/defineConfig';
-import { BasePresset } from '@tok/generation/pressets/base';
-import { SlidePresset } from '@tok/generation/pressets/slide';
-import { defineAsyncComponent, InjectionKey } from 'vue';
-
-export type DefinePressets = Record<
-  DefinedPressetsKeys,
-  ReturnType<typeof defineAsyncComponent>
->;
-
-export const predefinedPressets: DefinePressets = {
-  base: BasePresset,
-  slide: SlidePresset,
-  paywall: defineAsyncComponent(() =>
-    import('@tok/generation/pressets/paywall').then((m) => m.PaywallPresset)
-  ),
-  form: defineAsyncComponent(() =>
-    import('@tok/generation/pressets/form').then((m) => m.FormPresset)
-  ),
-  paywall_single: defineAsyncComponent(() =>
-    import('@tok/generation/pressets/paywall_single').then(
-      (m) => m.PaywallSinglePresset
-    )
-  ),
-  paywall_row: defineAsyncComponent(() =>
-    import('@tok/generation/pressets/paywall_row').then(
-      (m) => m.PaywallRowPresset
-    )
-  ),
-};
-
-export const DEFINED_PRESSETS_TOKEN = Symbol() as InjectionKey<
-  Record<string, unknown>
->;
diff --git a/packages/generation/tokens/index.ts b/packages/generation/tokens/index.ts
index 31beb8e..b226680 100644
--- a/packages/generation/tokens/index.ts
+++ b/packages/generation/tokens/index.ts
@@ -1,4 +1,4 @@
-export * from './definedPressets.token';
+export * from './definedPresets.token';
 export * from './formState.token';
 export * from './theme.token';
 export * from './wasInteraction.token';
diff --git a/packages/generation/use/README.md b/packages/generation/use/README.md
index a394336..8676f12 100644
--- a/packages/generation/use/README.md
+++ b/packages/generation/use/README.md
@@ -2,12 +2,12 @@
 
 1. [useCarouse](./carousel/index.ts)
 
-Provides you with access to [Carousel](../../ui/components/Carousel/README.md) inside [Base.presset.ts](../pressets/README.md) for managing or reading `activeIndex`, `length` (for pagination), and safly setting `activeIndex` via `MainButton` or `BackButton`.
+Provides you with access to [Carousel](../../ui/components/Carousel/README.md) inside [Base.preset.ts](../presets/README.md) for managing or reading `activeIndex`, `length` (for pagination), and safly setting `activeIndex` via `MainButton` or `BackButton`.
 
 ## Usage
 
 > [!IMPORTANT]
-> Ensure that you call this function within one of the 'children' of the Base.presset component or the component that defines the accessor for the `CAROUSEL_ACCESSOR_TOKEN`. Otherwise, the function will return `null`
+> Ensure that you call this function within one of the 'children' of the Base.preset component or the component that defines the accessor for the `CAROUSEL_ACCESSOR_TOKEN`. Otherwise, the function will return `null`
 
 ```vue
 <script setup lang="ts">