@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/components/SOverflowGroup/SOverflowGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { useOverflowGroup } from "../../composables/useOverflowGroup.js";
+import { collectSlotVnodes } from "../../utils/vnodes/collectSlotVnodes.js";
+import { renderVnodeList } from "../../utils/vnodes/renderVnodeList.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots } from "vue";
+//#region src/components/SOverflowGroup/SOverflowGroup.vue?vue&type=script&setup=true&lang.ts
+var SOverflowGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SOverflowGroup",
+	props: {
+		clusterClass: {},
+		mapVnode: { type: Function },
+		maxVisible: {}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const { visibleItems, hiddenCount, hasOverflow, overflowLabel } = useOverflowGroup({
+			items: computed(() => {
+				if (!slots.default) return [];
+				return collectSlotVnodes(slots.default());
+			}),
+			maxVisible: () => __props.maxVisible
+		});
+		const SOverflowGroupVnodeList = defineComponent({
+			name: "SOverflowGroupVnodeList",
+			setup() {
+				return () => {
+					return renderVnodeList(visibleItems.value, (vnode, context) => {
+						if (!__props.mapVnode) return vnode;
+						return __props.mapVnode(vnode, context);
+					}, {
+						hiddenCount: hiddenCount.value,
+						overflowLabel: overflowLabel.value
+					});
+				};
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createElementVNode("div", { class: normalizeClass(__props.clusterClass) }, [createVNode(unref(SOverflowGroupVnodeList))], 2), unref(hasOverflow) ? renderSlot(_ctx.$slots, "overflow", {
+				key: 0,
+				hiddenCount: unref(hiddenCount),
+				overflowLabel: unref(overflowLabel)
+			}) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { SOverflowGroup_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/SPhotoEdit/SPhotoEdit.types.cjs

@@ -0,0 +1,15 @@
+//#region src/components/SPhotoEdit/SPhotoEdit.types.ts
+var ESPhotoEditSize = /* @__PURE__ */ function(ESPhotoEditSize) {
+	ESPhotoEditSize["X_SMALL"] = "x-small";
+	ESPhotoEditSize["SMALL"] = "small";
+	ESPhotoEditSize["BIG"] = "big";
+	return ESPhotoEditSize;
+}({});
+var ESPhotoEditShape = /* @__PURE__ */ function(ESPhotoEditShape) {
+	ESPhotoEditShape["CIRCLE"] = "circle";
+	ESPhotoEditShape["SQUARE"] = "square";
+	return ESPhotoEditShape;
+}({});
+//#endregion
+exports.ESPhotoEditShape = ESPhotoEditShape;
+exports.ESPhotoEditSize = ESPhotoEditSize;

package/dist/components/SPhotoEdit/SPhotoEdit.types.js

@@ -0,0 +1,14 @@
+//#region src/components/SPhotoEdit/SPhotoEdit.types.ts
+var ESPhotoEditSize = /* @__PURE__ */ function(ESPhotoEditSize) {
+	ESPhotoEditSize["X_SMALL"] = "x-small";
+	ESPhotoEditSize["SMALL"] = "small";
+	ESPhotoEditSize["BIG"] = "big";
+	return ESPhotoEditSize;
+}({});
+var ESPhotoEditShape = /* @__PURE__ */ function(ESPhotoEditShape) {
+	ESPhotoEditShape["CIRCLE"] = "circle";
+	ESPhotoEditShape["SQUARE"] = "square";
+	return ESPhotoEditShape;
+}({});
+//#endregion
+export { ESPhotoEditShape, ESPhotoEditSize };

package/dist/components/SPhotoEdit/SPhotoEdit.vue.cjs

@@ -0,0 +1,6 @@
+const require_SPhotoEdit_vue_vue_type_script_setup_true_lang = require("./SPhotoEdit.vue_vue_type_script_setup_true_lang.cjs");
+;/* empty css                                                                */
+//#region src/components/SPhotoEdit/SPhotoEdit.vue
+var SPhotoEdit_default = require_SPhotoEdit_vue_vue_type_script_setup_true_lang.default;
+//#endregion
+exports.default = SPhotoEdit_default;

package/dist/components/SPhotoEdit/SPhotoEdit.vue.js

@@ -0,0 +1,6 @@
+import SPhotoEdit_vue_vue_type_script_setup_true_lang_default from "./SPhotoEdit.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                              */
+//#region src/components/SPhotoEdit/SPhotoEdit.vue
+var SPhotoEdit_default = SPhotoEdit_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SPhotoEdit_default as default };

package/dist/components/SPhotoEdit/SPhotoEdit.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,185 @@
+const require_SButton_types = require("../SButton/SButton.types.cjs");
+const require_SButton = require("../SButton/SButton.vue.cjs");
+const require_SPhotoEdit_types = require("./SPhotoEdit.types.cjs");
+let vue = require("vue");
+let _shtabapp_ui_kit_primitives = require("@shtabapp/ui-kit-primitives");
+//#region src/components/SPhotoEdit/SPhotoEdit.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-photo-edit__remove"
+};
+var _hoisted_2 = { class: "s-ui-photo-edit__wrapper" };
+var _hoisted_3 = [
+	"tabindex",
+	"aria-disabled",
+	"aria-label"
+];
+var _hoisted_4 = ["src", "alt"];
+var _hoisted_5 = {
+	key: 1,
+	class: "s-ui-photo-edit__placeholder"
+};
+var _hoisted_6 = { class: "s-ui-photo-edit__camera" };
+var _hoisted_7 = { class: "s-ui-photo-edit__overlay" };
+var _hoisted_8 = ["accept", "disabled"];
+var SPhotoEdit_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "SPhotoEdit",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		accept: { default: "image/jpeg,image/png,image/jpg" },
+		alt: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		shape: { default: () => require_SPhotoEdit_types.ESPhotoEditShape.CIRCLE },
+		size: { default: () => require_SPhotoEdit_types.ESPhotoEditSize.SMALL }
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ (0, vue.mergeModels)(["change", "remove"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const emit = __emit;
+		const { t } = (0, _shtabapp_ui_kit_primitives.useUiKitI18n)();
+		const fileInputRef = (0, vue.useTemplateRef)("fileInputRef");
+		const objectUrl = (0, vue.ref)(null);
+		const revokeObjectUrl = () => {
+			if (!objectUrl.value) return;
+			URL.revokeObjectURL(objectUrl.value);
+			objectUrl.value = null;
+		};
+		(0, vue.watch)(() => modelValue.value, (value) => {
+			revokeObjectUrl();
+			if (value instanceof File) objectUrl.value = URL.createObjectURL(value);
+		}, { immediate: true });
+		(0, vue.onScopeDispose)(revokeObjectUrl);
+		const previewSrc = (0, vue.computed)(() => {
+			const value = modelValue.value;
+			if (value instanceof File) return objectUrl.value ?? "";
+			if (typeof value === "string") return value;
+			return "";
+		});
+		const hasPreview = (0, vue.computed)(() => {
+			const value = modelValue.value;
+			if (value instanceof File) return true;
+			if (typeof value === "string") return value.length > 0;
+			return false;
+		});
+		const rootClasses = (0, vue.computed)(() => {
+			return {
+				[`s-ui-photo-edit--size-${__props.size}`]: true,
+				[`s-ui-photo-edit--shape-${__props.shape}`]: true,
+				"s-ui-photo-edit--filled": hasPreview.value,
+				"s-ui-photo-edit--disabled": __props.disabled
+			};
+		});
+		const labelTypographyClass = (0, vue.computed)(() => {
+			if (__props.size === require_SPhotoEdit_types.ESPhotoEditSize.X_SMALL) return "s-ui-typography-label-10-medium";
+			return "s-ui-typography-label-12-medium";
+		});
+		const overlayLabel = (0, vue.computed)(() => {
+			if (hasPreview.value) return t("photoEdit.changePhoto");
+			return t("photoEdit.uploadPhoto");
+		});
+		const triggerAriaLabel = (0, vue.computed)(() => {
+			if (hasPreview.value) return t("photoEdit.changePhoto");
+			return t("photoEdit.pickPhoto");
+		});
+		const triggerTabIndex = (0, vue.computed)(() => {
+			if (__props.disabled) return -1;
+			return 0;
+		});
+		const resetFileInput = () => {
+			if (fileInputRef.value) fileInputRef.value.value = "";
+		};
+		const handleAbort = () => {
+			modelValue.value = null;
+			revokeObjectUrl();
+			resetFileInput();
+		};
+		const emitChange = (file) => {
+			emit("change", {
+				file,
+				abort: handleAbort
+			});
+		};
+		const openFileDialog = () => {
+			if (__props.disabled) return;
+			fileInputRef.value?.click();
+		};
+		const handleTriggerClick = () => {
+			openFileDialog();
+		};
+		const handleTriggerKeydown = (event) => {
+			if (__props.disabled) return;
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			openFileDialog();
+		};
+		const handleFileInputChange = (event) => {
+			if (!(event.target instanceof HTMLInputElement)) return;
+			const selectedFile = event.target.files?.[0];
+			if (!selectedFile) return;
+			modelValue.value = selectedFile;
+			emitChange(selectedFile);
+			resetFileInput();
+		};
+		const handleRemoveClick = () => {
+			if (__props.disabled) return;
+			emit("remove");
+			modelValue.value = null;
+			revokeObjectUrl();
+			resetFileInput();
+			emitChange(null);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["s-ui-photo-edit", rootClasses.value]) }, [
+				hasPreview.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, [(0, vue.createVNode)((0, vue.unref)(require_SButton.default), {
+					appearance: (0, vue.unref)(require_SButton_types.EButtonAppearance).BARE,
+					variant: (0, vue.unref)(require_SButton_types.EButtonVariant).NEUTRAL,
+					size: (0, vue.unref)(require_SButton_types.EButtonSize).SMALL,
+					disabled: __props.disabled,
+					tabindex: -1,
+					icon: "closeMini",
+					"aria-label": (0, vue.unref)(t)("photoEdit.removePhoto"),
+					onClick: (0, vue.withModifiers)(handleRemoveClick, ["stop"])
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"disabled",
+					"aria-label"
+				])])) : (0, vue.createCommentVNode)("", true),
+				(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", {
+					class: "s-ui-photo-edit__trigger",
+					role: "button",
+					tabindex: triggerTabIndex.value,
+					"aria-disabled": __props.disabled || void 0,
+					"aria-label": triggerAriaLabel.value,
+					onClick: handleTriggerClick,
+					onKeydown: handleTriggerKeydown
+				}, [previewSrc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+					key: 0,
+					class: "s-ui-photo-edit__preview",
+					src: previewSrc.value,
+					alt: __props.alt ?? ""
+				}, null, 8, _hoisted_4)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.createElementVNode)("span", _hoisted_6, [(0, vue.createVNode)((0, vue.unref)(_shtabapp_ui_kit_primitives.SIcon), {
+					name: "camera",
+					size: 40
+				})])])), (0, vue.createElementVNode)("div", _hoisted_7, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["s-ui-photo-edit__label", labelTypographyClass.value]) }, (0, vue.toDisplayString)(overlayLabel.value), 3)])], 40, _hoisted_3)]),
+				(0, vue.createElementVNode)("input", {
+					ref_key: "fileInputRef",
+					ref: fileInputRef,
+					class: "s-ui-photo-edit__input",
+					type: "file",
+					accept: __props.accept,
+					disabled: __props.disabled,
+					onChange: handleFileInputChange
+				}, null, 40, _hoisted_8)
+			], 2);
+		};
+	}
+});
+//#endregion
+exports.default = SPhotoEdit_vue_vue_type_script_setup_true_lang_default;

