@q2devel/q2-storybook 1.0.0

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent, ReactNode } from 'react';
+import React from 'react';
+interface BadgeProps {
+    children: ReactNode;
+    onClick?: (e: MouseEvent) => void;
+    color?: string;
+    className?: string;
+    labelClassName?: string;
+    rightIcon?: ReactNode;
+}
+declare const Badge: ({ children, onClick, color, className, labelClassName, rightIcon, }: BadgeProps) => React.JSX.Element;
+export default Badge;

package/dist/components/badge/Badge.js

@@ -0,0 +1,8 @@
+import React from 'react';
+var Badge = function (_a) {
+    var children = _a.children, onClick = _a.onClick, _b = _a.color, color = _b === void 0 ? 'bg-blue-100 text-blue-800' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.labelClassName, labelClassName = _d === void 0 ? '' : _d, rightIcon = _a.rightIcon;
+    return (React.createElement("span", { className: "inline-flex items-center rounded px-2.5 py-0.5 text-xs font-medium ".concat(color, " ").concat(className), onClick: onClick },
+        React.createElement("span", { className: labelClassName }, children),
+        rightIcon && React.createElement("span", { className: "ml-1" }, rightIcon)));
+};
+export default Badge;

package/dist/components/button/Button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ButtonProps {
+    onClick?: () => void;
+    label: string;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/components/button/Button.js

@@ -0,0 +1,7 @@
+// src/components/Button.tsx
+import React from 'react';
+var Button = function (_a) {
+    var onClick = _a.onClick, label = _a.label, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    return (React.createElement("button", { onClick: onClick, className: "px-4 py-2 rounded text-white cursor-pointer ".concat(variant === 'primary' ? 'bg-blue-500' : 'bg-gray-500', " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : ''), disabled: disabled }, label));
+};
+export default Button;

package/dist/components/text-with-image/ImageWithText.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type ImageWithTextProps = {
+    title: string;
+    text: string;
+    imageSrc: string;
+    imageAlt: string;
+    inverted?: boolean;
+    button?: {
+        label: string;
+        href: string;
+    };
+};
+declare const ImageWithText: React.FC<ImageWithTextProps>;
+export default ImageWithText;

package/dist/components/text-with-image/ImageWithText.js

@@ -0,0 +1,15 @@
+'use client';
+import React from 'react';
+import HTMLReactParser from 'html-react-parser';
+var ImageWithText = function (_a) {
+    var title = _a.title, text = _a.text, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, _b = _a.inverted, inverted = _b === void 0 ? false : _b, button = _a.button;
+    return (React.createElement("section", { className: "relative ".concat(inverted ? 'bg-white text-black' : 'bg-[var(--color-text-dark)] text-white') },
+        React.createElement("div", { className: "flex flex-col ".concat(inverted ? 'lg:flex-row-reverse' : 'lg:flex-row', " items-center justify-center") },
+            React.createElement("div", { className: "w-full lg:w-1/2 h-64 lg:h-auto overflow-hidden" },
+                React.createElement("img", { src: imageSrc, alt: imageAlt, loading: "lazy", className: "w-full h-full object-cover" })),
+            React.createElement("div", { className: "w-full text-black lg:w-1/2 px-6 py-10 flex flex-col gap-4" },
+                React.createElement("h2", { className: "text-2xl font-semibold uppercase border-b pb-2" }, title),
+                React.createElement("div", { className: "[&_p]:text-sm [&_p]:lg:text-base [&_p]:leading-relaxed" }, HTMLReactParser(text)),
+                button && (React.createElement("a", { href: button.href, className: "inline-block mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition" }, button.label))))));
+};
+export default ImageWithText;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from './components/button/Button';
+export { default as Badge } from './components/badge/Badge';
+export { default as ImageWithText } from './components/text-with-image/ImageWithText';

package/dist/index.js

@@ -0,0 +1,4 @@
+// src/index.ts
+export { default as Button } from './components/button/Button';
+export { default as Badge } from './components/badge/Badge';
+export { default as ImageWithText } from './components/text-with-image/ImageWithText';

package/dist/main.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@q2devel/q2-storybook",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "tsc"
+  },
+  "keywords": [],
+  "author": "Q2",
+  "license": "ISC",
+  "description": "Komponenty nebo konfigurace pro storybook",
+  "devDependencies": {
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-vite": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@types/node": "^22.14.1",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "storybook": "^8.6.12",
+    "tailwindcss": "^4.1.4",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@tailwindcss/postcss": "^4.1.4",
+    "html-react-parser": "^5.2.3"
+  }
+}