@c-rex/components 0.0.3 → 0.0.5

package/src/sidebar.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ComponentProps } from "react";
+import {
+    Sidebar,
+    SidebarContent,
+    SidebarGroup,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem,
+    SidebarMenuSub,
+    SidebarMenuSubButton,
+    SidebarMenuSubItem,
+    SidebarRail
+} from "@c-rex/ui/sidebar";
+import { Skeleton } from "@c-rex/ui/skeleton";
+import { TreeOfContent } from "@c-rex/interfaces";
+
+interface SidebarProps extends ComponentProps<typeof Sidebar> {
+    data: TreeOfContent[];
+    loading?: boolean;
+}
+
+export function AppSidebar({ data, loading, ...props }: SidebarProps) {
+    return (
+        <Sidebar collapsible="icon" {...props} className="top-20">
+            <SidebarContent>
+                <SidebarGroup>
+                    <SidebarMenu className="pt-4">
+                        {loading ? (
+                            <>
+                                <Skeleton className="w-auto h-10 mb-2" />
+                                <Skeleton className="w-auto h-10 mb-2" />
+                                <Skeleton className="w-auto h-10 mb-2 ml-8" />
+                                <Skeleton className="w-auto h-10 mb-2 ml-8" />
+                                <Skeleton className="w-auto h-10 mb-2 ml-8" />
+                                <Skeleton className="w-auto h-10 mb-2 ml-8" />
+                                <Skeleton className="w-auto h-10 mb-2" />
+                            </>
+                        ) : (
+                            <>
+                                {data.map((item) => (
+                                    <SidebarMenuItem key={item.id}>
+                                        <SidebarMenuButton asChild isActive={item.active}>
+                                            <a href={item.link} title={item.label}>
+                                                {item.label}
+                                            </a>
+                                        </SidebarMenuButton>
+
+                                        {item.children?.length ? (
+                                            <SidebarMenuSub>
+                                                {item.children.map((item) => (
+                                                    <SidebarMenuSubItem key={item.label}>
+                                                        <SidebarMenuSubButton
+                                                            asChild
+                                                            isActive={item.active}
+                                                        >
+                                                            <a href={item.link} title={item.label}>
+                                                                {item.label}
+                                                            </a>
+                                                        </SidebarMenuSubButton>
+                                                    </SidebarMenuSubItem>
+                                                ))}
+                                            </SidebarMenuSub>
+                                        ) : null}
+                                    </SidebarMenuItem>
+                                ))}
+                            </>
+                        )}
+                    </SidebarMenu>
+                </SidebarGroup>
+            </SidebarContent>
+            <SidebarRail />
+        </Sidebar>
+    );
+}

