@prokodo/ui 0.0.1

package/dist/types/components/slider/Slider.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { SliderProps } from "./Slider.model";
+export declare const Slider: FC<SliderProps>;

package/dist/types/components/slider/Slider.model.d.ts

@@ -0,0 +1,11 @@
+import type { LabelProps } from "../label";
+import type { SliderProps as MUISliderProps } from "@mui/base/Slider";
+import type { HTMLAttributes } from "react";
+export type SliderProps = Omit<MUISliderProps, "value"> & {
+    id: string;
+    value?: string | number | number[];
+    label?: string;
+    labelProps?: LabelProps;
+    valueLabelProps?: HTMLAttributes<HTMLSpanElement>;
+    required?: boolean;
+};

package/dist/types/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Slider";
+export type * from "./Slider.model";

package/dist/types/components/stepper/Stepper.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { StepperProps } from "./Stepper.model";
+export declare const Stepper: FC<StepperProps>;

package/dist/types/components/stepper/Stepper.model.d.ts

@@ -0,0 +1,24 @@
+import type { Ref, HTMLAttributes } from "react";
+export type StepperRef = {
+    jumpToStep: (index: number) => void;
+};
+export type StepperTranslations = {
+    stepper: string;
+    step: string;
+    status: {
+        open: string;
+        completed: string;
+    };
+};
+export type Step = HTMLAttributes<HTMLLIElement> & {
+    key?: string;
+    label?: string;
+    labelProps?: HTMLAttributes<HTMLDivElement>;
+};
+export type StepperProps = HTMLAttributes<HTMLOListElement> & {
+    ref?: Ref<StepperRef>;
+    steps: Step[];
+    onChangeStep?: (index: number) => void;
+    initialStep?: number;
+    translations?: StepperTranslations;
+};

package/dist/types/components/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Stepper";
+export type * from "./Stepper.model";

package/dist/types/components/switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { SwitchProps } from "./Switch.model";
+export declare const Switch: FC<SwitchProps>;

package/dist/types/components/switch/Switch.model.d.ts

@@ -0,0 +1,18 @@
+import type { IconName } from "../icon";
+import type { LabelProps } from "../label";
+import type { SwitchProps as MUISwitchProps } from "@mui/base";
+import type { ChangeEvent } from "react";
+export type SwitchColor = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+export type SwitchProps = Omit<MUISwitchProps, "component" | "onChange"> & {
+    variant?: SwitchColor;
+    label?: string;
+    labelProps?: Omit<LabelProps, "label" | "require">;
+    name: string;
+    icon?: IconName;
+    checkedIcon?: IconName;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+};
+export type IconRenderProps = {
+    name: IconName;
+    isChecked?: boolean;
+};

package/dist/types/components/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Switch";
+export * from "./Switch.model";

package/dist/types/components/table/Table.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { TableProps } from "./Table.model";
+export declare const Table: FC<TableProps>;

package/dist/types/components/table/Table.model.d.ts

@@ -0,0 +1,32 @@
+import type { Variants } from "@/types/variants";
+import type { ReactNode, TableHTMLAttributes, HTMLAttributes } from "react";
+export type TableHeaderCellProps = {
+    label?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    className?: string;
+};
+export type TableBodyCellProps = {
+    label?: string;
+    icon?: ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    className?: string;
+};
+export type TableRowProps = {
+    data: TableBodyCellProps[];
+    className?: string;
+};
+export type TableData = {
+    header?: TableHeaderCellProps[];
+    body?: TableRowProps[];
+};
+export type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+    ariaLabel: string;
+    caption: string;
+    variant?: Variants;
+    headerType?: "single" | "double";
+    data?: TableData;
+    headerProps?: HTMLAttributes<HTMLTableSectionElement>;
+    bodyProps?: HTMLAttributes<HTMLTableSectionElement>;
+};

package/dist/types/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export type * from "./Table.model";
+export * from "./Table";

package/dist/types/components/teaser/Teaser.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { TeaserProps } from "./Teaser.model";
+export declare const Teaser: FC<TeaserProps>;

package/dist/types/components/teaser/Teaser.model.d.ts

@@ -0,0 +1,29 @@
+import type { HeadlineProps } from "../headline";
+import type { IconProps } from "../icon";
+import type { ImageProps } from "../image";
+import type { LinkProps } from "../link";
+import type { LottieAnimation } from "../lottie";
+import type { Variants } from "@/types/variants";
+export type TeaserVariant = Variants;
+export type TeaserHeadline = {
+    content: string;
+} & Omit<HeadlineProps, "children">;
+export type TeaserImage = ImageProps;
+export type TeaserAnimation = LottieAnimation;
+export type TeaserRedirect = LinkProps & {
+    label?: string;
+    icon?: IconProps;
+};
+export type TeaserAlign = "left" | "center" | "right";
+export type TeaserProps = {
+    className?: string;
+    variant?: TeaserVariant;
+    align?: TeaserAlign;
+    lineClamp?: boolean;
+    title: TeaserHeadline;
+    content?: string;
+    image?: TeaserImage;
+    animation?: TeaserAnimation;
+    onClick?: () => void;
+    redirect?: TeaserRedirect;
+};

package/dist/types/components/teaser/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Teaser";
+export type * from "./Teaser.model";

package/dist/types/helpers/bem.d.ts

@@ -0,0 +1,7 @@
+import { type WordSet } from "react-bem-helper";
+type Styles = {
+    readonly [key: string]: string;
+};
+type ClassNames = (element?: string, modifiers?: WordSet, extra?: WordSet) => string;
+declare function create(styles: Styles, name: string): ClassNames;
+export { create };

package/dist/types/helpers/calculation.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateWordCount: (text?: string) => number;
+export declare const calculateReadingTime: (wordsPerMinute: number, text?: string) => number;

package/dist/types/helpers/validations.d.ts

@@ -0,0 +1,6 @@
+export declare const isString: (e?: string | null) => boolean;
+export declare const isEqual: (a?: string, b?: string) => boolean;
+export declare const isNumber: (e?: number | null) => boolean;
+export declare const isArray: <T>(array: T[] | null | undefined) => array is T[];
+export declare const isNull: (e: unknown) => boolean;
+export declare const isTrue: (e?: boolean) => boolean;

package/dist/types/hooks/useGoogleMaps.d.ts

@@ -0,0 +1 @@
+export declare const useGoogleMaps: (apiKey: string, reload?: boolean) => boolean;

package/dist/types/index.d.ts

