@contact_incruiter/fcc 1.0.0

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/shared/InCruiterSidebar.d.ts

@@ -0,0 +1,48 @@
+import React, { type ReactNode } from 'react';
+export type IconComponent = React.ComponentType<{
+    size?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}>;
+export interface SidebarNavItemConfig {
+    label: string;
+    Icon: IconComponent;
+    /** Internal navigation href — calls onNavigate(href) */
+    href?: string;
+    /** External link — opens in new tab */
+    link?: string;
+    badge?: number;
+    /** Shows a chevron and uses expandedContent as a collapsible panel */
+    hasChevron?: boolean;
+    expandedContent?: ReactNode;
+    onClick?: () => void;
+}
+export interface SidebarProfileItemConfig {
+    label: string;
+    Icon: IconComponent;
+    href?: string;
+    link?: string;
+    onClick?: () => void;
+}
+export interface InCruiterSidebarUser {
+    name?: string;
+    role?: string;
+    avatarUrl?: string;
+}
+export interface InCruiterSidebarProps {
+    logoSrc?: string;
+    user?: InCruiterSidebarUser;
+    /** Main nav items. Defaults to empty — pass your own. */
+    navItems?: SidebarNavItemConfig[];
+    /** Bottom "other" nav items (e.g. Support, Logout). Defaults to empty. */
+    otherItems?: SidebarNavItemConfig[];
+    /** Profile dropdown items. Defaults to My Profile + Accounts & Billing. */
+    profileItems?: SidebarProfileItemConfig[];
+    activeHref?: string;
+    onNavigate?: (href: string) => void;
+    /** Controlled collapse — pass alongside onToggleCollapse to host collapse state */
+    collapsed?: boolean;
+    onToggleCollapse?: (collapsed: boolean) => void;
+    children?: ReactNode;
+}
+export declare function InCruiterSidebar({ logoSrc, user, navItems, otherItems, profileItems, activeHref, onNavigate, collapsed: collapsedProp, onToggleCollapse, children, }: InCruiterSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/InCruiterTopBar.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode, type Ref } from 'react';
+export interface TopBarNavLink {
+    label: string;
+    active?: boolean;
+    onClick?: () => void;
+}
+export interface InCruiterTopBarProps {
+    /** Page title shown on the left when there are no navLinks */
+    title?: string;
+    /** Shows a blue dot badge when > 0 */
+    notificationCount?: number;
+    onBellClick?: () => void;
+    /** Ref for outside-click detection on the bell button wrapper */
+    bellRef?: Ref<HTMLDivElement>;
+    /** Dropdown node rendered below the bell */
+    notificationDropdown?: ReactNode;
+    /** ReactNode rendered on the left side (e.g. a quick-create button) */
+    leftButton?: ReactNode;
+    /** Tab-style links rendered in the centre-right area */
+    navLinks?: TopBarNavLink[];
+    /** ReactNode rendered just before navLinks (e.g. a "What's New" button) */
+    rightExtra?: ReactNode;
+}
+export declare function InCruiterTopBar({ title, notificationCount, onBellClick, bellRef, notificationDropdown, leftButton, navLinks, rightExtra, }: InCruiterTopBarProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@contact_incruiter/fcc",
+  "version": "1.0.0",
+  "description": "InCruiter Front-end Component Collection — reusable React components for InCruiter products",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.lib.json",
+    "build:lib": "vite build",
+    "build:types": "tsc -p tsconfig.lib.json",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "lucide-react": ">=0.400.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@fontsource/inter": "^5.2.8",
+    "@fontsource/plus-jakarta-sans": "^5.2.8",
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-query": "^5.100.14",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.38.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.575.0",
+    "react": "^19.2.0",
+    "react-day-picker": "^9.14.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.71.2",
+    "react-resizable-panels": "^4.6.5",
+    "recharts": "^2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.1",
+    "tw-animate-css": "^1.3.4",
+    "vaul": "^1.1.2",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.32.0",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/node": "^22.16.5",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-security": "^3.0.1",
+    "globals": "^15.15.0",
+    "prettier": "^3.7.3",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.0.2"
+  }
+}