package/{dist/components/src/stories/blog-card.stories.js → src/stories/blog-card.stories.tsx}

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithPriority = exports.Horizontal = void 0;
-const blog_card_1 = require("../blog-card");
-const meta = {
+import type { Meta, StoryObj } from '@storybook/react';
+import { BlogCard } from '../blog-card';
+
+const meta: Meta = {
     title: 'Components/BlogCard',
-    component: blog_card_1.BlogCard,
+    component: BlogCard,
     tags: ['autodocs',],
     parameters: {
         layout: 'centered',
@@ -14,8 +13,11 @@ const meta = {
         priority: { control: 'boolean', description: 'Whether the image should be prioritized', type: 'boolean' },
         horizontal: { control: 'boolean' },
     },
-};
-exports.default = meta;
+} satisfies Meta<typeof BlogCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
 const mockBlogData = {
     title: 'Getting Started with C-Rex Components',
     blurDataURL: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==',
@@ -26,17 +28,19 @@ const mockBlogData = {
     date: '2023-05-15',
     slug: 'getting-started-with-c-rex-components',
 };
-exports.Horizontal = {
+
+export const Horizontal: Story = {
     args: {
         data: mockBlogData,
         priority: false,
         horizontal: true,
     },
 };
-exports.WithPriority = {
+
+export const WithPriority: Story = {
     args: {
         data: mockBlogData,
         priority: true,
         horizontal: false,
     },
-};
+};

package/{dist/components/src/stories/blur-image.stories.js → src/stories/blur-image.stories.tsx}

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoundedImage = exports.SmallImage = exports.Default = void 0;
-const blur_image_1 = require("../blur-image");
+import type { Meta, StoryObj } from '@storybook/react';
+import { BlurImage } from '../blur-image';
+
 const meta = {
     title: 'Components/BlurImage',
-    component: blur_image_1.BlurImage,
+    component: BlurImage,
     tags: ['autodocs'],
     parameters: {
         layout: 'centered',
@@ -16,9 +15,12 @@ const meta = {
         height: { control: 'number' },
         className: { control: 'text' },
     },
-};
-exports.default = meta;
-exports.Default = {
+} satisfies Meta<typeof BlurImage>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
     args: {
         src: 'https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
         alt: 'Sample image with blur effect',
@@ -27,7 +29,8 @@ exports.Default = {
         className: 'rounded-lg',
     },
 };
-exports.SmallImage = {
+
+export const SmallImage: Story = {
     args: {
         src: 'https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
         alt: 'Small sample image with blur effect',
@@ -36,7 +39,8 @@ exports.SmallImage = {
         className: 'rounded-lg',
     },
 };
-exports.RoundedImage = {
+
+export const RoundedImage: Story = {
     args: {
         src: 'https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
         alt: 'Rounded sample image with blur effect',
@@ -44,4 +48,4 @@ exports.RoundedImage = {
         height: 300,
         className: 'rounded-full',
     },
-};
+};

package/{dist/components/src/stories/breadcrumb.stories.js → src/stories/breadcrumb.stories.tsx}

@@ -1,16 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = exports.Default = void 0;
-const breadcrumb_1 = require("../breadcrumb");
-const meta = {
+import type { Meta, StoryObj } from '@storybook/react';
+import { Breadcrumb } from '../breadcrumb';
+
+const meta: Meta = {
     title: 'Components/Breadcrumb',
-    component: breadcrumb_1.Breadcrumb,
+    component: Breadcrumb,
     tags: ['autodocs'],
     parameters: {
         layout: 'centered',
     }
-};
-exports.default = meta;
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
 const mockItems = [
     {
         id: 'docs',
@@ -34,15 +36,17 @@ const mockItems = [
         children: [],
     },
 ];
-exports.Default = {
+
+export const Default: Story = {
     args: {
         items: mockItems,
         loading: false,
     },
 };
-exports.Loading = {
+
+export const Loading: Story = {
     args: {
         items: [],
         loading: true,
     },
-};
+};

package/src/stories/empty.stories.tsx

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Empty } from '../empty';
+
+const meta = {
+    title: 'Components/Empty',
+    component: Empty,
+    tags: ['autodocs'],
+} satisfies Meta<typeof Empty>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+};

package/src/stories/navbar.stories.tsx

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavBar } from '../navbar';
+
+const meta: Meta = {
+    title: 'Components/NavBar',
+    component: NavBar,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+} satisfies Meta<typeof NavBar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {}

package/{dist/components/src/stories/sidebar.stories.js → src/stories/sidebar.stories.tsx}

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sidebar_1 = require("../sidebar");
-const sidebar_2 = require("@c-rex/ui/sidebar");
+import type { Meta, StoryObj } from '@storybook/react';
+import { AppSidebar } from '../sidebar';
+import { SidebarInset, SidebarProvider, SidebarTrigger } from "@c-rex/ui/sidebar";
+
 const meta = {
     title: 'Components/Sidebar',
-    component: sidebar_1.AppSidebar,
+    component: AppSidebar,
     tags: ['autodocs'],
     parameters: {
         layout: 'centered',
@@ -16,10 +14,24 @@ const meta = {
         loading: { control: 'boolean' },
     },
     decorators: [
-        (Story) => ((0, jsx_runtime_1.jsxs)(sidebar_2.SidebarProvider, { children: [(0, jsx_runtime_1.jsx)(sidebar_2.SidebarTrigger, {}), (0, jsx_runtime_1.jsx)("div", { className: "flex", children: (0, jsx_runtime_1.jsx)(sidebar_2.SidebarInset, { children: (0, jsx_runtime_1.jsx)(Story, {}) }) })] })),
+        (Story: any) => (
+            <SidebarProvider>
+                <SidebarTrigger />
+
+                <div className="flex">
+                    <SidebarInset>
+                        <Story />
+                    </SidebarInset>
+                </div>
+            </SidebarProvider>
+
+        ),
     ]
-};
-exports.default = meta;
+} satisfies Meta<typeof AppSidebar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
 const mockData = [
     {
         id: '1',
@@ -66,15 +78,17 @@ const mockData = [
         ],
     },
 ];
-exports.Default = {
+
+export const Default: Story = {
     args: {
         data: mockData,
         loading: false,
     },
 };
-exports.Loading = {
+
+export const Loading: Story = {
     args: {
         data: [],
         loading: true,
     },
-};
+};

package/dist/components/src/autocomplete.d.ts

@@ -1,8 +0,0 @@
-type Props = {
-    initialValue: string;
-    onSelect: (value: string) => void;
-    onSearch: (value: string) => Promise<string[]>;
-};
-export declare const AutoComplete: ({ initialValue, onSearch, onSelect, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=autocomplete.d.ts.map

package/dist/components/src/autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete.tsx"],"names":[],"mappings":"AAiBA,KAAK,KAAK,GAAG;IACT,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,uCAI1B,KAAK,4CAqFP,CAAA"}

package/dist/components/src/autocomplete.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoComplete = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cmdk_1 = require("cmdk");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const input_1 = require("@c-rex/ui/input");
-const command_1 = require("@c-rex/ui/command");
-const popover_1 = require("@c-rex/ui/popover");
-const AutoComplete = ({ initialValue, onSearch, onSelect, }) => {
-    const [query, setQuery] = (0, react_1.useState)(initialValue);
-    const [suggestions, setSuggestions] = (0, react_1.useState)([]);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const debounceFetch = setTimeout(() => {
-            if (query) {
-                onSearch(query).then(setSuggestions);
-            }
-            else {
-                setSuggestions([]);
-            }
-        }, 300);
-        return () => clearTimeout(debounceFetch);
-    }, [onSearch, query]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center", children: (0, jsx_runtime_1.jsx)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: (0, jsx_runtime_1.jsxs)(command_1.Command, { shouldFilter: false, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverAnchor, { asChild: true, children: (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { asChild: true, value: query, onValueChange: setQuery, onKeyDown: (e) => setOpen(e.key !== "Escape"), onMouseDown: () => setOpen(false), onFocus: () => setOpen(true), children: (0, jsx_runtime_1.jsx)(input_1.Input, {}) }) }), !open && (0, jsx_runtime_1.jsx)(command_1.CommandList, { "aria-hidden": "true", className: "hidden" }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { asChild: true, onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: (e) => {
-                            if (e.target instanceof Element &&
-                                e.target.hasAttribute("cmdk-input")) {
-                                e.preventDefault();
-                            }
-                        }, className: "w-[--radix-popover-trigger-width] p-0", children: (0, jsx_runtime_1.jsx)(command_1.CommandList, { children: suggestions.length > 0 ? ((0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: suggestions.map((option) => ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: option, onMouseDown: (e) => e.preventDefault(), onSelect: (inputValue) => {
-                                        setOpen(false);
-                                        onSelect(inputValue ?? "");
-                                    }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "mr-2 h-4 w-4 opacity-0" }), option] }, option))) })) : ((0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No suggestions." })) }) })] }) }) }));
-};
-exports.AutoComplete = AutoComplete;

package/dist/components/src/blog-card.d.ts

@@ -1,17 +0,0 @@
-interface BlogCardProp {
-    data: {
-        title: string;
-        blurDataURL: string;
-        image: string;
-        description: string;
-        authors: string;
-        _id: string;
-        date: string;
-        slug: string;
-    };
-    priority?: boolean;
-    horizontal?: boolean;
-}
-export declare const BlogCard: ({ data, priority, horizontal, }: BlogCardProp) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=blog-card.d.ts.map

package/dist/components/src/blog-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blog-card.d.ts","sourceRoot":"","sources":["../../../src/blog-card.tsx"],"names":[],"mappings":"AAMA,UAAU,YAAY;IAClB,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,iCAItB,YAAY,4CA6Dd,CAAC"}

package/dist/components/src/blog-card.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlogCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const link_1 = __importDefault(require("next/link"));
-const utils_1 = require("@c-rex/utils");
-const blur_image_1 = require("./blur-image");
-const BlogCard = ({ data, priority, horizontal = false, }) => {
-    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, utils_1.cn)("group relative", horizontal
-            ? "grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-6"
-            : "flex flex-col space-y-2"), children: [data.image && ((0, jsx_runtime_1.jsx)("div", { className: "w-full overflow-hidden rounded-xl border", children: (0, jsx_runtime_1.jsx)(blur_image_1.BlurImage, { alt: data.title, blurDataURL: data.blurDataURL, className: (0, utils_1.cn)("size-full object-cover object-center", horizontal ? "lg:h-72" : null), width: 800, height: 400, priority: priority, placeholder: "blur", src: data.image, sizes: "(max-width: 768px) 750px, 600px" }) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex flex-1 flex-col", horizontal ? "justify-center" : "justify-between"), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("h2", { className: "my-1.5 line-clamp-2 font-heading text-2xl", children: data.title }), data.description && ((0, jsx_runtime_1.jsx)("p", { className: "line-clamp-2 text-muted-foreground", children: data.description }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex items-center space-x-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center -space-x-2", children: data.authors && ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: data.authors })) }), data.date && ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: data.date }))] })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: data.slug, className: "absolute inset-0", target: "_blank", children: (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "View Article" }) })] }));
-};
-exports.BlogCard = BlogCard;

