@regardio/react 0.3.2

package/dist/stories/MarkdownContainer.stories.js

@@ -0,0 +1,66 @@
+import { MarkdownContainer } from '../components/markdown-container';
+const meta = {
+    component: MarkdownContainer,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    title: 'Components/MarkdownContainer',
+};
+export default meta;
+export const Default = {
+    args: {
+        children: `# Hello World
+
+This is a **markdown** paragraph with *italic* text.
+
+## Features
+
+- List item 1
+- List item 2
+- List item 3
+
+[Link to example](https://example.com)`,
+        locale: 'en',
+    },
+};
+export const GermanLocale = {
+    args: {
+        children: `# Willkommen
+
+Dies ist ein "Beispieltext" mit typografischen Anführungszeichen.
+
+## Funktionen
+
+- Punkt 1
+- Punkt 2`,
+        locale: 'de',
+    },
+};
+export const WithTruncation = {
+    args: {
+        children: 'This is a long paragraph that will be truncated. It contains multiple sentences. Each sentence adds more content. The truncation should work properly.',
+        locale: 'en',
+        sentences: 2,
+    },
+};
+export const WithParagraphLimit = {
+    args: {
+        children: `First paragraph with some content.
+
+Second paragraph with more content.
+
+Third paragraph that should be hidden.
+
+Fourth paragraph also hidden.`,
+        locale: 'en',
+        paragraphs: 2,
+    },
+};
+export const WithCharacterLimit = {
+    args: {
+        characters: 50,
+        children: 'This is a long text that will be truncated after a certain number of characters.',
+        locale: 'en',
+    },
+};

package/dist/stories/PasswordInput.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { PasswordInput } from "../components/password-input";
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithCustomClass: Story;
+//# sourceMappingURL=PasswordInput.stories.d.ts.map

package/dist/stories/PasswordInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PasswordInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAOpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}

package/dist/stories/PasswordInput.stories.js

@@ -0,0 +1,27 @@
+import { PasswordInput } from "../components/password-input";
+const meta = {
+    component: PasswordInput,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+    title: "Components/PasswordInput",
+};
+export default meta;
+export const Default = {
+    args: {
+        placeholder: "Enter password",
+    },
+};
+export const WithValue = {
+    args: {
+        defaultValue: "secretpassword",
+        placeholder: "Enter password",
+    },
+};
+export const WithCustomClass = {
+    args: {
+        className: "border border-gray-300 rounded px-3 py-2",
+        placeholder: "Styled password input",
+    },
+};

package/dist/stories/Picture.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Picture } from "../components/picture";
+declare const meta: Meta<typeof Picture>;
+export default meta;
+type Story = StoryObj<typeof Picture>;
+export declare const SimpleImage: Story;
+export declare const WithFormats: Story;
+export declare const WithCustomSizes: Story;
+export declare const WithClassName: Story;
+//# sourceMappingURL=Picture.stories.d.ts.map

package/dist/stories/Picture.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picture.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Picture.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAO9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}

package/dist/stories/Picture.stories.js

@@ -0,0 +1,46 @@
+import { Picture } from "../components/picture";
+const meta = {
+    component: Picture,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+    title: "Components/Picture",
+};
+export default meta;
+export const SimpleImage = {
+    args: {
+        alt: "Placeholder image",
+        baseUrl: "https://via.placeholder.com/400x300",
+    },
+};
+export const WithFormats = {
+    args: {
+        alt: "Responsive image",
+        baseUrl: "https://via.placeholder.com/{format}",
+        formats: [
+            { size: "480x360", width: 480 },
+            { size: "800x600", width: 800 },
+            { size: "1200x900", width: 1200 },
+        ],
+    },
+};
+export const WithCustomSizes = {
+    args: {
+        alt: "Custom sizes image",
+        baseUrl: "https://via.placeholder.com/{format}",
+        formats: [
+            { size: "320x240", width: 320 },
+            { size: "640x480", width: 640 },
+        ],
+        sizes: "(max-width: 640px) 320px, 640px",
+    },
+};
+export const WithClassName = {
+    args: {
+        alt: "Styled image",
+        baseUrl: "https://via.placeholder.com/400x300",
+        className: "rounded-lg shadow-lg",
+        imgClassName: "object-cover",
+    },
+};

