duck-dev-lib 0.0.36 → 0.0.43

package/fesm2022/{duck-dev-lib-en-CvMpinpr.mjs → duck-dev-lib-en-Co6vywqB.mjs}

@@ -15,6 +15,10 @@ var tabs = {
 	tooltip: "Tooltip",
 	directives: "Directives"
 };
+var documentationStyleTabs = {
+	classic: "Classic",
+	neobrutalism: "Neobrutalism"
+};
 var quickStart = {
 	title: "Duck Dev UI Library — Colors & Themes",
 	intro: "This guide explains how to install the library styles and work with colors and themes. Duck Dev provides a small set of CSS variables (the dd-base palette) and theme switching via an attribute.",
@@ -263,6 +267,28 @@ var buttons = {
 		exampleOrange: "Orange",
 		exampleGray: "Gray",
 		exampleDark: "Dark"
+	},
+	neobrutal: {
+		title: "Neobrutalism Buttons",
+		description: "Three loud button variants with thick borders, contrasting shadows, and intentionally rough geometry. Useful for hero sections, CTA areas, and any action that should feel visually dominant.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputText: "main button label",
+		inputSubtext: "small sticker label for the burst variant",
+		inputHelperText: "secondary caption for the slab variant",
+		inputTag: "short tag or sequence marker for the tag variant",
+		inputColorButton: "color scheme (White, Gray, Dark, Violet, Orange)",
+		inputIsDisabled: "disables the button and removes active interaction",
+		examples: "Examples:",
+		exampleBurstWhite: "Burst / White",
+		exampleBurstViolet: "Burst / Violet",
+		exampleBurstDark: "Burst / Dark",
+		exampleSlabGray: "Slab / Gray",
+		exampleSlabOrange: "Slab / Orange",
+		exampleSlabDisabled: "Slab / Disabled",
+		exampleTagOrange: "Tag / Orange",
+		exampleTagViolet: "Tag / Violet",
+		exampleTagDark: "Tag / Dark"
 	}
 };
 var segmentDoc = {
@@ -325,6 +351,18 @@ var loaders = {
 		inputNone: "Component has no input parameters",
 		inputCss: "Configuration via CSS",
 		examples: "Examples:"
+	},
+	neobrutal: {
+		title: "Neobrutalism Loaders",
+		description: "Three loud loading indicators with heavy outlines, hard shadows, sticker-like geometry, and arcade motion. Use them in promo screens, dashboards, or empty states where the loading state should feel intentional rather than invisible.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputNone: "Components have no input parameters",
+		inputCss: "Colors and scale can be adjusted via CSS if needed",
+		examples: "Examples:",
+		exampleStamp: "Stamp spinner",
+		exampleBars: "Punch bars",
+		exampleMarquee: "Ticker pill"
 	}
 };
 var tabsComponent = {
@@ -363,6 +401,30 @@ var tabsComponent = {
 		implementation3: "Use signal to store active tab",
 		implementation4: "Handle tabChange event to switch content",
 		implementation5: "Place tab content inside the component using conditional blocks"
+	},
+	neobrutal: {
+		usage: "Neobrutalism variants:",
+		examples: "Neobrutalism examples:",
+		horizontalTitle: "Horizontal / Neobrutal",
+		verticalTitle: "Vertical / Neobrutal",
+		kickerRush: "Queue",
+		cardRushTitle: "Rush lane is armed",
+		cardRushText: "Use the horizontal variant for compact flows, step clusters, or promo panels where the active state needs to hit hard.",
+		kickerDrop: "Drop",
+		cardDropTitle: "Drop room is live",
+		cardDropText: "Each tab behaves like a sticker-card with loud color blocks, offset shadows, and a chunky content frame.",
+		kickerReview: "Review",
+		cardReviewTitle: "Review desk is locked",
+		cardReviewText: "The selected tab leans forward visually, so the navigation reads more like a control strip than a neutral switcher.",
+		storyPulseChip: "Pulse",
+		storyPulseTitle: "Sidebar tab for signal-heavy layouts",
+		storyPulseText: "The vertical neobrutal variant works well in settings pages, dashboards, and side navigation where sections need strong visual separation.",
+		storyStackChip: "Stack",
+		storyStackTitle: "Chunky, loud, and easy to scan",
+		storyStackText: "Large markers, hard shadows, and a moving side indicator keep the active route visible even in denser interfaces.",
+		storyBlastChip: "Blast",
+		storyBlastTitle: "Built for promo and editorial blocks",
+		storyBlastText: "The content area keeps the same brutal geometry, so the tabs and panel feel like one composed interface instead of separate widgets."
 	}
 };
 var svgComponent = {
@@ -383,52 +445,66 @@ var svgComponent = {
 	copied: "Copied!"
 };
 var inputComponent = {
-	title: "Input Field Component",
-	inputField: {
-		title: "Input Field Component",
-		description: "Universal form input component that supports text inputs, textareas, and checkboxes with built-in validation and error handling.",
-		usage: "Usage",
-		usageText1: "Import InputFieldComponent into your component.",
-		usageText2: "Create a FormGroup with FormBuilder and define form controls.",
-		usageText3: "Pass the form, control name, and optional parameters to the component.",
-		required: "required",
-		optional: "optional",
-		inputs: "Inputs",
-		inputForm: "FormGroup instance that contains the form controls",
-		inputControlName: "Name of the form control to bind to",
-		inputLabel: "Label text displayed above the input field (default: '')",
-		inputPlaceholder: "Placeholder text for the input (default: '')",
-		inputType: "HTML input type (text, email, password, number, etc.) (default: 'text')",
-		inputFormInputType: "Type of form field to render (default: 'input')",
-		typeInput: "Standard input field",
-		typeTextarea: "Multi-line textarea",
-		typeCheckbox: "Checkbox with custom styling",
-		inputErrorMessage: "Error message to display when validation fails (default: '')",
-		features: "Features",
-		feature1: "Support for three types of form inputs: input, textarea, checkbox",
-		feature2: "Automatic validation state visualization (error class on invalid and touched)",
-		feature3: "Custom error messages display",
-		feature4: "Integration with Angular Reactive Forms",
-		feature5: "Custom styled checkbox with SVG checkmark",
-		feature6: "Flexible configuration through input signals",
-		feature7: "Support for ng-content projection for checkbox labels",
-		api: "API",
-		apiForm: "Required FormGroup that manages the form state",
-		apiControlName: "Required string identifier for the form control",
-		apiLabel: "Optional label text for the field",
-		apiPlaceholder: "Optional placeholder text",
-		apiType: "Optional HTML input type attribute",
-		apiFormInputType: "Optional type selector for rendering different input types",
-		apiErrorMessage: "Optional error message displayed when field is invalid",
-		implementation: "Implementation Details",
-		implementation1: "Component uses Angular signal-based inputs for better performance",
-		implementation2: "Supports formControlName binding for reactive forms integration",
-		implementation3: "Error styling is automatically applied when control is invalid and touched",
-		implementation4: "Checkbox type includes custom SVG-based visual design",
-		implementation5: "All input types maintain consistent styling through shared CSS classes",
-		implementation6: "Error messages are conditionally displayed based on errorMessage input",
-		example: "Usage Example",
-		exampleComponent: "Component with Form Example"
+	title: "Duck Dev Input",
+	eyebrow: "Form System",
+	description: "A single component for `input`, `textarea`, `select`, and `checkbox`. It fits forms, filters, and onboarding flows where you want a consistent visual language and simple Reactive Forms integration.",
+	heroPointType: "Field types",
+	heroPointTypeValue: "text, email, password, textarea, select, checkbox",
+	heroPointIntegration: "Integration",
+	heroPointIntegrationValue: "Angular Reactive Forms + signal inputs",
+	heroPointUseCase: "Best for",
+	heroPointUseCaseValue: "Profile forms, signup flows, feedback forms, and settings screens",
+	overviewTitle: "What the component covers",
+	overviewDescription: "One API handles several input scenarios and keeps styling aligned, so pages do not drift into mixed field patterns.",
+	featuresTitle: "Key capabilities",
+	feature1: "Unified wrapper for standard input, multi-line text, select list, and checkbox.",
+	feature2: "Error state is applied automatically when the control becomes invalid and touched.",
+	feature3: "Validation messaging stays in the parent form because the error text is passed in.",
+	feature4: "The new `select` mode supports a placeholder and a typed options list via `options`.",
+	feature5: "Checkbox uses `ng-content`, so consent copy or rich label content stays flexible.",
+	examplesTitle: "Quick scenarios",
+	exampleText: "Text field",
+	exampleTextCaption: "Use it for names, email, password, and any single-line value.",
+	exampleSelect: "New select",
+	exampleSelectCaption: "Useful for roles, categories, statuses, and other bounded value sets.",
+	exampleTextarea: "Textarea",
+	exampleTextareaCaption: "Fits descriptions, notes, and free-form text.",
+	apiTitle: "API",
+	apiForm: "required `FormGroup` instance used by the field",
+	apiControlName: "form control name inside the provided form",
+	apiLabel: "label rendered above the field; usually omitted for checkbox",
+	apiPlaceholder: "placeholder for input, textarea, and select",
+	apiType: "HTML type for the standard input: `text`, `email`, `password`, etc.",
+	apiFormInputType: "render mode: `input | textarea | select | checkbox`",
+	apiOptions: "options for `select` mode in the `{ value, label, disabled? }` shape",
+	apiErrorMessage: "error text displayed under the field",
+	showcaseTitle: "Demo form",
+	showcaseDescription: "Live example showing all input variants inside one form.",
+	showcaseText: "Name",
+	showcaseSelect: "Role",
+	showcaseTextarea: "About",
+	showcaseCheckbox: "Consent",
+	showcaseValue: "Current value",
+	codeTitle: "Integration example",
+	codeTemplate: "Template",
+	codeLogic: "Component logic",
+	demo: {
+		fullName: "Full name",
+		fullNamePlaceholder: "Jane Cooper",
+		email: "Work email",
+		emailPlaceholder: "jane@duckdev.dev",
+		role: "Role",
+		rolePlaceholder: "Choose a role",
+		bio: "Short bio",
+		bioPlaceholder: "For example: building an internal design system for the product",
+		agreement: "I agree to data processing and product update communication",
+		errors: {
+			required: "This field is required",
+			email: "Enter a valid email",
+			minlength: "Minimum 3 characters",
+			requiredTrue: "You need to confirm consent",
+			invalid: "Check the field value"
+		}
 	}
 };
 var badgeDoc = {
@@ -536,6 +612,48 @@ var cardDoc = {
 		orange: "Orange",
 		gray: "Gray",
 		dark: "Dark"
+	},
+	minimal: {
+		title: "Card Minimal",
+		description: "A restrained modern card with a thin accent line, soft border and clean spacing. Suitable for notes, statuses and compact content blocks.",
+		usage: "Usage:",
+		inputs: "Inputs:",
+		examples: "Examples:",
+		examplesDesc: {
+			"default": "<small>System note</small><h3>Quiet by design</h3><p>Minimal surface with editorial spacing and a restrained visual rhythm.</p>",
+			violet: "<small>Release</small><h3>Focused update</h3><p>Soft accent for important product notes without turning the block into a banner.</p>",
+			orange: "<small>Highlight</small><h3>Warm emphasis</h3><p>Draws attention to short announcements, recommendations or curated content.</p>",
+			gray: "<small>Status</small><h3>Calm neutral state</h3><p>Works well for helper text, metadata and secondary descriptions in dense layouts.</p>",
+			dark: "<small>Premium</small><h3>Inverted contrast</h3><p>A stronger presentation for dashboards, summaries and high-priority contextual cards.</p>"
+		}
+	},
+	outline: {
+		title: "Card Outline",
+		description: "A refined framed card with strong proportions, a clean accent mark and restrained luxury styling. Suitable for product notes, editorial blocks and highlighted descriptions.",
+		usage: "Usage:",
+		inputs: "Inputs:",
+		examples: "Examples:",
+		examplesDesc: {
+			"default": "<small>Editorial</small><h3>Quiet framing</h3><p>Balanced composition for product copy, descriptions and calm premium presentation.</p>",
+			violet: "<small>Feature</small><h3>Framed focus</h3><p>Elegant highlight for new functionality without visual noise or aggressive contrast.</p>",
+			orange: "<small>Curated</small><h3>Warm recommendation</h3><p>Designed for selected content, callouts and guidance where tone matters.</p>",
+			gray: "<small>Reference</small><h3>Measured neutral</h3><p>Useful for documentation notes, specs and secondary contextual information.</p>",
+			dark: "<small>Signature</small><h3>Dark edition</h3><p>Sharper and more premium look for summaries, hero snippets and dashboard insights.</p>"
+		}
+	},
+	signal: {
+		title: "Card Signal",
+		description: "A more technical modern card with grid texture, precise top line and a controlled data-driven feel. Suitable for metrics, updates and system communication.",
+		usage: "Usage:",
+		inputs: "Inputs:",
+		examples: "Examples:",
+		examplesDesc: {
+			"default": "<small>Overview</small><h3>Structured message</h3><p>Clear hierarchy for concise updates, metrics or contextual notices in interfaces.</p>",
+			violet: "<small>Deploy</small><h3>Release checkpoint</h3><p>Technical enough for product updates while still keeping the layout polished and controlled.</p>",
+			orange: "<small>Attention</small><h3>Operational focus</h3><p>Useful for warnings, event streams and active system messages that need visual presence.</p>",
+			gray: "<small>Log</small><h3>Background context</h3><p>Subtle enough for secondary information, version notes and passive feed items.</p>",
+			dark: "<small>Console</small><h3>High-priority signal</h3><p>Best for stronger status communication, compact dashboards and dense information panels.</p>"
+		}
 	}
 };
 var modalDoc = {
@@ -568,6 +686,7 @@ var modalDoc = {
 };
 var en = {
 	tabs: tabs,
+	documentationStyleTabs: documentationStyleTabs,
 	quickStart: quickStart,
 	tooltipDoc: tooltipDoc,
 	notifications: notifications,
@@ -585,5 +704,5 @@ var en = {
 	modalDoc: modalDoc
 };
 
-export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
-//# sourceMappingURL=duck-dev-lib-en-CvMpinpr.mjs.map
+export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
+//# sourceMappingURL=duck-dev-lib-en-Co6vywqB.mjs.map

package/fesm2022/{duck-dev-lib-ru-JQ83ztjM.mjs.map → duck-dev-lib-en-Co6vywqB.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"duck-dev-lib-ru-JQ83ztjM.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"duck-dev-lib-en-Co6vywqB.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/fesm2022/{duck-dev-lib-ru-JQ83ztjM.mjs → duck-dev-lib-ru-39r_p4Cd.mjs}

@@ -15,6 +15,10 @@ var tabs = {
 	tooltip: "Подсказка",
 	directives: "Директивы"
 };
+var documentationStyleTabs = {
+	classic: "Классика",
+	neobrutalism: "Neobrutalism"
+};
 var quickStart = {
 	title: "Duck Dev UI Library — Цвета и темы",
 	intro: "Это руководство объясняет, как подключить стили библиотеки и работать с цветами и темами. Duck Dev предоставляет набор CSS‑переменных (палитра dd-base) и переключение тем через атрибут.",
@@ -229,6 +233,28 @@ var buttons = {
 		exampleOrange: "Оранжевая",
 		exampleGray: "Серая",
 		exampleDark: "Тёмная"
+	},
+	neobrutal: {
+		title: "Neobrutalism Buttons",
+		description: "Три агрессивных варианта кнопок с толстыми границами, контрастными тенями и нарочито грубой геометрией. Подходят для hero-блоков, CTA и акцентных действий, где интерфейс должен выглядеть дерзко.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputText: "основной текст кнопки",
+		inputSubtext: "маленький ярлык для burst-варианта",
+		inputHelperText: "вторичная подпись для slab-варианта",
+		inputTag: "короткий тег или номер для tag-варианта",
+		inputColorButton: "цветовая схема (White, Gray, Dark, Violet, Orange)",
+		inputIsDisabled: "отключает кнопку и гасит интерактивные эффекты",
+		examples: "Примеры:",
+		exampleBurstWhite: "Burst / White",
+		exampleBurstViolet: "Burst / Violet",
+		exampleBurstDark: "Burst / Dark",
+		exampleSlabGray: "Slab / Gray",
+		exampleSlabOrange: "Slab / Orange",
+		exampleSlabDisabled: "Slab / Disabled",
+		exampleTagOrange: "Tag / Orange",
+		exampleTagViolet: "Tag / Violet",
+		exampleTagDark: "Tag / Dark"
 	}
 };
 var segmentDoc = {
@@ -291,6 +317,18 @@ var loaders = {
 		inputNone: "Компонент не имеет входных параметров",
 		inputCss: "Настройка через CSS",
 		examples: "Примеры:"
+	},
+	neobrutal: {
+		title: "Neobrutalism Loaders",
+		description: "Три нарочито дерзких загрузчика с толстыми границами, жёсткими тенями, стикерной геометрией и аркадной анимацией. Подходят для промо-экранов, дашбордов и пустых состояний, где индикатор загрузки должен быть частью визуального языка, а не нейтральной заглушкой.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputNone: "Компоненты не имеют входных параметров",
+		inputCss: "Цвета и масштаб при необходимости можно переопределить через CSS",
+		examples: "Примеры:",
+		exampleStamp: "Stamp spinner",
+		exampleBars: "Punch bars",
+		exampleMarquee: "Ticker pill"
 	}
 };
 var tabsComponent = {
@@ -329,6 +367,30 @@ var tabsComponent = {
 		implementation3: "Используйте signal для хранения активной вкладки",
 		implementation4: "Обработайте событие tabChange для переключения контента",
 		implementation5: "Разместите контент вкладок внутри компонента используя условные блоки"
+	},
+	neobrutal: {
+		usage: "Neobrutalism варианты:",
+		examples: "Neobrutalism примеры:",
+		horizontalTitle: "Горизонтальный / Neobrutal",
+		verticalTitle: "Вертикальный / Neobrutal",
+		kickerRush: "Queue",
+		cardRushTitle: "Rush lane включён",
+		cardRushText: "Горизонтальный вариант подходит для компактных сценариев, шагов, промо-панелей и любых блоков, где активное состояние должно считываться мгновенно.",
+		kickerDrop: "Drop",
+		cardDropTitle: "Drop room открыт",
+		cardDropText: "Каждая вкладка выглядит как стикер-карточка с плотными цветовыми плоскостями, смещёнными тенями и тяжёлой рамкой вокруг контента.",
+		kickerReview: "Review",
+		cardReviewTitle: "Review desk зафиксирован",
+		cardReviewText: "Активная вкладка намеренно выдвигается вперёд, поэтому навигация ощущается не нейтральным переключателем, а выразительной control strip-панелью.",
+		storyPulseChip: "Pulse",
+		storyPulseTitle: "Боковые tabs для интерфейсов с сильной навигацией",
+		storyPulseText: "Вертикальный neobrutal-вариант хорошо ложится в settings-экраны, дашборды и сайдбары, где секции должны жёстко отделяться визуально.",
+		storyStackChip: "Stack",
+		storyStackTitle: "Крупно, громко и легко сканируется",
+		storyStackText: "Большие маркеры, жёсткие тени и движущийся боковой индикатор помогают быстро увидеть активный раздел даже в плотной раскладке.",
+		storyBlastChip: "Blast",
+		storyBlastTitle: "Подходит для промо и editorial-блоков",
+		storyBlastText: "Контентная зона повторяет ту же brutal-геометрию, поэтому tabs и панель воспринимаются как единый собранный интерфейс, а не как две разные сущности."
 	}
 };
 var svgComponent = {
@@ -349,52 +411,66 @@ var svgComponent = {
 	copied: "Скопировано!"
 };
 var inputComponent = {
-	title: "Компонент поля ввода",
-	inputField: {
-		title: "Компонент поля ввода",
-		description: "Универсальный компонент формы, поддерживающий текстовые поля, текстовые области и чекбоксы с встроенной валидацией и обработкой ошибок.",
-		usage: "Использование",
-		usageText1: "Импортируйте InputFieldComponent в свой компонент.",
-		usageText2: "Создайте FormGroup с помощью FormBuilder и определите form controls.",
-		usageText3: "Передайте форму, имя контроля и дополнительные параметры в компонент.",
-		required: "обязательный",
-		optional: "необязательный",
-		inputs: "Входные параметры",
-		inputForm: "Экземпляр FormGroup, содержащий элементы формы",
-		inputControlName: "Имя form control для привязки",
-		inputLabel: "Текст метки, отображаемый над полем ввода (по умолчанию: '')",
-		inputPlaceholder: "Текст placeholder для поля ввода (по умолчанию: '')",
-		inputType: "HTML-тип поля (text, email, password, number и т. д.) (по умолчанию: 'text')",
-		inputFormInputType: "Тип элемента формы для отображения (по умолчанию: 'input')",
-		typeInput: "Стандартное поле ввода",
-		typeTextarea: "Многострочная текстовая область",
-		typeCheckbox: "Чекбокс с пользовательским стилем",
-		inputErrorMessage: "Сообщение об ошибке, отображаемое при неуспешной валидации (по умолчанию: '')",
-		features: "Особенности",
-		feature1: "Поддержка трёх типов элементов формы: input, textarea, checkbox",
-		feature2: "Автоматическая визуализация состояния валидации (класс ошибки при invalid и touched)",
-		feature3: "Отображение пользовательских сообщений об ошибках",
-		feature4: "Интеграция с Angular Reactive Forms",
-		feature5: "Пользовательский стиль для чекбокса с SVG-галочкой",
-		feature6: "Гибкая конфигурация через input signals",
-		feature7: "Поддержка ng-content для вставки кастомных меток чекбокса",
-		api: "API",
-		apiForm: "Обязательный FormGroup, управляющий состоянием формы",
-		apiControlName: "Обязательное строковое имя элемента формы",
-		apiLabel: "Необязательный текст метки",
-		apiPlaceholder: "Необязательный placeholder",
-		apiType: "Необязательный атрибут HTML-типа",
-		apiFormInputType: "Необязательный тип отображаемого элемента",
-		apiErrorMessage: "Необязательное сообщение об ошибке, отображаемое при недействительном поле",
-		implementation: "Детали реализации",
-		implementation1: "Компонент использует основанные на сигналах Angular inputs для улучшенной производительности",
-		implementation2: "Поддерживает привязку formControlName для интеграции с реактивными формами",
-		implementation3: "Стилизация ошибок применяется автоматически, если control недействителен и был затронут",
-		implementation4: "Тип checkbox включает SVG-дизайн",
-		implementation5: "Все типы полей имеют единый стиль благодаря общим CSS-классам",
-		implementation6: "Сообщения об ошибках отображаются при условии наличия errorMessage",
-		example: "Пример использования",
-		exampleComponent: "Компонент с примером формы"
+	title: "Duck Dev Input",
+	eyebrow: "Form System",
+	description: "Единый компонент для `input`, `textarea`, `select` и `checkbox`. Подходит для форм, фильтров и onboarding-сценариев, где важно сохранить одинаковый визуальный язык и простую интеграцию с Reactive Forms.",
+	heroPointType: "Типы полей",
+	heroPointTypeValue: "text, email, password, textarea, select, checkbox",
+	heroPointIntegration: "Интеграция",
+	heroPointIntegrationValue: "Angular Reactive Forms + signal inputs",
+	heroPointUseCase: "Когда использовать",
+	heroPointUseCaseValue: "Формы профиля, регистрации, обратной связи и настроек",
+	overviewTitle: "Что умеет компонент",
+	overviewDescription: "Один API закрывает несколько сценариев ввода и держит стили под контролем, чтобы на странице не смешивались разные паттерны полей.",
+	featuresTitle: "Ключевые возможности",
+	feature1: "Единая обвязка для стандартного поля, многострочного текста, списка выбора и чекбокса.",
+	feature2: "Состояние ошибки отображается автоматически, если control стал invalid и touched.",
+	feature3: "Сообщение об ошибке передается извне, поэтому правила валидации остаются в родительской форме.",
+	feature4: "Новый режим `select` поддерживает placeholder и список опций через `options`.",
+	feature5: "Чекбокс использует `ng-content`, поэтому текст согласия или подписи можно оформить свободно.",
+	examplesTitle: "Быстрые сценарии",
+	exampleText: "Текстовое поле",
+	exampleTextCaption: "Подходит для имени, почты, пароля и любых однострочных значений.",
+	exampleSelect: "Новый select",
+	exampleSelectCaption: "Используется для ролей, категорий, статусов и других ограниченных наборов значений.",
+	exampleTextarea: "Textarea",
+	exampleTextareaCaption: "Удобен для описаний, заметок и свободного текста.",
+	apiTitle: "API",
+	apiForm: "обязательный `FormGroup`, к которому привязывается поле",
+	apiControlName: "имя form control внутри переданной формы",
+	apiLabel: "подпись над полем; для checkbox обычно оставляют пустой",
+	apiPlaceholder: "placeholder для input, textarea и select",
+	apiType: "HTML-тип для стандартного input: `text`, `email`, `password` и т.д.",
+	apiFormInputType: "режим рендера: `input | textarea | select | checkbox`",
+	apiOptions: "список опций для режима `select` в формате `{ value, label, disabled? }`",
+	apiErrorMessage: "текст ошибки, который показывается под полем",
+	showcaseTitle: "Демо-форма",
+	showcaseDescription: "Живой пример использования всех вариантов компонента в одной форме.",
+	showcaseText: "Имя",
+	showcaseSelect: "Роль",
+	showcaseTextarea: "О себе",
+	showcaseCheckbox: "Согласие",
+	showcaseValue: "Текущее значение",
+	codeTitle: "Пример подключения",
+	codeTemplate: "Шаблон",
+	codeLogic: "Логика компонента",
+	demo: {
+		fullName: "Полное имя",
+		fullNamePlaceholder: "Иван Петров",
+		email: "Рабочая почта",
+		emailPlaceholder: "ivan@duckdev.dev",
+		role: "Роль",
+		rolePlaceholder: "Выберите роль",
+		bio: "Коротко о проекте",
+		bioPlaceholder: "Например: делаем внутреннюю дизайн-систему для продукта",
+		agreement: "Я соглашаюсь на обработку данных и получение обновлений по продукту",
+		errors: {
+			required: "Поле обязательно для заполнения",
+			email: "Введите корректный email",
+			minlength: "Минимум 3 символа",
+			requiredTrue: "Нужно подтвердить согласие",
+			invalid: "Проверьте значение поля"
+		}
 	}
 };
 var badgeDoc = {
@@ -502,6 +578,48 @@ var cardDoc = {
 		orange: "Orange",
 		gray: "Gray",
 		dark: "Dark"
+	},
+	minimal: {
+		title: "Минималистичная карточка",
+		description: "Сдержанная современная карточка с тонкой акцентной линией, мягкой рамкой и аккуратными отступами. Подходит для заметок, статусов и компактных смысловых блоков.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		examples: "Примеры:",
+		examplesDesc: {
+			"default": "<small>System note</small><h3>Тихий акцент</h3><p>Минимальная поверхность с аккуратным ритмом, чистыми отступами и ощущением дорогого интерфейса.</p>",
+			violet: "<small>Release</small><h3>Сфокусированное обновление</h3><p>Мягкий акцент для важных заметок о продукте, который не превращает блок в баннер.</p>",
+			orange: "<small>Highlight</small><h3>Тёплый фокус</h3><p>Подходит для коротких анонсов, рекомендаций и контента, который нужно деликатно выделить.</p>",
+			gray: "<small>Status</small><h3>Спокойный нейтральный тон</h3><p>Хорошо работает для вспомогательного текста, метаданных и вторичных описаний в плотных интерфейсах.</p>",
+			dark: "<small>Premium</small><h3>Инвертированный контраст</h3><p>Более выразительная подача для дашбордов, summary-блоков и приоритетных карточек.</p>"
+		}
+	},
+	outline: {
+		title: "Карточка с рамкой",
+		description: "Более собранная и дорогая карточка с тонкой внутренней рамкой, чистым акцентом и спокойной премиальной подачей. Подходит для продуктовых заметок, editorial-блоков и выделенных описаний.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		examples: "Примеры:",
+		examplesDesc: {
+			"default": "<small>Editorial</small><h3>Тихая рамка</h3><p>Сбалансированная композиция для продуктового текста, описаний и спокойной премиальной подачи.</p>",
+			violet: "<small>Feature</small><h3>Фокус в рамке</h3><p>Элегантный акцент для новой функциональности без лишнего шума и агрессивного контраста.</p>",
+			orange: "<small>Curated</small><h3>Тёплая рекомендация</h3><p>Подходит для отобранного контента, callout-блоков и подсказок, где важен тон.</p>",
+			gray: "<small>Reference</small><h3>Сдержанный нейтрал</h3><p>Удобна для заметок в документации, спецификаций и вторичной контекстной информации.</p>",
+			dark: "<small>Signature</small><h3>Тёмная версия</h3><p>Более резкая и премиальная подача для summary-блоков, hero-фрагментов и инсайтов в дашборде.</p>"
+		}
+	},
+	signal: {
+		title: "Сигнальная карточка",
+		description: "Более техничная современная карточка с сеткой, точной верхней линией и собранным data-driven характером. Подходит для метрик, обновлений и системной коммуникации.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		examples: "Примеры:",
+		examplesDesc: {
+			"default": "<small>Overview</small><h3>Структурное сообщение</h3><p>Чёткая иерархия для коротких обновлений, метрик и контекстных уведомлений в интерфейсе.</p>",
+			violet: "<small>Deploy</small><h3>Точка релиза</h3><p>Достаточно технологична для продуктовых обновлений, но при этом остаётся собранной и аккуратной.</p>",
+			orange: "<small>Attention</small><h3>Операционный фокус</h3><p>Подходит для предупреждений, потоков событий и активных системных сообщений, которым нужна заметность.</p>",
+			gray: "<small>Log</small><h3>Фоновый контекст</h3><p>Достаточно деликатна для вторичной информации, заметок о версиях и пассивных элементов ленты.</p>",
+			dark: "<small>Console</small><h3>Приоритетный сигнал</h3><p>Лучше всего работает для сильных статусных сообщений, компактных дашбордов и плотных инфо-панелей.</p>"
+		}
 	}
 };
 var modalDoc = {
@@ -534,6 +652,7 @@ var modalDoc = {
 };
 var ru = {
 	tabs: tabs,
+	documentationStyleTabs: documentationStyleTabs,
 	quickStart: quickStart,
 	notifications: notifications,
 	slider: slider,
@@ -550,5 +669,5 @@ var ru = {
 	modalDoc: modalDoc
 };
 
-export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-ru-JQ83ztjM.mjs.map
+export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-ru-39r_p4Cd.mjs.map

package/fesm2022/{duck-dev-lib-en-CvMpinpr.mjs.map → duck-dev-lib-ru-39r_p4Cd.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"duck-dev-lib-en-CvMpinpr.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"duck-dev-lib-ru-39r_p4Cd.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}