duck-dev-lib 0.0.23 → 0.0.25

package/fesm2022/{duck-dev-lib-en-DTcDPUsE.mjs → duck-dev-lib-en-4OEFIyu1.mjs}

@@ -1,10 +1,13 @@
 var tabs = {
+	accordion: "Accordion",
 	buttons: "Buttons",
 	loaders: "Loaders",
 	tabs: "Tabs",
 	svg: "SVG icon",
 	input: "Input",
-	notifications: "Notifications"
+	notifications: "Notifications",
+	badge: "Badges",
+	directives: "Directives"
 };
 var notifications = {
 	title: "Duck Dev UI Library - Notifications",
@@ -272,6 +275,77 @@ var inputComponent = {
 		exampleComponent: "Component with Form Example"
 	}
 };
+var badgeDoc = {
+	title: "Duck Dev UI Library - Badges",
+	badgeTitle: "Badge",
+	description: "Badge is a compact element that displays status, category or short piece of information. It supports color palette, size and visual variants.",
+	usage: "Usage",
+	inputs: "Inputs",
+	required: "required",
+	inputText: "text that will be displayed inside the badge",
+	inputColor: "color from palette: Violet | Orange | White | Gray | Dark",
+	inputVariant: "visual style: solid | soft | outline",
+	inputSize: "badge size: sm | md",
+	examples: "Examples",
+	solidViolet: "Solid / Violet",
+	solidOrange: "Solid / Orange",
+	solidGray: "Solid / Gray",
+	softViolet: "Soft / Violet",
+	softDark: "Soft / Dark",
+	softWhite: "Soft / White",
+	outlineViolet: "Outline / Violet",
+	outlineOrange: "Outline / Orange",
+	outlineGraySm: "Outline / Gray (sm)"
+};
+var directivesDoc = {
+	title: "Directives",
+	ddFlexTitle: "ddFlex",
+	ddFlexDescription: "ddFlex is a simple centering and layout directive. It sets display:flex and centers content by default. You can control direction via ddFlexDirection (row | col) and spacing via gap (px, rem, etc.).",
+	usage: "Usage",
+	inputs: "Inputs",
+	inputDirection: "layout direction: 'row' | 'col' (default: 'row')",
+	inputGap: "space between children: number (px) or string like '12px', '0.5rem'. Default: null",
+	examples: "Examples",
+	row8: "Row with 8px gap",
+	col12: "Column with 12px gap",
+	row1rem: "Row with 1rem gap (string)"
+};
+var accordionDoc = {
+	title: "Duck Dev UI Library - Accordion",
+	required: "required",
+	basic: {
+		title: "Accordion",
+		description: "Reusable accordion component with pleasant open/close animations. Colors use the library palette.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		examples: "Examples:"
+	},
+	inputTitle: "title text",
+	inputContent: "template reference with content",
+	inputColor: "title color from palette: Violet | Orange | White | Gray | Dark (default: White)",
+	examples: {
+		"default": "Default",
+		multiple: "Multiple open",
+		violet: "Violet",
+		orange: "Orange",
+		gray: "Gray",
+		dark: "Dark"
+	},
+	sample: {
+		q1: {
+			title: "What is Duck Dev Accordion?",
+			content: "Reusable accordion component with smooth CSS animations and palette-based theming."
+		},
+		q2: {
+			title: "Is multiple open supported?",
+			content: "Yes. Set [multiple]=\"true\" to allow more than one panel to be open."
+		},
+		q3: {
+			title: "Accessibility",
+			content: "Headers are buttons with the aria-expanded attribute. Focus styles are provided."
+		}
+	}
+};
 var en = {
 	tabs: tabs,
 	notifications: notifications,
@@ -279,8 +353,11 @@ var en = {
 	loaders: loaders,
 	tabsComponent: tabsComponent,
 	svgComponent: svgComponent,
-	inputComponent: inputComponent
+	inputComponent: inputComponent,
+	badgeDoc: badgeDoc,
+	directivesDoc: directivesDoc,
+	accordionDoc: accordionDoc
 };
 
-export { buttons, en as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-en-DTcDPUsE.mjs.map
+export { accordionDoc, badgeDoc, buttons, en as default, directivesDoc, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-en-4OEFIyu1.mjs.map

package/fesm2022/{duck-dev-lib-en-DTcDPUsE.mjs.map → duck-dev-lib-en-4OEFIyu1.mjs.map}

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

package/fesm2022/{duck-dev-lib-ru-DFcYCj44.mjs → duck-dev-lib-ru-CcBIFkk3.mjs}

@@ -1,10 +1,13 @@
 var tabs = {
+	accordion: "Аккордеон",
 	buttons: "Кнопки",
 	loaders: "Загрузчики",
 	tabs: "Вкладки",
 	svg: "SVG icon",
 	input: "Вввод",
-	notifications: "Уведомления"
+	notifications: "Уведомления",
+	badge: "Бейджи",
+	directives: "Директивы"
 };
 var notifications = {
 	title: "Duck Dev UI Library - Уведомления",
@@ -272,6 +275,77 @@ var inputComponent = {
 		exampleComponent: "Компонент с примером формы"
 	}
 };
+var badgeDoc = {
+	title: "Duck Dev UI Library - Бейджи",
+	badgeTitle: "Бейдж",
+	description: "Бейдж — компактный элемент, который отображает статус, категорию или короткую информацию. Поддерживает палитру цветов, размеры и визуальные варианты.",
+	usage: "Использование",
+	inputs: "Входные параметры",
+	required: "обязательный",
+	inputText: "текст, который будет отображаться внутри бейджа",
+	inputColor: "цвет из палитры: Violet | Orange | White | Gray | Dark",
+	inputVariant: "визуальный стиль: solid | soft | outline",
+	inputSize: "размер бейджа: sm | md",
+	examples: "Примеры",
+	solidViolet: "Solid / Violet",
+	solidOrange: "Solid / Orange",
+	solidGray: "Solid / Gray",
+	softViolet: "Soft / Violet",
+	softDark: "Soft / Dark",
+	softWhite: "Soft / White",
+	outlineViolet: "Outline / Violet",
+	outlineOrange: "Outline / Orange",
+	outlineGraySm: "Outline / Gray (sm)"
+};
+var directivesDoc = {
+	title: "Директивы",
+	ddFlexTitle: "ddFlex",
+	ddFlexDescription: "ddFlex — простая директива для центрирования и лейаута. По умолчанию устанавливает display:flex и выравнивает содержимое по центру. Можно управлять направлением через ddFlexDirection (row | col) и расстоянием между элементами через gap (px, rem и т. п.).",
+	usage: "Использование",
+	inputs: "Входные параметры",
+	inputDirection: "направление раскладки: 'row' | 'col' (по умолчанию: 'row')",
+	inputGap: "расстояние между дочерними элементами: number (px) или string, например '12px', '0.5rem'. По умолчанию: null",
+	examples: "Примеры",
+	row8: "Row с отступом 8px",
+	col12: "Column с отступом 12px",
+	row1rem: "Row с отступом 1rem (string)"
+};
+var accordionDoc = {
+	title: "Duck Dev UI Library - Аккордеон",
+	required: "обязательный",
+	basic: {
+		title: "Аккордеон",
+		description: "Переиспользуемый компонент аккордеона с приятными анимациями открытия/закрытия. Цвета берутся из палитры библиотеки.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		examples: "Примеры:"
+	},
+	inputTitle: "текст заголовка",
+	inputContent: "ссылка на шаблон с содержимым",
+	inputColor: "цвет заголовка из палитры: Violet | Orange | White | Gray | Dark (по умолчанию: White)",
+	examples: {
+		"default": "По умолчанию",
+		multiple: "Несколько открытых",
+		violet: "Violet",
+		orange: "Orange",
+		gray: "Gray",
+		dark: "Тёмный"
+	},
+	sample: {
+		q1: {
+			title: "Что такое Duck Dev Accordion?",
+			content: "Переиспользуемый компонент аккордеона с плавными CSS-анимациями и палитрой цветов."
+		},
+		q2: {
+			title: "Поддерживается ли одновременное открытие нескольких панелей?",
+			content: "Да. Установите [multiple]=\"true\", чтобы можно было открывать более одной панели."
+		},
+		q3: {
+			title: "Доступность",
+			content: "Заголовки — это кнопки с атрибутом aria-expanded. Добавлены стили для фокуса."
+		}
+	}
+};
 var ru = {
 	tabs: tabs,
 	notifications: notifications,
@@ -279,8 +353,11 @@ var ru = {
 	loaders: loaders,
 	tabsComponent: tabsComponent,
 	svgComponent: svgComponent,
-	inputComponent: inputComponent
+	inputComponent: inputComponent,
+	badgeDoc: badgeDoc,
+	directivesDoc: directivesDoc,
+	accordionDoc: accordionDoc
 };
 
-export { buttons, ru as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-ru-DFcYCj44.mjs.map
+export { accordionDoc, badgeDoc, buttons, ru as default, directivesDoc, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-ru-CcBIFkk3.mjs.map

package/fesm2022/{duck-dev-lib-ru-DFcYCj44.mjs.map → duck-dev-lib-ru-CcBIFkk3.mjs.map}

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