vueless 0.0.328 → 0.0.329

package/ui.form-input-file/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-input-file/{index.stories.js → storybook/stories.js}

@@ -1,7 +1,7 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UInputFile from "../ui.form-input-file";
-import UCol from "../ui.container-col";
+import UInputFile from "../../ui.form-input-file/UInputFile.vue";
+import UCol from "../../ui.container-col/UCol.vue";
 
 /**
  * The `UInputFile` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-file)
@@ -14,14 +14,14 @@ export default {
     label: "Vueless file input",
   },
   argTypes: {
-    ...getArgTypes(UInputFile.name),
+    ...getArgTypes(UInputFile.__name),
   },
 };
 
 const DefaultTemplate = (args) => ({
   components: { UInputFile },
   setup() {
-    const slots = getSlotNames(UInputFile.name);
+    const slots = getSlotNames(UInputFile.__name);
 
     return { args, slots };
   },

package/ui.form-input-file/{composables/attrs.composable.js → useAttrs.js}

@@ -1,8 +1,8 @@
 import { computed } from "vue";
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 
 export default function useAttrs(props) {
   const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(

package/ui.form-input-money/{index.vue → UMoney.vue}

@@ -44,18 +44,17 @@
 <script setup>
 import { computed, ref, watch, onMounted, nextTick } from "vue";
 
-import { getRandomId, getDefault } from "../service.ui";
+import { getRandomId, getDefault } from "../utils/utilUI.js";
 
-import UInput from "../ui.form-input";
-import { SYMBOL_MINUS } from "../ui.text-money/constants";
+import UInput from "../ui.form-input/UInput.vue";
+import { SYMBOL_MINUS } from "../ui.text-money/constants.js";
 
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
-import useFormatCurrency from "./composables/useFormatCurrency";
-import { UInputMoney } from "./constants";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
+import useFormatCurrency from "./useFormatCurrency.js";
+import { UInputMoney } from "./constants.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UInputMoney", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
@@ -140,11 +139,19 @@ const props = defineProps({
   },
 
   /**
-   * Number of signs after the comma.
+   * Minimal number of signs after the decimal separator (fractional part of a number).
    */