package/dist/components/SPhotoEdit/SPhotoEdit.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,185 @@
+import { EButtonAppearance, EButtonSize, EButtonVariant } from "../SButton/SButton.types.js";
+import SButton_default from "../SButton/SButton.vue.js";
+import { ESPhotoEditShape, ESPhotoEditSize } from "./SPhotoEdit.types.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, onScopeDispose, openBlock, ref, toDisplayString, unref, useModel, useTemplateRef, watch, withModifiers } from "vue";
+import { SIcon, useUiKitI18n } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SPhotoEdit/SPhotoEdit.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "s-ui-photo-edit__remove"
+};
+var _hoisted_2 = { class: "s-ui-photo-edit__wrapper" };
+var _hoisted_3 = [
+	"tabindex",
+	"aria-disabled",
+	"aria-label"
+];
+var _hoisted_4 = ["src", "alt"];
+var _hoisted_5 = {
+	key: 1,
+	class: "s-ui-photo-edit__placeholder"
+};
+var _hoisted_6 = { class: "s-ui-photo-edit__camera" };
+var _hoisted_7 = { class: "s-ui-photo-edit__overlay" };
+var _hoisted_8 = ["accept", "disabled"];
+var SPhotoEdit_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SPhotoEdit",
+	props: /*@__PURE__*/ mergeModels({
+		accept: { default: "image/jpeg,image/png,image/jpg" },
+		alt: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		shape: { default: () => ESPhotoEditShape.CIRCLE },
+		size: { default: () => ESPhotoEditSize.SMALL }
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change", "remove"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
+		const { t } = useUiKitI18n();
+		const fileInputRef = useTemplateRef("fileInputRef");
+		const objectUrl = ref(null);
+		const revokeObjectUrl = () => {
+			if (!objectUrl.value) return;
+			URL.revokeObjectURL(objectUrl.value);
+			objectUrl.value = null;
+		};
+		watch(() => modelValue.value, (value) => {
+			revokeObjectUrl();
+			if (value instanceof File) objectUrl.value = URL.createObjectURL(value);
+		}, { immediate: true });
+		onScopeDispose(revokeObjectUrl);
+		const previewSrc = computed(() => {
+			const value = modelValue.value;
+			if (value instanceof File) return objectUrl.value ?? "";
+			if (typeof value === "string") return value;
+			return "";
+		});
+		const hasPreview = computed(() => {
+			const value = modelValue.value;
+			if (value instanceof File) return true;
+			if (typeof value === "string") return value.length > 0;
+			return false;
+		});
+		const rootClasses = computed(() => {
+			return {
+				[`s-ui-photo-edit--size-${__props.size}`]: true,
+				[`s-ui-photo-edit--shape-${__props.shape}`]: true,
+				"s-ui-photo-edit--filled": hasPreview.value,
+				"s-ui-photo-edit--disabled": __props.disabled
+			};
+		});
+		const labelTypographyClass = computed(() => {
+			if (__props.size === ESPhotoEditSize.X_SMALL) return "s-ui-typography-label-10-medium";
+			return "s-ui-typography-label-12-medium";
+		});
+		const overlayLabel = computed(() => {
+			if (hasPreview.value) return t("photoEdit.changePhoto");
+			return t("photoEdit.uploadPhoto");
+		});
+		const triggerAriaLabel = computed(() => {
+			if (hasPreview.value) return t("photoEdit.changePhoto");
+			return t("photoEdit.pickPhoto");
+		});
+		const triggerTabIndex = computed(() => {
+			if (__props.disabled) return -1;
+			return 0;
+		});
+		const resetFileInput = () => {
+			if (fileInputRef.value) fileInputRef.value.value = "";
+		};
+		const handleAbort = () => {
+			modelValue.value = null;
+			revokeObjectUrl();
+			resetFileInput();
+		};
+		const emitChange = (file) => {
+			emit("change", {
+				file,
+				abort: handleAbort
+			});
+		};
+		const openFileDialog = () => {
+			if (__props.disabled) return;
+			fileInputRef.value?.click();
+		};
+		const handleTriggerClick = () => {
+			openFileDialog();
+		};
+		const handleTriggerKeydown = (event) => {
+			if (__props.disabled) return;
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			openFileDialog();
+		};
+		const handleFileInputChange = (event) => {
+			if (!(event.target instanceof HTMLInputElement)) return;
+			const selectedFile = event.target.files?.[0];
+			if (!selectedFile) return;
+			modelValue.value = selectedFile;
+			emitChange(selectedFile);
+			resetFileInput();
+		};
+		const handleRemoveClick = () => {
+			if (__props.disabled) return;
+			emit("remove");
+			modelValue.value = null;
+			revokeObjectUrl();
+			resetFileInput();
+			emitChange(null);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["s-ui-photo-edit", rootClasses.value]) }, [
+				hasPreview.value ? (openBlock(), createElementBlock("span", _hoisted_1, [createVNode(unref(SButton_default), {
+					appearance: unref(EButtonAppearance).BARE,
+					variant: unref(EButtonVariant).NEUTRAL,
+					size: unref(EButtonSize).SMALL,
+					disabled: __props.disabled,
+					tabindex: -1,
+					icon: "closeMini",
+					"aria-label": unref(t)("photoEdit.removePhoto"),
+					onClick: withModifiers(handleRemoveClick, ["stop"])
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"disabled",
+					"aria-label"
+				])])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+					class: "s-ui-photo-edit__trigger",
+					role: "button",
+					tabindex: triggerTabIndex.value,
+					"aria-disabled": __props.disabled || void 0,
+					"aria-label": triggerAriaLabel.value,
+					onClick: handleTriggerClick,
+					onKeydown: handleTriggerKeydown
+				}, [previewSrc.value ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					class: "s-ui-photo-edit__preview",
+					src: previewSrc.value,
+					alt: __props.alt ?? ""
+				}, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("span", _hoisted_6, [createVNode(unref(SIcon), {
+					name: "camera",
+					size: 40
+				})])])), createElementVNode("div", _hoisted_7, [createElementVNode("span", { class: normalizeClass(["s-ui-photo-edit__label", labelTypographyClass.value]) }, toDisplayString(overlayLabel.value), 3)])], 40, _hoisted_3)]),
+				createElementVNode("input", {
+					ref_key: "fileInputRef",
+					ref: fileInputRef,
+					class: "s-ui-photo-edit__input",
+					type: "file",
+					accept: __props.accept,
+					disabled: __props.disabled,
+					onChange: handleFileInputChange
+				}, null, 40, _hoisted_8)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { SPhotoEdit_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/SRadio/SRadio.types.cjs

@@ -0,0 +1,8 @@
+//#region src/components/SRadio/SRadio.types.ts
+var ESRadioLabelPlacement = /* @__PURE__ */ function(ESRadioLabelPlacement) {
+	ESRadioLabelPlacement["LEFT"] = "left";
+	ESRadioLabelPlacement["RIGHT"] = "right";
+	return ESRadioLabelPlacement;
+}({});
+//#endregion
+exports.ESRadioLabelPlacement = ESRadioLabelPlacement;

package/dist/components/SRadio/SRadio.types.js

@@ -0,0 +1,8 @@
+//#region src/components/SRadio/SRadio.types.ts
+var ESRadioLabelPlacement = /* @__PURE__ */ function(ESRadioLabelPlacement) {
+	ESRadioLabelPlacement["LEFT"] = "left";
+	ESRadioLabelPlacement["RIGHT"] = "right";
+	return ESRadioLabelPlacement;
+}({});
+//#endregion
+export { ESRadioLabelPlacement };

package/dist/components/SRadio/SRadio.vue.cjs

@@ -0,0 +1,6 @@
+const require_SRadio_vue_vue_type_script_setup_true_lang = require("./SRadio.vue_vue_type_script_setup_true_lang.cjs");
+;/* empty css                                                            */
+//#region src/components/SRadio/SRadio.vue
+var SRadio_default = require_SRadio_vue_vue_type_script_setup_true_lang.default;
+//#endregion
+exports.default = SRadio_default;

package/dist/components/SRadio/SRadio.vue.js

@@ -0,0 +1,6 @@
+import SRadio_vue_vue_type_script_setup_true_lang_default from "./SRadio.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region src/components/SRadio/SRadio.vue
+var SRadio_default = SRadio_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SRadio_default as default };

