duck-dev-lib 0.0.26 → 0.0.28

package/README.md

@@ -31,6 +31,7 @@ This command will compile your project, and the build artifacts will be placed i
 Once the project is built, you can publish your library by following these steps:
 
 1. Navigate to the `dist` directory:
+
    ```bash
    cd dist/duck-dev-lib
    ```

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

@@ -4,9 +4,11 @@ var tabs = {
 	loaders: "Loaders",
 	tabs: "Tabs",
 	svg: "SVG icon",
+	card: "Card",
 	input: "Input",
 	notifications: "Notifications",
 	badge: "Badges",
+	slider: "Slider",
 	directives: "Directives"
 };
 var notifications = {
@@ -68,6 +70,50 @@ var notifications = {
 		errorBottom: "Error (bottom)"
 	}
 };
+var slider = {
+	title: "Duck Dev UI Library - Slider",
+	required: "required",
+	raindrops: {
+		title: "Raindrops slider",
+		description: "A flip-style slider with a blurred previous slide and smooth transitions.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputItems: "array of slide templates",
+		inputInterval: "interval between auto switches in ms (default: 3000)",
+		inputAutoplay: "start autoplay on init (default: true)",
+		examples: "Examples:",
+		exampleBasic: "Basic"
+	},
+	classic: {
+		title: "Classic horizontal slider",
+		description: "Simple horizontal slide-in/slide-out transitions. Stretches to the container size.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputItems: "array of slide templates",
+		inputInterval: "interval between auto switches in ms (default: 3000)",
+		inputAutoplay: "start autoplay on init (default: true)",
+		examples: "Examples:",
+		exampleBasic: "Classic horizontal slide"
+	},
+	colorDescription: "Button palette color (e.g. 'White'). Used for styling consistency.",
+	demo: {
+		heroTitle: "Build delightful interfaces faster",
+		heroSubtitle: "Duck Dev UI provides accessible, themeable components with sensible defaults so you can ship quickly.",
+		heroCta: "Explore components",
+		features: {
+			accessibleTitle: "Accessible",
+			accessibleDesc: "Keyboard-friendly and ARIA‑aware out of the box.",
+			themeableTitle: "Themeable",
+			themeableDesc: "Uses CSS variables to match your brand palette.",
+			lightweightTitle: "Lightweight",
+			lightweightDesc: "Small, focused components with zero heavy deps."
+		},
+		code: {
+			quickStartTitle: "Quick start",
+			tip: "Tip: Use templates to pass rich content into each slide."
+		}
+	}
+};
 var buttons = {
 	title: "Duck Dev UI Library - Button Components",
 	glideOver: {
@@ -286,6 +332,12 @@ var badgeDoc = {
 	inputColor: "color from palette: Violet | Orange | White | Gray | Dark",
 	inputVariant: "visual style: solid | soft | outline",
 	inputSize: "badge size: sm | md",
+	inputsDesc: {
+		text: "<strong>text</strong> — text that will be displayed inside the badge",
+		color: "<strong>color</strong> — color from palette: Violet | Orange | White | Gray | Dark",
+		variant: "<strong>variant</strong> — visual style: solid | soft | outline",
+		size: "<strong>size</strong> — badge size: sm | md"
+	},
 	examples: "Examples",
 	solidViolet: "Solid / Violet",
 	solidOrange: "Solid / Orange",
@@ -305,6 +357,8 @@ var directivesDoc = {
 	inputs: "Inputs",
 	inputDirection: "layout direction: 'row' | 'col' (default: 'row')",
 	inputGap: "space between children: number (px) or string like '12px', '0.5rem'. Default: null",
+	inputJustify: "horizontal alignment (justify-content): flex-start | center | flex-end | space-between | space-around | space-evenly (default: center)",
+	inputAlign: "vertical alignment (align-items): flex-start | center | flex-end | stretch | baseline (default: center)",
 	examples: "Examples",
 	row8: "Row with 8px gap",
 	col12: "Column with 12px gap",
@@ -346,9 +400,38 @@ var accordionDoc = {
 		}
 	}
 };
+var cardDoc = {
+	title: "Duck Dev UI Library - Card Accent",
+	basic: {
+		title: "Card Accent",
+		description: "A simple card with a colored left border and styled content. Accepts an HTMLElement and an accent color.",
+		usage: "Usage:",
+		inputs: "Inputs:",
+		examples: "Examples:"
+	},
+	inputsDesc: {
+		content: "<strong>content</strong> — HTMLElement that will be displayed inside the card",
+		color: "<strong>color</strong> — AccentEnumColor for the left border color"
+	},
+	examplesDesc: {
+		"default": "<strong>Default</strong> accent card with white color",
+		violet: "<strong>Violet</strong> accent card",
+		orange: "<strong>Orange</strong> accent card",
+		gray: "<strong>Gray</strong> accent card",
+		dark: "<strong>Dark</strong> accent card"
+	},
+	examples: {
+		defaultWhite: "Default (White)",
+		violet: "Violet",
+		orange: "Orange",
+		gray: "Gray",
+		dark: "Dark"
+	}
+};
 var en = {
 	tabs: tabs,
 	notifications: notifications,
+	slider: slider,
 	buttons: buttons,
 	loaders: loaders,
 	tabsComponent: tabsComponent,
@@ -356,8 +439,9 @@ var en = {
 	inputComponent: inputComponent,
 	badgeDoc: badgeDoc,
 	directivesDoc: directivesDoc,
-	accordionDoc: accordionDoc
+	accordionDoc: accordionDoc,
+	cardDoc: cardDoc
 };
 
-export { accordionDoc, badgeDoc, buttons, en as default, directivesDoc, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-en-4OEFIyu1.mjs.map
+export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, inputComponent, loaders, notifications, slider, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-en-mOVobVPA.mjs.map

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

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

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

@@ -4,9 +4,11 @@ var tabs = {
 	loaders: "Загрузчики",
 	tabs: "Вкладки",
 	svg: "SVG icon",
+	card: "Карточки",
 	input: "Вввод",
 	notifications: "Уведомления",
 	badge: "Бейджи",
+	slider: "Слайдер",
 	directives: "Директивы"
 };
 var notifications = {
@@ -68,6 +70,50 @@ var notifications = {
 		errorBottom: "Ошибка (снизу)"
 	}
 };
+var slider = {
+	title: "Duck Dev UI Library - Слайдер",
+	required: "обязательный",
+	raindrops: {
+		title: "Слайдер капли дождя",
+		description: "Слайдер в стиле flip с размытием предыдущего слайда и плавными переходами.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputItems: "массив шаблонов слайдов",
+		inputInterval: "интервал авто‑переключения в мс (по умолчанию: 3000)",
+		inputAutoplay: "запуск автопрокрутки при инициализации (по умолчанию: true)",
+		examples: "Примеры:",
+		exampleBasic: "Базовый"
+	},
+	classic: {
+		title: "Классический горизонтальный слайдер",
+		description: "Простые горизонтальные переходы входа/выхода. Растягивается под размер контейнера.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputItems: "массив шаблонов слайдов",
+		inputInterval: "интервал авто‑переключения в мс (по умолчанию: 3000)",
+		inputAutoplay: "запуск автопрокрутки при инициализации (по умолчанию: true)",
+		examples: "Примеры:",
+		exampleBasic: "Классическое горизонтальное листание"
+	},
+	colorDescription: "Цвет кнопок (например, 'White'). Используется для стилистического соответствия.",
+	demo: {
+		heroTitle: "Создавайте отличные интерфейсы быстрее",
+		heroSubtitle: "Duck Dev UI предоставляет доступные и настраиваемые компоненты с разумными значениями по умолчанию — выпускайте быстрее.",
+		heroCta: "Изучить компоненты",
+		features: {
+			accessibleTitle: "Доступность",
+			accessibleDesc: "Дружелюбно к клавиатуре и ARIA из коробки.",
+			themeableTitle: "Темизация",
+			themeableDesc: "Использует CSS‑переменные под вашу палитру.",
+			lightweightTitle: "Легкость",
+			lightweightDesc: "Небольшие, сфокусированные компоненты без тяжёлых зависимостей."
+		},
+		code: {
+			quickStartTitle: "Быстрый старт",
+			tip: "Совет: передавайте в слайды полноценные шаблоны."
+		}
+	}
+};
 var buttons = {
 	title: "Duck Dev UI Library - Компоненты кнопок",
 	glideOver: {
@@ -286,6 +332,12 @@ var badgeDoc = {
 	inputColor: "цвет из палитры: Violet | Orange | White | Gray | Dark",
 	inputVariant: "визуальный стиль: solid | soft | outline",
 	inputSize: "размер бейджа: sm | md",
+	inputsDesc: {
+		text: "<strong>text</strong> — текст, который будет отображаться внутри бейджа",
+		color: "<strong>color</strong> — цвет из палитры: Violet | Orange | White | Gray | Dark",
+		variant: "<strong>variant</strong> — визуальный стиль: solid | soft | outline",
+		size: "<strong>size</strong> — размер бейджа: sm | md"
+	},
 	examples: "Примеры",
 	solidViolet: "Solid / Violet",
 	solidOrange: "Solid / Orange",
@@ -305,6 +357,8 @@ var directivesDoc = {
 	inputs: "Входные параметры",
 	inputDirection: "направление раскладки: 'row' | 'col' (по умолчанию: 'row')",
 	inputGap: "расстояние между дочерними элементами: number (px) или string, например '12px', '0.5rem'. По умолчанию: null",
+	inputJustify: "горизонтальное выравнивание (justify-content): flex-start | center | flex-end | space-between | space-around | space-evenly (по умолчанию: center)",
+	inputAlign: "вертикальное выравнивание (align-items): flex-start | center | flex-end | stretch | baseline (по умолчанию: center)",
 	examples: "Примеры",
 	row8: "Row с отступом 8px",
 	col12: "Column с отступом 12px",
@@ -346,9 +400,38 @@ var accordionDoc = {
 		}
 	}
 };
+var cardDoc = {
+	title: "Duck Dev UI Library - Карточка с акцентом",
+	basic: {
+		title: "Карточка с акцентом",
+		description: "Простая карточка с цветной левой границей и стилизованным содержимым. Принимает HTMLElement и цвет акцента.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		examples: "Примеры:"
+	},
+	inputsDesc: {
+		content: "<strong>content</strong> — HTMLElement, который будет отображён внутри карточки",
+		color: "<strong>color</strong> — AccentEnumColor для цвета левой границы"
+	},
+	examplesDesc: {
+		"default": "<strong>По умолчанию</strong> — карточка с белым акцентом",
+		violet: "<strong>Violet</strong> — карточка с фиолетовым акцентом",
+		orange: "<strong>Orange</strong> — карточка с оранжевым акцентом",
+		gray: "<strong>Gray</strong> — карточка с серым акцентом",
+		dark: "<strong>Dark</strong> — карточка с тёмным акцентом"
+	},
+	examples: {
+		defaultWhite: "По умолчанию (White)",
+		violet: "Violet",
+		orange: "Orange",
+		gray: "Gray",
+		dark: "Dark"
+	}
+};
 var ru = {
 	tabs: tabs,
 	notifications: notifications,
+	slider: slider,
 	buttons: buttons,
 	loaders: loaders,
 	tabsComponent: tabsComponent,
@@ -356,8 +439,9 @@ var ru = {
 	inputComponent: inputComponent,
 	badgeDoc: badgeDoc,
 	directivesDoc: directivesDoc,
-	accordionDoc: accordionDoc
+	accordionDoc: accordionDoc,
+	cardDoc: cardDoc
 };
 
-export { accordionDoc, badgeDoc, buttons, ru as default, directivesDoc, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-ru-CcBIFkk3.mjs.map
+export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, inputComponent, loaders, notifications, slider, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-ru-Vu8xDdcB.mjs.map

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

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