package/dist/stories/ProtectedEmail.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ProtectedEmail } from "../components/protected-email";
+declare const meta: Meta<typeof ProtectedEmail>;
+export default meta;
+type Story = StoryObj<typeof ProtectedEmail>;
+export declare const Default: Story;
+export declare const WithCustomText: Story;
+export declare const WithClassName: Story;
+export declare const MultipleEmails: Story;
+//# sourceMappingURL=ProtectedEmail.stories.d.ts.map

package/dist/stories/ProtectedEmail.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtectedEmail.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ProtectedEmail.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAOrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC"}

package/dist/stories/ProtectedEmail.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ProtectedEmail } from "../components/protected-email";
+const meta = {
+    component: ProtectedEmail,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+    title: "Components/ProtectedEmail",
+};
+export default meta;
+export const Default = {
+    args: {
+        domain: "example.com",
+        username: "contact",
+    },
+};
+export const WithCustomText = {
+    args: {
+        domain: "example.com",
+        text: "Send us an email",
+        username: "info",
+    },
+};
+export const WithClassName = {
+    args: {
+        className: "text-blue-600 underline hover:text-blue-800",
+        domain: "company.org",
+        username: "support",
+    },
+};
+export const MultipleEmails = {
+    render: () => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [_jsx(ProtectedEmail, { domain: "example.com", username: "sales" }), _jsx(ProtectedEmail, { domain: "example.com", username: "support" }), _jsx(ProtectedEmail, { domain: "example.com", text: "General Inquiries", username: "info" })] })),
+};

package/dist/stories/Text.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Text } from "../components/text";
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Default: Story;
+export declare const Subtitle: Story;
+export declare const Code: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Text.stories.d.ts.map

package/dist/stories/Text.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

package/dist/stories/Text.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "../components/text";
+const meta = {
+    component: Text,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+    title: "Components/Text",
+};
+export default meta;
+export const Default = {
+    args: {
+        children: "This is default text content.",
+    },
+};
+export const Subtitle = {
+    args: {
+        children: "This is subtitle text with larger size.",
+        variant: "subtitle",
+    },
+};
+export const Code = {
+    args: {
+        children: "const example = 'monospace code text';",
+        variant: "code",
+    },
+};
+export const AllVariants = {
+    render: () => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(Text, { variant: "primary", children: "Primary text (default)" }), _jsx(Text, { variant: "subtitle", children: "Subtitle text" }), _jsx(Text, { variant: "code", children: "Code text with monospace font" })] })),
+};

package/dist/stories/UnorderedList.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { UnorderedList } from "../components/unordered-list";
+declare const meta: Meta<typeof UnorderedList>;
+export default meta;
+type Story = StoryObj<typeof UnorderedList>;
+export declare const Default: Story;
+export declare const Inline: Story;
+export declare const Unstyled: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=UnorderedList.stories.d.ts.map

package/dist/stories/UnorderedList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.stories.d.ts","sourceRoot":"","sources":["../../src/stories/UnorderedList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAOpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC"}

package/dist/stories/UnorderedList.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListItem } from "../components/list-item";
+import { UnorderedList } from "../components/unordered-list";
+const meta = {
+    component: UnorderedList,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+    title: "Components/UnorderedList",
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(UnorderedList, { children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" }), _jsx(ListItem, { children: "Item 3" })] })),
+};
+export const Inline = {
+    render: () => (_jsxs(UnorderedList, { variant: "inline", children: [_jsx(ListItem, { children: "Tag 1" }), _jsx(ListItem, { children: "Tag 2" }), _jsx(ListItem, { children: "Tag 3" })] })),
+};
+export const Unstyled = {
+    render: () => (_jsxs(UnorderedList, { variant: "unstyled", children: [_jsx(ListItem, { children: "No bullet 1" }), _jsx(ListItem, { children: "No bullet 2" }), _jsx(ListItem, { children: "No bullet 3" })] })),
+};
+export const AllVariants = {
+    render: () => (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: [_jsxs("div", { children: [_jsx("h4", { children: "Primary (default)" }), _jsxs(UnorderedList, { variant: "primary", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Inline" }), _jsxs(UnorderedList, { variant: "inline", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Unstyled" }), _jsxs(UnorderedList, { variant: "unstyled", children: [_jsx(ListItem, { children: "Item 1" }), _jsx(ListItem, { children: "Item 2" })] })] })] })),
+};

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/test-setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/dist/utils/author.d.ts