package/dist/components/src/blur-image.d.ts

@@ -1,4 +0,0 @@
-import type { ComponentProps } from "react";
-import Image from "next/image";
-export declare const BlurImage: (props: ComponentProps<typeof Image>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=blur-image.d.ts.map

package/dist/components/src/blur-image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blur-image.d.ts","sourceRoot":"","sources":["../../../src/blur-image.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,YAAY,CAAC;AAG/B,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,CAAC,OAAO,KAAK,CAAC,4CAe5D,CAAA"}

package/dist/components/src/blur-image.js

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlurImage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const image_1 = __importDefault(require("next/image"));
-const utils_1 = require("@c-rex/utils");
-const BlurImage = (props) => {
-    const [isLoading, setLoading] = (0, react_1.useState)(true);
-    return ((0, jsx_runtime_1.jsx)(image_1.default, { ...props, alt: props.alt, className: (0, utils_1.cn)(props.className, "duration-500 ease-in-out", isLoading ? "blur-sm" : "blur-0"), onLoad: () => setLoading(false) }));
-};
-exports.BlurImage = BlurImage;

package/dist/components/src/breadcrumb.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { TreeOfContent } from "@c-rex/interfaces";
-interface BreadcrumbProps {
-    items: TreeOfContent[];
-    loading?: boolean;
-}
-export declare const Breadcrumb: FC<BreadcrumbProps>;
-export {};
-//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/src/breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,UAAU,eAAe;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+D1C,CAAC"}

package/dist/components/src/breadcrumb.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const breadcrumb_1 = require("@c-rex/ui/breadcrumb");
-const skeleton_1 = require("@c-rex/ui/skeleton");
-const Breadcrumb = ({ items, loading }) => {
-    if (!items) {
-        return null;
-    }
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb, { children: (0, jsx_runtime_1.jsxs)(breadcrumb_1.BreadcrumbList, { children: [(0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbPage, { children: "Home" }) }), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {}), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-40 h-6" }) }), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {}), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-40 h-6" }) })] }) }));
-    }
-    const homeItem = {
-        link: "/",
-        label: "Home",
-        id: "home",
-        active: false,
-        children: [],
-    };
-    const newItemList = [homeItem, ...items];
-    const renderLink = (showLink, item) => {
-        if (showLink) {
-            return (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbLink, { href: item.link, children: item.label });
-        }
-        return (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbPage, { children: item.label });
-    };
-    return ((0, jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb, { children: (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbList, { children: newItemList.map((item, index) => {
-                const isLast = index === newItemList.length - 1;
-                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: renderLink(!isLast, item) }, `${item.label}-item`), !isLast && ((0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {}, `${item.label}-separator`))] }));
-            }) }) }));
-};
-exports.Breadcrumb = Breadcrumb;