package/dist/components/SRadio/SRadio.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,77 @@
+const require_useAriaAttrs = require("../../composables/useAriaAttrs.cjs");
+const require_SRadio_types = require("./SRadio.types.cjs");
+let vue = require("vue");
+//#region src/components/SRadio/SRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"disabled",
+	"name",
+	"value"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-radio__content"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "s-ui-radio__label s-ui-typography-label-14-medium"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "s-ui-radio__description s-ui-typography-body-12-regular"
+};
+var SRadio_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "SRadio",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		labelPlacement: { default: () => require_SRadio_types.ESRadioLabelPlacement.RIGHT },
+		name: {},
+		value: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ (0, vue.mergeModels)(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const emit = __emit;
+		const { getRootAttrs, getAriaAttrs } = require_useAriaAttrs.useAriaAttrs();
+		const slots = (0, vue.useSlots)();
+		const isChecked = (0, vue.computed)(() => {
+			return modelValue.value === __props.value;
+		});
+		const rootClasses = (0, vue.computed)(() => {
+			return [{
+				"s-ui-radio--checked": isChecked.value,
+				"s-ui-radio--disabled": __props.disabled,
+				"s-ui-radio--label-left": __props.labelPlacement === require_SRadio_types.ESRadioLabelPlacement.LEFT
+			}];
+		});
+		const handleChange = (event) => {
+			if (!(event.target instanceof HTMLInputElement)) return;
+			if (!event.target.checked) return;
+			emit("change", __props.value);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", (0, vue.mergeProps)({ class: "s-ui-radio" }, (0, vue.unref)(getRootAttrs)(), { class: [rootClasses.value, { "s-ui-radio--control-only": !(0, vue.unref)(slots).default && !(0, vue.unref)(slots).description }] }), [
+				(0, vue.withDirectives)((0, vue.createElementVNode)("input", (0, vue.mergeProps)({
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					type: "radio",
+					class: "s-ui-radio__input"
+				}, (0, vue.unref)(getAriaAttrs)(), {
+					disabled: __props.disabled,
+					name: __props.name,
+					value: __props.value,
+					onChange: handleChange
+				}), null, 16, _hoisted_1), [[vue.vModelRadio, modelValue.value]]),
+				_cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", { class: "s-ui-radio__control" }, [(0, vue.createElementVNode)("span", { class: "s-ui-radio__thumb" })], -1)),
+				(0, vue.unref)(slots).default || (0, vue.unref)(slots).description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, [(0, vue.unref)(slots).default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "default")])) : (0, vue.createCommentVNode)("", true), (0, vue.unref)(slots).description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "description")])) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true)
+			], 16);
+		};
+	}
+});
+//#endregion
+exports.default = SRadio_vue_vue_type_script_setup_true_lang_default;