@@ -0,0 +1,9 @@
+type AuthorInfo = {
+    name?: string;
+    email?: string;
+    url?: string;
+};
+export declare function parseAuthorString(input: string): AuthorInfo;
+export declare function generateLinkFromAuthorString(input: string): React.ReactNode;
+export {};
+//# sourceMappingURL=author.d.ts.map

package/dist/utils/author.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"author.d.ts","sourceRoot":"","sources":["../../src/utils/author.tsx"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAIF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CA0B3D;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAoC3E"}

package/dist/utils/author.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const regex = /^(.*?)\s*(?:<([^>]+)>)?\s*(?:\(([^)]+)\))?$/;
+export function parseAuthorString(input) {
+    const match = input.match(regex);
+    if (match) {
+        const [, name, email, url] = match;
+        const result = {};
+        if (email) {
+            result.email = email;
+        }
+        const trimmedName = name?.trim();
+        if (trimmedName) {
+            result.name = trimmedName;
+        }
+        if (url) {
+            result.url = url;
+        }
+        return result;
+    }
+    return {};
+}
+export function generateLinkFromAuthorString(input) {
+    const match = input.match(regex);
+    if (match) {
+        const [, name, email, url] = match.map((part) => {
+            return part?.trim();
+        });
+        if (email) {
+            return (_jsx("a", { className: 'u-email p-name', href: `mailto:${email}`, children: name }));
+        }
+        if (url && (url.startsWith('/') || url.startsWith('http'))) {
+            return (_jsx("a", { className: 'u-url p-name', href: url, children: name }));
+        }
+        return _jsx("span", { className: 'p-name', children: name });
+    }
+    return;
+}

package/dist/utils/author.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=author.test.d.ts.map

package/dist/utils/author.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"author.test.d.ts","sourceRoot":"","sources":["../../src/utils/author.test.ts"],"names":[],"mappings":""}

package/dist/utils/author.test.js

@@ -0,0 +1,46 @@
+import { describe, expect, test } from 'vitest';
+import { parseAuthorString } from './author';
+describe('parseAuthorString', () => {
+    test('parses name only', () => {
+        expect(parseAuthorString('John Doe')).toEqual({ name: 'John Doe' });
+    });
+    test('parses name and email', () => {
+        expect(parseAuthorString('John Doe <john@example.com>')).toEqual({
+            email: 'john@example.com',
+            name: 'John Doe',
+        });
+    });
+    test('parses name and URL', () => {
+        expect(parseAuthorString('John Doe (https://example.com)')).toEqual({
+            name: 'John Doe',
+            url: 'https://example.com',
+        });
+    });
+    test('parses name, email, and URL', () => {
+        expect(parseAuthorString('John Doe <john@example.com> (https://example.com)')).toEqual({
+            email: 'john@example.com',
+            name: 'John Doe',
+            url: 'https://example.com',
+        });
+    });
+    test('handles email only (no name)', () => {
+        expect(parseAuthorString('<john@example.com>')).toEqual({
+            email: 'john@example.com',
+        });
+    });
+    test('handles whitespace in name', () => {
+        expect(parseAuthorString('  John Doe  <john@example.com>')).toEqual({
+            email: 'john@example.com',
+            name: 'John Doe',
+        });
+    });
+    test('returns empty object for empty string', () => {
+        expect(parseAuthorString('')).toEqual({});
+    });
+    test('handles relative URL', () => {
+        expect(parseAuthorString('John Doe (/about/john)')).toEqual({
+            name: 'John Doe',
+            url: '/about/john',
+        });
+    });
+});

package/dist/utils/cn.d.ts

@@ -0,0 +1,5 @@
+import { cx } from 'cva';
+export type { VariantProps } from 'cva';
+export declare const cva: import("cva").CVA, compose: import("cva").Compose;
+export declare const cn: (...inputs: Parameters<typeof cx>) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAgB,MAAM,KAAK,CAAC;AAGvC,YAAY,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAExC,eAAO,MAAQ,GAAG,qBAAE,OAAO,uBAMzB,CAAC;AAEH,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,CAAC,OAAO,EAAE,CAAC,WAAwB,CAAC"}