-  decimalScale: {
+  minFractionDigits: {
     type: Number,
-    default: getDefault(defaultConfig, UInputMoney).decimalScale,
+    default: getDefault(defaultConfig, UInputMoney).minFractionDigits,
+  },
+
+  /**
+   * Maximal number of signs after the decimal separator (fractional part of a number).
+   */
+  maxFractionDigits: {
+    type: Number,
+    default: getDefault(defaultConfig, UInputMoney).maxFractionDigits,
   },
 
   /**
@@ -236,7 +243,8 @@ const moneyInputRef = ref(null);
 const { inputAttrs } = useAttrs(props);
 
 const { formattedValue, rawValue, setValue } = useFormatCurrency(`#${props.id}`, () => ({
-  decimalScale: props.decimalScale,
+  minFractionDigits: props.minFractionDigits,
+  maxFractionDigits: props.maxFractionDigits,
   decimalSeparator: props.decimalSeparator,
   thousandsSeparator: props.thousandsSeparator,
   positiveOnly: props.positiveOnly,

package/ui.form-input-money/{configs/default.config.js → config.js}

@@ -3,7 +3,8 @@ export default /*tw*/ {
   defaults: {
     symbol: "$",
     size: "md",
-    decimalScale: 2,
+    minFractionDigits: 0,
+    maxFractionDigits: 2,
     decimalSeparator: ",",
     thousandsSeparator: " ",
     labelAlign: "topInside",

package/ui.form-input-money/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-input-money/{index.stories.js → storybook/stories.js}

@@ -1,9 +1,9 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UInputMoney from "../ui.form-input-money";
-import UCol from "../ui.container-col";
-import UIcon from "../ui.image-icon";
-import UButton from "../ui.button";
+import UInputMoney from "../../ui.form-input-money/UMoney.vue";
+import UCol from "../../ui.container-col/UCol.vue";
+import UIcon from "../../ui.image-icon/UIcon.vue";
+import UButton from "../../ui.button/UButton.vue";
 
 /**
  * The `UInputMoney` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-money)
@@ -16,7 +16,7 @@ export default {
     label: "Label",
   },
   argTypes: {
-    ...getArgTypes(UInputMoney.name),
+    ...getArgTypes(UInputMoney.__name),
     modelValue: { control: { type: "number" } },
   },
 };
@@ -24,7 +24,7 @@ export default {
 const DefaultTemplate = (args) => ({
   components: { UInputMoney, UIcon, UButton },
   setup() {
-    const slots = getSlotNames(UInputMoney.name);
+    const slots = getSlotNames(UInputMoney.__name);
 
     return { args, slots };
   },
@@ -80,8 +80,11 @@ error.args = { error: "Some error." };
 export const description = DefaultTemplate.bind({});
 description.args = { description: "Some description." };
 
-export const decimalScale = DefaultTemplate.bind({});
-decimalScale.args = { decimalScale: 4 };
+export const minFractionDigits = DefaultTemplate.bind({});
+minFractionDigits.args = { minFractionDigits: 2, maxFractionDigits: 4 };
+
+export const maxFractionDigits = DefaultTemplate.bind({});
+maxFractionDigits.args = { maxFractionDigits: 4 };
 
 export const decimalSeparator = DefaultTemplate.bind({});
 decimalSeparator.args = { decimalSeparator: "." };

package/ui.form-input-money/{composables/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
+import useUI from "../composables/useUI.js";
 import { computed } from "vue";
-import { cva } from "../../service.ui";
-import defaultConfig from "../configs/default.config";
+import { cva } from "../utils/utilUI.js";
+import defaultConfig from "./config.js";
 
 export default function useAttrs(props) {
   const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(

package/ui.form-input-money/{composables/useFormatCurrency.js → useFormatCurrency.js}

@@ -1,6 +1,6 @@
 import { onMounted, nextTick, ref, onBeforeUnmount, toValue, watch } from "vue";
 
-import FormatService from "../services/format.service";
+import FormatService from "./utilFormat";
 
 export default function useFormatCurrency(elementId, options) {
   let prevValue = "";

package/ui.form-input-money/{services/format.service.js → utilFormat.js}

@@ -18,7 +18,14 @@ export default class FormatService {
   }
 
   static getFormattedValue(value, options) {
-    const { thousandsSeparator, decimalSeparator, decimalScale, prefix, positiveOnly } = options;
+    const {
+      thousandsSeparator,
+      decimalSeparator,
+      minFractionDigits,
+      maxFractionDigits,
+      prefix,
+      positiveOnly,
+    } = options;
 
     const invalidValuesRegExp = new RegExp("[^\\d,\\d.\\s-" + decimalSeparator + "]", "g");
     const doubleValueRegExp = new RegExp("([,\\.\\s-" + decimalSeparator + "])+", "g");
@@ -44,8 +51,9 @@ export default class FormatService {
     }
 
     const intlNumber = new Intl.NumberFormat("en-US", {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: decimalScale,
+      minimumFractionDigits:
+        minFractionDigits <= maxFractionDigits ? minFractionDigits : maxFractionDigits,
+      maximumFractionDigits: maxFractionDigits,
       signDisplay: positiveOnly ? "never" : "negative",
       roundingMode: "floor",
     });
@@ -60,7 +68,7 @@ export default class FormatService {
     const formattedValue = intlNumber.formatToParts(parseFloat(rawValue) || 0).map((part) => {
       if (part.type === "group") part.value = thousandsSeparator;
       if (part.type === "decimal") part.value = decimalSeparator;
-      if (part.type === "fraction") part.value = part.value.padEnd(decimalScale, "0");
+      if (part.type === "fraction") part.value = part.value.padEnd(maxFractionDigits, "0");
 
       return part;
     });

package/ui.form-input-number/{index.vue → UInputNumber.vue}

@@ -50,16 +50,15 @@
 <script setup>
 import { computed } from "vue";
 
-import UIcon from "../ui.image-icon";
-import UButton from "../ui.button";
-import { getDefault } from "../service.ui";
+import UIcon from "../ui.image-icon/UIcon.vue";
+import UButton from "../ui.button/UButton.vue";
+import { getDefault } from "../utils/utilUI.js";
 
-import defaultConfig from "./configs/default.config";
-import { UInputNumber } from "./constants";
-import useAttrs from "./composables/attrs.composable";
+import defaultConfig from "./config.js";
+import { UInputNumber } from "./constants.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UInputNumber", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

package/ui.form-input-number/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-input-number/{index.stories.js → storybook/stories.js}

@@ -1,7 +1,7 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UInputNumber from "../ui.form-input-number";
-import UCol from "../ui.container-col";
+import UInputNumber from "../../ui.form-input-number/UInputNumber.vue";
+import UCol from "../../ui.container-col/UCol.vue";
 
 /**
  * The `UInputNumber` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-number)
@@ -14,7 +14,7 @@ export default {
     modelValue: 1,
   },
   argTypes: {
-    ...getArgTypes(UInputNumber.name),
+    ...getArgTypes(UInputNumber.__name),
     modelValue: { control: { type: "number" } },
   },
 };
@@ -22,7 +22,7 @@ export default {
 const DefaultTemplate = (args) => ({
   components: { UInputNumber },
   setup() {
-    const slots = getSlotNames(UInputNumber.name);
+    const slots = getSlotNames(UInputNumber.__name);
 
     return { args, slots };
   },

package/{ui.container-col/composables/attrs.composable.js → ui.form-input-number/useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
 export default function useAttrs(props) {

package/ui.form-input-rating/{index.vue → UInputRating.vue}

@@ -54,16 +54,15 @@
 <script setup>
 import { computed, ref } from "vue";
 
-import UIcon from "../ui.image-icon";
-import ULabel from "../ui.form-label";
-import { getDefault } from "../service.ui";
+import UIcon from "../ui.image-icon/UIcon.vue";
+import ULabel from "../ui.form-label/ULabel.vue";
+import { getDefault } from "../utils/utilUI.js";
 
-import { UInputRating } from "./constants";
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
+import { UInputRating } from "./constants.js";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UInputRating", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

package/ui.form-input-rating/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-input-rating/{index.stories.js → storybook/stories.js}

@@ -1,7 +1,7 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UInputRating from "../ui.form-input-rating";
-import URow from "../ui.container-row";
+import UInputRating from "../../ui.form-input-rating/UInputRating.vue";
+import URow from "../../ui.container-row/URow.vue";
 
 /**
  * The `UInputRating` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-rating)
@@ -15,14 +15,14 @@ export default {
     label: "Label",
   },
   argTypes: {
-    ...getArgTypes(UInputRating.name),
+    ...getArgTypes(UInputRating.__name),
   },
 };
 
 const DefaultTemplate = (args) => ({
   components: { UInputRating },
   setup() {
-    const slots = getSlotNames(UInputRating.name);
+    const slots = getSlotNames(UInputRating.__name);
 
     return { args, slots };
   },

package/ui.form-input-rating/{composables/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
 import { computed } from "vue";
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
-import defaultConfig from "../configs/default.config";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
+import defaultConfig from "./config.js";
 
 export default function useAttrs(props) {
   const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(

package/ui.form-input-search/{index.vue → UInputSearch.vue}

@@ -80,18 +80,17 @@
 <script setup>
 import { computed, ref } from "vue";
 
-import UIcon from "../ui.image-icon";
-import UInput from "../ui.form-input";
-import UButton from "../ui.button";
-import { getRandomId, getDefault } from "../service.ui";
-import { debounce as debounceMethod } from "../service.helper";
-
-import { UInputSearch } from "./constants";
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
-
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UInputSearch" });
+import UIcon from "../ui.image-icon/UIcon.vue";
+import UInput from "../ui.form-input/UInput.vue";
+import UButton from "../ui.button/UButton.vue";
+import { getRandomId, getDefault } from "../utils/utilUI.js";
+import { debounce as debounceMethod } from "../utils/utilHelper.js";
+
+import { UInputSearch } from "./constants.js";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
+
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

package/ui.form-input-search/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-input-search/{index.stories.js → storybook/stories.js}

@@ -1,9 +1,9 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UInputSearch from "../ui.form-input-search";
-import UButton from "../ui.button";
-import UIcon from "../ui.image-icon";
-import URow from "../ui.container-row";
+import UInputSearch from "../../ui.form-input-search/UInputSearch.vue";
+import UButton from "../../ui.button/UButton.vue";
+import UIcon from "../../ui.image-icon/UIcon.vue";
+import URow from "../../ui.container-row/URow.vue";
 
 /**
  * The `UInputSearch` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-search)
@@ -13,14 +13,14 @@ export default {
   title: "Form Inputs & Controls / Input Search",
   component: UInputSearch,
   argTypes: {
-    ...getArgTypes(UInputSearch.name),
+    ...getArgTypes(UInputSearch.__name),
   },
 };
 
 const DefaultTemplate = (args) => ({
   components: { UInputSearch, UButton, UIcon },
   setup() {
-    const slots = getSlotNames(UInputSearch.name);
+    const slots = getSlotNames(UInputSearch.__name);
 
     return { args, slots };
   },

package/ui.form-input-search/{composables/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
 import { computed } from "vue";
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
-import defaultConfig from "../configs/default.config";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
+import defaultConfig from "./config.js";
 
 export default function useAttrs(props) {
   const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(

package/ui.form-label/{index.vue → ULabel.vue}

@@ -66,14 +66,13 @@
 <script setup>
 import { computed, ref } from "vue";
 
-import { getDefault } from "../service.ui";
+import { getDefault } from "../utils/utilUI.js";
 
-import defaultConfig from "./configs/default.config";
-import { ULabel, PLACEMENT } from "./constants";
-import useAttrs from "./composables/attrs.composable";
+import defaultConfig from "./config.js";
+import { ULabel, PLACEMENT } from "./constants.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "ULabel", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const emit = defineEmits([
   /**

package/ui.form-label/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-label/{index.stories.js → storybook/stories.js}

@@ -1,9 +1,9 @@
-import ULabel from "../ui.form-label";
-import UCol from "../ui.container-col";
-import UText from "../ui.text-block";
-import UIcon from "../ui.image-icon";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import ULabel from "../../ui.form-label/ULabel.vue";
+import UCol from "../../ui.container-col/UCol.vue";
+import UText from "../../ui.text-block/UText.vue";
+import UIcon from "../../ui.image-icon/UIcon.vue";
 
 /**
  * The `ULabel` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-label)
@@ -17,7 +17,7 @@ export default {
     description: "Description",
   },
   argTypes: {
-    ...getArgTypes(ULabel.name),
+    ...getArgTypes(ULabel.__name),
   },
 };
 
@@ -26,7 +26,7 @@ const defaultTemplate = "This is plain text";
 const DefaultTemplate = (args) => ({
   components: { ULabel, UText, UIcon },
   setup() {
-    const slots = getSlotNames(ULabel.name);
+    const slots = getSlotNames(ULabel.__name);
 
     return { args, slots };
   },

package/ui.form-label/{composables/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
 export default function useAttrs(props) {

package/ui.form-radio/{index.vue → URadio.vue}

@@ -31,15 +31,14 @@
 <script setup>
 import { computed, inject, onMounted, ref, watchEffect, toValue } from "vue";
 
-import ULabel from "../ui.form-label";
-import { getRandomId, getDefault } from "../service.ui";
+import ULabel from "../ui.form-label/ULabel.vue";
+import { getRandomId, getDefault } from "../utils/utilUI.js";
 
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
-import { URadio } from "./constants";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
+import { URadio } from "./constants.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "URadio", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const setRadioGroupSelectedItem = inject("setRadioGroupSelectedItem", null);
 const getRadioGroupName = inject("getRadioGroupName", null);

package/ui.form-radio/storybook/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />