@krrli/cm-designsystem 1.32.0 → 1.32.2

package/dist/components/form/Form.d.ts

@@ -1,54 +0,0 @@
-import React from "react";
-import { type VariantProps } from "tailwind-variants";
-declare const formStyles: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            fields?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            fields?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    fields: string[];
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            fields?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    fields: string[];
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string[];
-    fields: string[];
-}, undefined, unknown, unknown, undefined>>;
-type FormVariants = VariantProps<typeof formStyles>;
-interface FormProps extends FormVariants {
-    children?: React.ReactNode;
-}
-export declare const Form: React.FC<FormProps> & {
-    Fields: typeof FormFields;
-    Action: typeof FormAction;
-};
-export declare function FormFields({ children }: {
-    children: React.ReactNode;
-}): React.ReactNode;
-export declare namespace FormFields {
-    var displayName: string;
-}
-export declare function FormAction({ children }: {
-    children: React.ReactElement;
-}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare namespace FormAction {
-    var displayName: string;
-}
-export {};

package/dist/components/icon-button/IconButton.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { type VariantProps } from "tailwind-variants";
-import { type BaseAccessibleButtonProps } from "../accessible-button/AccessibleButton";
-import type { IconBaseProps } from "../icons/IconBase";
-declare const iconButtonStyles: import("tailwind-variants").TVReturnType<{
-    intent: {
-        primary: {
-            base: string[];
-        };
-        secondary: {
-            base: string[];
-        };
-    };
-}, {
-    base: string[];
-    icon: string[];
-}, undefined, {
-    intent: {
-        primary: {
-            base: string[];
-        };
-        secondary: {
-            base: string[];
-        };
-    };
-}, {
-    base: string[];
-    icon: string[];
-}, import("tailwind-variants").TVReturnType<{
-    intent: {
-        primary: {
-            base: string[];
-        };
-        secondary: {
-            base: string[];
-        };
-    };
-}, {
-    base: string[];
-    icon: string[];
-}, undefined, unknown, unknown, undefined>>;
-type IconButtonVariants = VariantProps<typeof iconButtonStyles>;
-type IconButtonIntent = "primary" | "secondary";
-/**
- * Props for the IconButton component.
- *
- * @inheritdoc BaseAccessibleButtonProps
- * @inheritdoc IconButtonVariants
- */
-interface IconButtonProps extends IconButtonVariants, BaseAccessibleButtonProps {
-    /**
-     * Visual intent of the button (controls background color, hover, and active styles).
-     */
-    intent: IconButtonIntent;
-    /**
-     * Icon element rendered alongside the button label.
-     */
-    icon?: React.ComponentType<IconBaseProps>;
-    /**
-     * Visible text label displayed inside the button.
-     */
-    children: string;
-}
-/**
- * A compact, accessible button component that displays an icon alongside
- * a text label.
- */
-export declare const IconButton: React.FC<IconButtonProps>;
-export {};

package/dist/components/icon-button/IconButton.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/icon-button/IconButton.test.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { describe, expect, test, vi } from "vitest";
-import { Profile } from "../icons/generated";
-import { IconButton } from "./IconButton";
-describe("IconButton", () => {
-    test("should render icon-button with icon", async () => {
-        // Arrange
-        render(_jsx(IconButton, { intent: "primary", icon: Profile, onClick: vi.fn(), children: "button" }));
-        // Assert
-        expect(screen.getByRole("button")).toBeVisible();
-        expect(screen.getByRole("button")).toHaveTextContent("button");
-        expect(screen.getByText("Profile")).toBeVisible();
-    });
-    test("should call onClick when clicked", () => {
-        // Arrange
-        const onClick = vi.fn();
-        render(_jsx(IconButton, { intent: "primary", icon: Profile, onClick: onClick, children: "button" }));
-        fireEvent.click(screen.getByRole("button"));
-        expect(onClick).toHaveBeenCalled();
-    });
-});

package/dist/components/icons/IconBase.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-export type IconBaseProps = React.SVGProps<SVGSVGElement> & {
-    label?: string;
-};
-export declare const IconBase: React.FC<IconBaseProps>;

package/dist/components/icons/generated/ArrowDown.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const ArrowDown: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/ArrowLeft.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const ArrowLeft: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/ArrowRight.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const ArrowRight: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/ArrowUp.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const ArrowUp: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Calendar.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Calendar: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Cancel.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Cancel: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Checkmark.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Checkmark: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Edit.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Edit: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Eye.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Eye: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Fullscreen.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Fullscreen: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/HeartFilled.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const HeartFilled: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/HeartOutline.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const HeartOutline: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Location.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Location: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/LogOut.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const LogOut: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Mumble.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Mumble: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Profile.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Profile: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/ReplyFilled.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const ReplyFilled: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/ReplyOutline.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const ReplyOutline: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Repost.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Repost: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Send.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Send: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Settings.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Settings: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Share.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Share: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Time.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Time: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/Upload.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export declare const Upload: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/generated/index.d.ts

@@ -1,24 +0,0 @@
-export * from "./ArrowDown";
-export * from "./ArrowLeft";
-export * from "./ArrowRight";
-export * from "./ArrowUp";
-export * from "./Calendar";
-export * from "./Cancel";
-export * from "./Checkmark";
-export * from "./Edit";
-export * from "./Eye";
-export * from "./Fullscreen";
-export * from "./HeartFilled";
-export * from "./HeartOutline";
-export * from "./Location";
-export * from "./LogOut";
-export * from "./Mumble";
-export * from "./Profile";
-export * from "./ReplyFilled";
-export * from "./ReplyOutline";
-export * from "./Repost";
-export * from "./Send";
-export * from "./Settings";
-export * from "./Share";
-export * from "./Time";
-export * from "./Upload";

package/dist/components/icons/generated/index.js

@@ -1,24 +0,0 @@
-export * from "./ArrowDown";
-export * from "./ArrowLeft";
-export * from "./ArrowRight";
-export * from "./ArrowUp";
-export * from "./Calendar";
-export * from "./Cancel";
-export * from "./Checkmark";
-export * from "./Edit";
-export * from "./Eye";
-export * from "./Fullscreen";
-export * from "./HeartFilled";
-export * from "./HeartOutline";
-export * from "./Location";
-export * from "./LogOut";
-export * from "./Mumble";
-export * from "./Profile";
-export * from "./ReplyFilled";
-export * from "./ReplyOutline";
-export * from "./Repost";
-export * from "./Send";
-export * from "./Settings";
-export * from "./Share";
-export * from "./Time";
-export * from "./Upload";

package/dist/components/index.d.ts

@@ -1,27 +0,0 @@
-export * from "./avatar/Avatar";
-export * from "./branding/BrandingGallery";
-export * from "./button/Button";
-export * from "./color/ColorDoc";
-export * from "./file-upload/FileUpload";
-export * from "./form/Form";
-export * from "./icon-button/IconButton";
-export * from "./icons/IconBase";
-export * from "./icons/generated";
-export * from "./input/Input";
-export * from "./like-toggle/LikeToggle";
-export * from "./logo-link/LogoLink";
-export * from "./modal/Modal";
-export * from "./navi-button/NaviButton";
-export * from "./navi-user-button/NaviUserButton";
-export * from "./round-button/RoundButton";
-export * from "./tabs/TabItem";
-export * from "./tabs/Tabs";
-export * from "./text-link/TextLink";
-export * from "./textarea/Textarea";
-export * from "./timed-button/TimedButton";
-export * from "./toggle/Toggle";
-export * from "./typography/Heading";
-export * from "./typography/Label";
-export * from "./typography/Paragraph";
-export * from "./typography/Placeholder";
-export * from "./typography/ValidationMessage";

package/dist/components/index.js

@@ -1,27 +0,0 @@
-export * from "./avatar/Avatar";
-export * from "./branding/BrandingGallery";
-export * from "./button/Button";
-export * from "./color/ColorDoc";
-export * from "./file-upload/FileUpload";
-export * from "./form/Form";
-export * from "./icon-button/IconButton";
-export * from "./icons/IconBase";
-export * from "./icons/generated";
-export * from "./input/Input";
-export * from "./like-toggle/LikeToggle";
-export * from "./logo-link/LogoLink";
-export * from "./modal/Modal";
-export * from "./navi-button/NaviButton";
-export * from "./navi-user-button/NaviUserButton";
-export * from "./round-button/RoundButton";
-export * from "./tabs/TabItem";
-export * from "./tabs/Tabs";
-export * from "./text-link/TextLink";
-export * from "./textarea/Textarea";
-export * from "./timed-button/TimedButton";
-export * from "./toggle/Toggle";
-export * from "./typography/Heading";
-export * from "./typography/Label";
-export * from "./typography/Paragraph";
-export * from "./typography/Placeholder";
-export * from "./typography/ValidationMessage";

package/dist/components/input/Input.d.ts

@@ -1,61 +0,0 @@
-import React from "react";
-import { type VariantProps } from "tailwind-variants";
-import type { IconBaseProps } from "../icons/IconBase";
-declare const inputStyles: import("tailwind-variants").TVReturnType<{
-    hasIcon: {
-        true: {
-            control: string[];
-        };
-        false: {
-            control: string[];
-        };
-    };
-}, {
-    base: string[];
-    controlContainer: string[];
-    control: string[];
-    icon: string[];
-    message: string[];
-}, undefined, {
-    hasIcon: {
-        true: {
-            control: string[];
-        };
-        false: {
-            control: string[];
-        };
-    };
-}, {
-    base: string[];
-    controlContainer: string[];
-    control: string[];
-    icon: string[];
-    message: string[];
-}, import("tailwind-variants").TVReturnType<{
-    hasIcon: {
-        true: {
-            control: string[];
-        };
-        false: {
-            control: string[];
-        };
-    };
-}, {
-    base: string[];
-    controlContainer: string[];
-    control: string[];
-    icon: string[];
-    message: string[];
-}, undefined, unknown, unknown, undefined>>;
-type InputVariants = VariantProps<typeof inputStyles>;
-interface InputProps extends InputVariants {
-    label: string;
-    name: string;
-    placeholder: string;
-    type?: string;
-    isRequired?: boolean;
-    children?: React.ReactElement<IconBaseProps>;
-    onChange: (value: string) => void;
-}
-export declare const Input: ({ type, isRequired, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/like-toggle/LikeToggle.d.ts

@@ -1,97 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-declare const toggleStyles: import("tailwind-variants").TVReturnType<{
-    pressed: {
-        false: {
-            base: string[];
-            icon: string[];
-            label: string[];
-        };
-        true: {
-            base: never[];
-            icon: string[];
-            label: string[];
-        };
-    };
-    hasLikes: {
-        true: {
-            base: string[];
-            icon: string[];
-            label: string[];
-        };
-        false: string;
-    };
-    animating: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-    icon: string[];
-    label: never[];
-}, undefined, {
-    pressed: {
-        false: {
-            base: string[];
-            icon: string[];
-            label: string[];
-        };
-        true: {
-            base: never[];
-            icon: string[];
-            label: string[];
-        };
-    };
-    hasLikes: {
-        true: {
-            base: string[];
-            icon: string[];
-            label: string[];
-        };
-        false: string;
-    };
-    animating: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-    icon: string[];
-    label: never[];
-}, import("tailwind-variants").TVReturnType<{
-    pressed: {
-        false: {
-            base: string[];
-            icon: string[];
-            label: string[];
-        };
-        true: {
-            base: never[];
-            icon: string[];
-            label: string[];
-        };
-    };
-    hasLikes: {
-        true: {
-            base: string[];
-            icon: string[];
-            label: string[];
-        };
-        false: string;
-    };
-    animating: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-    icon: string[];
-    label: never[];
-}, undefined, unknown, unknown, undefined>>;
-type LikeToggleVariants = VariantProps<typeof toggleStyles>;
-interface LikeToggleProps extends LikeToggleVariants {
-    pressed?: boolean;
-    likes?: number;
-    onLikeChange: (liked: boolean) => void;
-}
-export declare const LikeToggle: ({ pressed, likes, onLikeChange, }: LikeToggleProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/like-toggle/LikeToggle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/like-toggle/LikeToggle.test.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { describe, expect, test, vi } from "vitest";
-import { LikeToggle } from "./LikeToggle";
-describe("LikeToggle", () => {
-    test("should render icon and label", async () => {
-        // Arrange
-        render(_jsx(LikeToggle, { likes: 3, onLikeChange: () => { } }));
-        const button = screen.getByRole("button");
-        expect(button).toBeVisible();
-        expect(button).toHaveTextContent("3 Likes");
-        // Icon prüfen
-        expect(screen.getByLabelText("HeartOutline")).toBeInTheDocument();
-    });
-    test("renders initial state and toggles correctly", async () => {
-        // Arrange
-        const onLikeChange = vi.fn();
-        render(_jsx(LikeToggle, { likes: 3, onLikeChange: onLikeChange }));
-        const button = screen.getByRole("button");
-        expect(button).toBeVisible();
-        // Initial state with Likes
-        expect(button).toHaveTextContent("3 Likes");
-        expect(screen.getByLabelText("HeartOutline")).toBeInTheDocument();
-        // Simulate click
-        fireEvent.click(button);
-        // Immediate state after click: "Liked" label + HeartFilled
-        expect(button).toHaveTextContent("Liked");
-        expect(screen.getByLabelText("HeartFilled")).toBeInTheDocument();
-        expect(onLikeChange).toHaveBeenCalledWith(true);
-        // Wait for animation + likes count update (2s delay + 300ms animation)
-        await waitFor(() => {
-            expect(button).toHaveTextContent("4 Likes");
-        }, { timeout: 2500 });
-    });
-});

package/dist/components/logo-link/LogoLink.d.ts

@@ -1,11 +0,0 @@
-/**
- * Props for LogoLink component *
- */
-type LogoLinkProps = React.ComponentPropsWithoutRef<"a"> & {
-    /**
-     * The URL to navigate to when the logo is clicked.  Defaults to "/".
-     */
-    href?: string;
-};
-export declare const LogoLink: ({ href, ...props }: LogoLinkProps) => import("react/jsx-runtime").JSX.Element;
-export {};