package/dist/components/SRadio/SRadio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,77 @@
+import { useAriaAttrs } from "../../composables/useAriaAttrs.js";
+import { ESRadioLabelPlacement } from "./SRadio.types.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, mergeProps, openBlock, renderSlot, unref, useModel, useSlots, vModelRadio, withDirectives } from "vue";
+//#region src/components/SRadio/SRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"disabled",
+	"name",
+	"value"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "s-ui-radio__content"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "s-ui-radio__label s-ui-typography-label-14-medium"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "s-ui-radio__description s-ui-typography-body-12-regular"
+};
+var SRadio_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "SRadio",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		labelPlacement: { default: () => ESRadioLabelPlacement.RIGHT },
+		name: {},
+		value: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
+		const { getRootAttrs, getAriaAttrs } = useAriaAttrs();
+		const slots = useSlots();
+		const isChecked = computed(() => {
+			return modelValue.value === __props.value;
+		});
+		const rootClasses = computed(() => {
+			return [{
+				"s-ui-radio--checked": isChecked.value,
+				"s-ui-radio--disabled": __props.disabled,
+				"s-ui-radio--label-left": __props.labelPlacement === ESRadioLabelPlacement.LEFT
+			}];
+		});
+		const handleChange = (event) => {
+			if (!(event.target instanceof HTMLInputElement)) return;
+			if (!event.target.checked) return;
+			emit("change", __props.value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", mergeProps({ class: "s-ui-radio" }, unref(getRootAttrs)(), { class: [rootClasses.value, { "s-ui-radio--control-only": !unref(slots).default && !unref(slots).description }] }), [
+				withDirectives(createElementVNode("input", mergeProps({
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					type: "radio",
+					class: "s-ui-radio__input"
+				}, unref(getAriaAttrs)(), {
+					disabled: __props.disabled,
+					name: __props.name,
+					value: __props.value,
+					onChange: handleChange
+				}), null, 16, _hoisted_1), [[vModelRadio, modelValue.value]]),
+				_cache[1] || (_cache[1] = createElementVNode("span", { class: "s-ui-radio__control" }, [createElementVNode("span", { class: "s-ui-radio__thumb" })], -1)),
+				unref(slots).default || unref(slots).description ? (openBlock(), createElementBlock("span", _hoisted_2, [unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true), unref(slots).description ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "description")])) : createCommentVNode("", true)])) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+//#endregion
+export { SRadio_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/SRoadmap/SRoadmap.types.cjs

@@ -0,0 +1,13 @@
+//#region src/components/SRoadmap/SRoadmap.types.ts
+var ESRoadmapStatus = /* @__PURE__ */ function(ESRoadmapStatus) {
+	ESRoadmapStatus["UNDONE"] = "undone";
+	ESRoadmapStatus["GENERATED"] = "generated";
+	ESRoadmapStatus["ON_PLAN"] = "on-plan";
+	ESRoadmapStatus["RISK"] = "risk";
+	ESRoadmapStatus["DEVIATED"] = "deviated";
+	ESRoadmapStatus["ON_PAUSE"] = "on-pause";
+	ESRoadmapStatus["DONE"] = "done";
+	return ESRoadmapStatus;
+}({});
+//#endregion
+exports.ESRoadmapStatus = ESRoadmapStatus;