@@ -0,0 +1,80 @@
+export { Accordion } from './components/accordion';
+export { Animated } from './components/animated';
+export { AnimatedText } from './components/animatedText';
+export { Avatar } from './components/avatar';
+export { BaseLink } from './components/base-link';
+export { Button } from './components/button';
+export { Calendly } from './components/calendly';
+export { Card } from './components/card';
+export { Carousel } from './components/carousel';
+export { Chip } from './components/chip';
+export { DatePicker } from './components/datePicker';
+export { Dialog } from './components/dialog';
+export { Drawer } from './components/drawer';
+export { Form, FormResponse } from './components/form';
+export { Grid, GridRow } from './components/grid';
+export { Headline } from './components/headline';
+export { Icon } from './components/icon';
+export { Image } from './components/image';
+export { ImageText } from './components/image-text';
+export { Input } from './components/input';
+export { InputOTP } from './components/inputOTP';
+export { Label } from './components/label';
+export { Link } from './components/link';
+export { List } from './components/list';
+export { Loading } from './components/loading';
+export { Lottie } from './components/lottie';
+export { Map } from './components/map';
+export { PostItem } from './components/post-item';
+export { PostTeaser } from './components/post-teaser';
+export { PostWidget } from './components/post-widget';
+export { PostWidgetCarousel } from './components/post-widget-carousel';
+export { Quote } from './components/quote';
+export { RichText } from './components/rich-text';
+export { Select } from './components/select';
+export { Skeleton } from './components/skeleton';
+export { Slider } from './components/slider';
+export { Stepper } from './components/stepper';
+export { Switch } from './components/switch';
+export { Table } from './components/table';
+export { Teaser } from './components/teaser';
+export type { AccordionProps, AccordionItem, AccordionAction } from './components/accordion';
+export type { AnimatedProps } from './components/animated';
+export type { AnimatedTextProps } from './components/animatedText';
+export type { AvatarProps, AvatarSize } from './components/avatar';
+export type { BaseLinkProps } from './components/base-link';
+export type { ButtonProps, ButtonColor, ButtonIconProps, ButtonDefaultProps } from './components/button';
+export type { CalendlyProps, CalendlyColorOptions, CalendlyData, CalendlyDataCustomAnswers } from './components/calendly';
+export type { CardProps, CardBackground, CardBackgroundProps, CardVariant } from './components/card';
+export type { CarouselProps, CarouselDirection, CarouselRef } from './components/carousel';
+export type { ChipProps, ChipColor, ChipVariant } from './components/chip';
+export type { DatePickerProps, DatePickerValue, DatePickerErrorTranslations } from './components/datePicker';
+export type { DialogProps, DialogAction, DialogActions, DialogRef, DialogTranslations } from './components/dialog';
+export type { DrawerProps } from './components/drawer';
+export type { FormProps, FormField, FormAllowedChildren, FormFieldCondition, FormFieldDate, FormFieldInput, FormFieldMessages, FormFieldMessagesErrors, FormFieldMessagesErrorsDate, FormFieldMessagesErrorsInput, FormFieldOptionals, FormFieldSelect, FormFieldSlider, FormFieldSwitch, FormFieldValue, FormMessages, FormMessagesErrors, FormResponseProps, FormVariants } from './components/form';
+export type { GridProps, GridRowProps } from './components/grid';
+export type { HeadlineProps, HeadlineSizeProps, HeadlineTypeProps, HeadlineVariant } from './components/headline';
+export type { IconProps, IconColor, IconName, IconSize } from './components/icon';
+export type { ImageProps } from './components/image';
+export type { ImageTextProps, ImageTextHeadline, ImageTextAnimatedBorder, ImageTextAnimation } from './components/image-text';
+export type { InputProps, InputChangeEvent, InputColor, InputErrorTranslations, InputValidateEvent } from './components/input';
+export type { InputOTPProps } from './components/inputOTP';
+export type { LabelProps } from './components/label';
+export type { LinkProps, LinkClassNames, LinkClickProps, LinkDefaultProps, LinkHrefProps, LinkVariants } from './components/link';
+export type { ListProps, ListCardItemProps, ListCardProps, ListDefaultItemProps, ListDefaultOptions, ListDefaultProps, ListItemProps, ListType, ListVariant } from './components/list';
+export type { LoadingProps, LoadingSize } from './components/loading';
+export type { LottieProps, LottieAnimation } from './components/lottie';
+export type { MapProps, MapCenter, MapMarker, MapMarkerPosition } from './components/map';
+export type { PostItemProps, PostItemAuthorAvatar, PostItemAuthorProps, PostItemHeadline } from './components/post-item';
+export type { PostTeaserProps, PostTeaserHeadline, PostTeaserImage, PostTeaserRedirect } from './components/post-teaser';
+export type { PostWidgetProps, PostWidgetHeadline, PostWidgetImage, PostWidgetItem, PostWidgetRedirect } from './components/post-widget';
+export type { PostWidgetCarouselProps, PostWidgetCarouselHeadline, PostWidgetCarouselImage, PostWidgetCarouselItem, PostWidgetCarouselRedirect } from './components/post-widget-carousel';
+export type { QuoteProps, QuoteAuthor, QuoteHeadline } from './components/quote';
+export type { RichTextProps } from './components/rich-text';
+export type { SelectProps, SelectChangeEvent, SelectColor, SelectEvent, SelectItem, SelectValueMultiple, SelectValueSingle } from './components/select';
+export type { SkeletonProps } from './components/skeleton';
+export type { SliderProps } from './components/slider';
+export type { StepperProps, StepperRef, StepperTranslations } from './components/stepper';
+export type { SwitchProps, SwitchColor } from './components/switch';
+export type { TableProps, TableBodyCellProps, TableData, TableHeaderCellProps, TableRowProps } from './components/table';
+export type { TeaserProps, TeaserAlign, TeaserAnimation, TeaserHeadline, TeaserImage, TeaserRedirect, TeaserVariant } from './components/teaser';