package/dist/utils/cn.js

@@ -0,0 +1,10 @@
+import { cx, defineConfig } from 'cva';
+import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
+export const { cva, compose } = defineConfig({
+    hooks: {
+        onComplete: (className) => {
+            return twMerge(className);
+        },
+    },
+});
+export const cn = (...inputs) => twMerge(cx(inputs));

package/dist/utils/cn.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cn.test.d.ts.map

package/dist/utils/cn.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.test.d.ts","sourceRoot":"","sources":["../../src/utils/cn.test.ts"],"names":[],"mappings":""}

package/dist/utils/cn.test.js

@@ -0,0 +1,33 @@
+import { expect, test } from 'vitest';
+import { cn } from './cn';
+test('removes conflicting classes using twMerge', () => {
+    const classes = cn('text-red-500', 'text-blue-500');
+    expect(classes).toBe('text-blue-500');
+});
+test('merges multiple classes into a single string', () => {
+    const classes = cn('text-red-500', 'font-bold');
+    expect(classes).toBe('text-red-500 font-bold');
+});
+test('removes empty classes', () => {
+    const classes = cn('text-red-500', '', 'font-bold');
+    expect(classes).toBe('text-red-500 font-bold');
+});
+test('removes undefined classes', () => {
+    const classes = cn('text-red-500', undefined, 'font-bold');
+    expect(classes).toBe('text-red-500 font-bold');
+});
+test('removes null classes', () => {
+    const classes = cn('text-red-500', null, 'font-bold');
+    expect(classes).toBe('text-red-500 font-bold');
+});
+test('resolves nested arrays', () => {
+    const classes = cn('text-red-500', ['bg-blue-500', 'font-bold']);
+    expect(classes).toBe('text-red-500 bg-blue-500 font-bold');
+});
+test('resolves nested objects', () => {
+    const classes = cn('text-red-500', {
+        'bg-blue-500': true,
+        'font-bold': true,
+    });
+    expect(classes).toBe('text-red-500 bg-blue-500 font-bold');
+});

package/dist/utils/is-route-active.d.ts

@@ -0,0 +1,3 @@
+export declare function isRouteActive(path: string, currentPath: string, end?: boolean | ((path: string) => boolean) | undefined): boolean;
+export declare function checkIfRouteIsActive(targetLink: string, currentRoute: string, depth?: number): boolean;
+//# sourceMappingURL=is-route-active.d.ts.map

package/dist/utils/is-route-active.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-route-active.d.ts","sourceRoot":"","sources":["../../src/utils/is-route-active.ts"],"names":[],"mappings":"AASA,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,MAAM,EACnB,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,WAqBxD;AAUD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,SAAI,WAmBvF"}

package/dist/utils/is-route-active.js

@@ -0,0 +1,54 @@
+const ROOT_PATH = '/';
+export function isRouteActive(path, currentPath, end) {
+    if (path === currentPath) {
+        return true;
+    }
+    if (typeof end === 'function') {
+        return !end(currentPath);
+    }
+    const defaultEnd = end ?? true;
+    const oneLevelDeep = 1;
+    const threeLevelsDeep = 3;
+    const depth = defaultEnd ? oneLevelDeep : threeLevelsDeep;
+    return checkIfRouteIsActive(path, currentPath, depth);
+}
+export function checkIfRouteIsActive(targetLink, currentRoute, depth = 1) {
+    const currentRoutePath = currentRoute.split('?')[0] ?? '';
+    if (!isRoot(currentRoutePath) && isRoot(targetLink)) {
+        return false;
+    }
+    if (!currentRoutePath.includes(targetLink)) {
+        return false;
+    }
+    const isSameRoute = targetLink === currentRoutePath;
+    if (isSameRoute) {
+        return true;
+    }
+    return hasMatchingSegments(targetLink, currentRoutePath, depth);
+}
+function splitIntoSegments(href) {
+    return href.split('/').filter(Boolean);
+}
+function hasMatchingSegments(targetLink, currentRoute, depth) {
+    const segments = splitIntoSegments(targetLink);
+    const matchingSegments = numberOfMatchingSegments(currentRoute, segments);
+    if (targetLink === currentRoute) {
+        return true;
+    }
+    return matchingSegments > segments.length - (depth - 1);
+}
+function numberOfMatchingSegments(href, segments) {
+    let count = 0;
+    for (const segment of splitIntoSegments(href)) {
+        if (segments.includes(segment)) {
+            count += 1;
+        }
+        else {
+            return count;
+        }
+    }
+    return count;
+}
+function isRoot(path) {
+    return path === ROOT_PATH;
+}