package/dist/components/src/empty.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-export declare const Empty: FC;
-//# sourceMappingURL=empty.d.ts.map

package/dist/components/src/empty.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,eAAO,MAAM,KAAK,EAAE,EASnB,CAAC"}

package/dist/components/src/empty.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Empty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const alert_1 = require("@c-rex/ui/alert");
-const Empty = () => {
-    return ((0, jsx_runtime_1.jsxs)(alert_1.Alert, { className: "my-2", children: [(0, jsx_runtime_1.jsx)(alert_1.AlertTitle, { children: "No results" }), (0, jsx_runtime_1.jsx)(alert_1.AlertDescription, { children: "No data available. Please try adjusting your search or filter criteria." })] }));
-};
-exports.Empty = Empty;

package/dist/components/src/navbar.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-interface NavBarProps {
-    scroll?: boolean;
-    large?: boolean;
-}
-export declare const NavBar: FC<NavBarProps>;
-export {};
-//# sourceMappingURL=navbar.d.ts.map

package/dist/components/src/navbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,UAAU,WAAW;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsDlC,CAAC"}

package/dist/components/src/navbar.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavBar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const link_1 = __importDefault(require("next/link"));
-const button_1 = require("@c-rex/ui/button");
-const image_1 = __importDefault(require("next/image"));
-const NavBar = () => {
-    return ((0, jsx_runtime_1.jsx)("header", { className: "sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "container flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 md:gap-10", children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: "/", className: "flex items-center space-x-1.5", children: (0, jsx_runtime_1.jsx)(image_1.default, { src: "/img/logo.png", alt: "C-rex Logo", width: 88, height: 50 }) }), (0, jsx_runtime_1.jsxs)("nav", { className: "hidden gap-6 md:flex", children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: "/blog", prefetch: true, className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm", children: "Blog" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: "#", prefetch: true, className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm", children: "Documentation" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center space-x-3", children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "hidden gap-2 px-5 md:flex", variant: "default", size: "sm", rounded: "full", children: (0, jsx_runtime_1.jsx)("span", { children: "Sign In" }) }) })] }) }));
-};
-exports.NavBar = NavBar;