package/dist/types/types/colors.d.ts

@@ -0,0 +1,5 @@
+type RGB = `rgb(${number}, ${number}, ${number})`;
+type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+type HEX = `#${string}`;
+export type Color = string | RGB | RGBA | HEX;
+export {};

package/dist/types/types/schema.d.ts

@@ -0,0 +1,7 @@
+export type Schema = {
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+};

package/dist/types/types/variants.d.ts

@@ -0,0 +1 @@
+export type Variants = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "white";

package/package.json

@@ -0,0 +1,131 @@
+{
+  "name": "@prokodo/ui",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "Modern, customizable UI components built with React and TypeScript — developed by prokodo for high-performance web interfaces.",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/prokodo/ui"
+  },
+  "homepage": "https://www.prokodo.com",
+  "bugs": {
+    "url": "https://github.com/prokodo/ui/issues"
+  },
+  "dependencies": {
+    "@googlemaps/js-api-loader": "^1.16.6",
+    "@lottiefiles/dotlottie-react": "^0.7.2",
+    "@mui/base": "5.0.0-beta.58",
+    "dayjs": "^1.11.13",
+    "hugeicons-react": "^0.3.0",
+    "react": "19.1.0",
+    "react-bem-helper": "^1.4.1",
+    "react-dom": "19.1.0",
+    "react-markdown": "^9.0.1",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0",
+    "typescript": "5.5.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@eslint/compat": "^1.2.0",
+    "@jest/globals": "^29.7.0",
+    "@jest/types": "^29.6.3",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/addon-themes": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/client-api": "^7.6.17",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.2.9",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@types/google.maps": "^3.55.11",
+    "@types/hast": "^3.0.4",
+    "@types/jest": "^29.5.13",
+    "@types/node": "^22.15.21",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
+    "@vitejs/plugin-react": "^4.5.0",
+    "babel-jest": "^29.7.0",
+    "eslint": "^9.10.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jest": "^28.8.3",
+    "eslint-plugin-jest-dom": "^5.4.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.9.0",
+    "eslint-plugin-testing-library": "^6.3.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "fs-extra": "^11.3.0",
+    "globals": "^15.8.0",
+    "husky": "^9.1.6",
+    "jest": "^29.7.0",
+    "jest-css-modules": "^2.1.0",
+    "postcss": "^8.4.39",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-preset-env": "^10.0.2",
+    "prettier": "^3.3.3",
+    "sass": "^1.86.3",
+    "storybook": "^8.2.9",
+    "stylelint": "^16.7.0",
+    "stylelint-selector-bem-pattern": "^4.0.0",
+    "ts-jest": "^29.2.4",
+    "ts-node": "^10.9.2",
+    "vite": "^6.3.5"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "component-library",
+    "ui-components",
+    "design-system",
+    "prokodo",
+    "npm-package",
+    "css-modules",
+    "storybook",
+    "frontend"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "author": "prokodo <info@prokodo.com>",
+  "license": "BUSL-1.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:ci": "jest --runInBand --ci",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "generate-icon-types": "node tools/generate-icon-names.cjs"
+  }
+}