package/dist/utils/is-route-active.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=is-route-active.test.d.ts.map

package/dist/utils/is-route-active.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-route-active.test.d.ts","sourceRoot":"","sources":["../../src/utils/is-route-active.test.ts"],"names":[],"mappings":""}

package/dist/utils/is-route-active.test.js

@@ -0,0 +1,61 @@
+import { describe, expect, test } from 'vitest';
+import { checkIfRouteIsActive, isRouteActive } from './is-route-active';
+describe('isRouteActive', () => {
+    test('returns true when path matches currentPath exactly', () => {
+        expect(isRouteActive('/about', '/about')).toBe(true);
+        expect(isRouteActive('/contact', '/contact')).toBe(true);
+    });
+    test('returns false when paths are different', () => {
+        expect(isRouteActive('/about', '/contact')).toBe(false);
+    });
+    test('with end=true (default), only matches exact path', () => {
+        expect(isRouteActive('/about', '/about/team', true)).toBe(false);
+        expect(isRouteActive('/about', '/about', true)).toBe(true);
+    });
+    test('with end=false, matches parent paths', () => {
+        expect(isRouteActive('/about', '/about/team', false)).toBe(true);
+        expect(isRouteActive('/about', '/about/team/members', false)).toBe(true);
+    });
+    test('with end as function, uses function result', () => {
+        const endFn = (path) => path.includes('team');
+        expect(isRouteActive('/about', '/about/team', endFn)).toBe(false);
+        expect(isRouteActive('/about', '/about/contact', endFn)).toBe(true);
+    });
+    test('root path only matches root', () => {
+        expect(isRouteActive('/', '/')).toBe(true);
+        expect(isRouteActive('/', '/about', true)).toBe(false);
+    });
+});
+describe('checkIfRouteIsActive', () => {
+    test('returns true for exact match', () => {
+        expect(checkIfRouteIsActive('/about', '/about')).toBe(true);
+        expect(checkIfRouteIsActive('/users/123', '/users/123')).toBe(true);
+    });
+    test('returns false when root is target but current is not root', () => {
+        expect(checkIfRouteIsActive('/', '/about')).toBe(false);
+        expect(checkIfRouteIsActive('/', '/users/123')).toBe(false);
+    });
+    test('returns true for root when current is root', () => {
+        expect(checkIfRouteIsActive('/', '/')).toBe(true);
+    });
+    test('returns false when target is not in current path', () => {
+        expect(checkIfRouteIsActive('/about', '/contact')).toBe(false);
+        expect(checkIfRouteIsActive('/users', '/posts')).toBe(false);
+    });
+    test('with depth=1, matches when segments match within depth', () => {
+        expect(checkIfRouteIsActive('/about', '/about/team', 1)).toBe(false);
+        expect(checkIfRouteIsActive('/about', '/about/team/members', 1)).toBe(false);
+    });
+    test('with depth=2, matches one level deep', () => {
+        expect(checkIfRouteIsActive('/about', '/about/team', 2)).toBe(true);
+        expect(checkIfRouteIsActive('/about', '/about/team/members', 2)).toBe(true);
+    });
+    test('with depth=3, matches two levels deep', () => {
+        expect(checkIfRouteIsActive('/about', '/about/team', 3)).toBe(true);
+        expect(checkIfRouteIsActive('/about', '/about/team/members', 3)).toBe(true);
+        expect(checkIfRouteIsActive('/about', '/about/team/members/details', 3)).toBe(true);
+    });
+    test('ignores query parameters in current route', () => {
+        expect(checkIfRouteIsActive('/about', '/about?foo=bar')).toBe(true);
+    });
+});