package/dist/components/src/providers/search-state-wrapper.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from "react";
-interface SearchStateWrapperProps {
-    children: ReactNode;
-    filters: {
-        searchValue: string;
-        page: number;
-        selectedLanguage: string[];
-        availableLanguages: string[];
-    };
-}
-export declare const SearchStateWrapper: FC<SearchStateWrapperProps>;
-export {};
-//# sourceMappingURL=search-state-wrapper.d.ts.map

package/dist/components/src/providers/search-state-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-state-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/providers/search-state-wrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,gBAAgB,EAAE,MAAM,EAAE,CAAC;QAC3B,kBAAkB,EAAE,MAAM,EAAE,CAAC;KAChC,CAAC;CACL;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAK1D,CAAC"}

package/dist/components/src/providers/search-state-wrapper.js

@@ -1,10 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchStateWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const contexts_1 = require("@c-rex/contexts");
-const SearchStateWrapper = ({ children, filters, }) => {
-    return (0, jsx_runtime_1.jsx)(contexts_1.SearchProvider, { value: { ...filters }, children: children });
-};
-exports.SearchStateWrapper = SearchStateWrapper;

package/dist/components/src/result-list.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { informationUnitsItems } from "@c-rex/interfaces";
-interface ResultListProps {
-    items: informationUnitsItems[];
-}
-export declare const ResultList: FC<ResultListProps>;
-export {};
-//# sourceMappingURL=result-list.d.ts.map

package/dist/components/src/result-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"result-list.d.ts","sourceRoot":"","sources":["../../../src/result-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,UAAU,eAAe;IACrB,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAE1C,CAAC"}

package/dist/components/src/result-list.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const empty_1 = require("./empty");
-//import { CUSTOMER_CONFIG } from '@/config/customerConfig';
-//import { RESULT_VIEW_OPTIONS } from '@/constants/components';
-const blog_1 = __importDefault(require("./result-view/blog"));
-const ViewComponent = blog_1.default;
-const ResultList = ({ items }) => {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items.length == 0 ? (0, jsx_runtime_1.jsx)(empty_1.Empty, {}) : (0, jsx_runtime_1.jsx)(ViewComponent, { items: items }) });
-};
-exports.ResultList = ResultList;

package/dist/components/src/result-view/blog-view.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import BlogView from '../result-view/blog';
-declare const meta: Meta<typeof BlogView>;
-export default meta;
-type Story = StoryObj<typeof BlogView>;
-export declare const Default: Story;
-//# sourceMappingURL=blog-view.stories.d.ts.map

package/dist/components/src/result-view/blog-view.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blog-view.stories.d.ts","sourceRoot":"","sources":["../../../../src/result-view/blog-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAwCvC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/components/src/result-view/blog.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { informationUnitsItems } from "@c-rex/interfaces";
-interface BlogViewProps {
-    items: informationUnitsItems[];
-}
-declare const BlogView: FC<BlogViewProps>;
-export default BlogView;
-//# sourceMappingURL=blog.d.ts.map