@igamingcareer/igaming-components 1.1.21 → 1.1.22

package/dist/types/src/components/NewsPage/TrendingNews.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+import type { NewsArticle } from "./types/news";
+interface TrendingNewsProps {
+    articles: NewsArticle[];
+    onArticleClick: (article: NewsArticle) => void;
+}
+declare const TrendingNews: React.FC<TrendingNewsProps>;
+export default TrendingNews;

package/dist/types/src/components/NewsPage/data/news.d.ts

@@ -0,0 +1,3 @@
+import type { NewsArticle, NewsCategory } from "../types/news";
+export declare const newsCategories: NewsCategory[];
+export declare const mockNewsArticles: NewsArticle[];

package/dist/types/src/components/NewsPage/types/news.d.ts

@@ -0,0 +1,35 @@
+export interface NewsArticle {
+    _id: string;
+    title: string;
+    content: string;
+    author: string[];
+    categories: string[];
+    tags: string[];
+    company: string;
+    date: string;
+    image: string;
+    link: string;
+    slug: string;
+    status: number;
+    scraped_at: string;
+    readTime?: number;
+    isBreaking?: boolean;
+    isTrending?: boolean;
+    viewCount?: number;
+}
+export interface NewsCategory {
+    id: string;
+    name: string;
+    icon: string;
+    count: number;
+    color: string;
+}
+export type NewsSortOption = "latest" | "trending" | "most-read" | "oldest" | "relevance";
+export interface NewsFilters {
+    categories: string[];
+    tags: string[];
+    authors: string[];
+    companies: string[];
+    dateRange: [string, string];
+    readTime: [number, number];
+}

package/dist/types/src/components/Notification/NotificationItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { NotificationState, NotificationType } from "./notificationStore";
+export type NotificationItemProps = {
+    notification: NotificationState;
+    onDismiss: (id: string) => void;
+    actionClassName?: string;
+    closeButtonClassName?: string;
+    notificationClassName?: string;
+    titleClassName?: string;
+    messageClassName?: string;
+    variantClassNames?: Partial<Record<NotificationType, string>>;
+    iconClassNames?: Partial<Record<NotificationType, string>>;
+    renderIcon?: (type: NotificationType) => React.ReactNode;
+};
+export declare const NotificationItem: ({ notification, onDismiss, actionClassName, closeButtonClassName, notificationClassName, titleClassName, messageClassName, variantClassNames, iconClassNames, renderIcon, }: NotificationItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Notification/NotificationProvider.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { NotificationContextValue, NotificationPlacement, NotificationType } from "./notificationStore";
+export type NotificationProviderProps = {
+    children: React.ReactNode;
+    placement?: NotificationPlacement;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    stackClassName?: string;
+    notificationClassName?: string;
+    titleClassName?: string;
+    messageClassName?: string;
+    actionClassName?: string;
+    closeButtonClassName?: string;
+    variantClassNames?: Partial<Record<NotificationType, string>>;
+    iconClassNames?: Partial<Record<NotificationType, string>>;
+    renderIcon?: (type: NotificationType) => React.ReactNode;
+    maxVisible?: number;
+};
+export declare const NotificationProvider: ({ children, placement, containerClassName, containerStyle, stackClassName, notificationClassName, titleClassName, messageClassName, actionClassName, closeButtonClassName, variantClassNames, iconClassNames, renderIcon, maxVisible, }: NotificationProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useNotification: () => NotificationContextValue;

package/dist/types/src/components/Notification/NotificationTester.d.ts

@@ -0,0 +1,21 @@
+import type { NotificationPayload, NotificationType } from "./notificationStore";
+export type NotificationTesterProps = {
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    buttonLabel?: string;
+    panelTitle?: string;
+    defaultType?: NotificationType;
+    defaultTitle?: string;
+    defaultMessage?: string;
+    allowCustomMessage?: boolean;
+    allowCustomTitle?: boolean;
+    allowActions?: boolean;
+    allowDuration?: boolean;
+    allowPersistent?: boolean;
+    showAllTypes?: boolean;
+    presetCases?: Array<{
+        label: string;
+        payload: NotificationPayload;
+    }>;
+    onTrigger?: (payload: NotificationPayload) => void;
+};
+export declare const NotificationTester: ({ position, buttonLabel, panelTitle, defaultType, defaultTitle, defaultMessage, allowCustomMessage, allowCustomTitle, allowActions, allowDuration, allowPersistent, showAllTypes, presetCases, onTrigger, }: NotificationTesterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Notification/NotificationViewport.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { NotificationPlacement, NotificationState, NotificationType } from "./notificationStore";
+export type NotificationViewportProps = {
+    notifications: NotificationState[];
+    placement?: NotificationPlacement;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    stackClassName?: string;
+    notificationClassName?: string;
+    titleClassName?: string;
+    messageClassName?: string;
+    actionClassName?: string;
+    closeButtonClassName?: string;
+    variantClassNames?: Partial<Record<NotificationType, string>>;
+    iconClassNames?: Partial<Record<NotificationType, string>>;
+    renderIcon?: (type: NotificationType) => React.ReactNode;
+    onDismiss: (id: string) => void;
+    maxVisible?: number;
+};
+export declare const NotificationViewport: ({ notifications, placement, containerClassName, containerStyle, stackClassName, notificationClassName, titleClassName, messageClassName, actionClassName, closeButtonClassName, variantClassNames, iconClassNames, renderIcon, onDismiss, maxVisible, }: NotificationViewportProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/Notification/index.d.ts

@@ -0,0 +1,4 @@
+export { NotificationProvider, useNotification } from "./NotificationProvider";
+export { NotificationTester } from "./NotificationTester";
+export { NotificationViewport } from "./NotificationViewport";
+export { notify, dismiss, updateNotification, clearNotifications, type NotificationAction, type NotificationContextValue, type NotificationPayload, type NotificationPlacement, type NotificationState, type NotificationType, } from "./notificationStore";

package/dist/types/src/components/Notification/notificationStore.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+export type NotificationType = "success" | "error" | "warning" | "info" | "custom";
+export type NotificationPlacement = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center" | "center";
+export type NotificationAction = {
+    label: string;
+    onClick?: (id: string) => void;
+    href?: string;
+    target?: string;
+    autoDismiss?: boolean;
+    variant?: "primary" | "secondary" | "ghost";
+    ariaLabel?: string;
+};
+export type NotificationPayload = {
+    id?: string;
+    type?: NotificationType;
+    title?: React.ReactNode;
+    message?: React.ReactNode;
+    content?: React.ReactNode;
+    duration?: number;
+    persistent?: boolean;
+    actions?: NotificationAction[];
+    icon?: React.ReactNode;
+    className?: string;
+    titleClassName?: string;
+    messageClassName?: string;
+    role?: "status" | "alert";
+    ariaLabel?: string;
+    onDismiss?: (id: string) => void;
+};
+export type NotificationState = NotificationPayload & {
+    id: string;
+    type: NotificationType;
+    status: "active" | "leaving";
+    createdAt: number;
+};
+export type NotificationContextValue = {
+    notifications: NotificationState[];
+    notify: (payload: NotificationPayload) => NotificationState;
+    update: (payload: Partial<NotificationState> & {
+        id: string;
+    }) => void;
+    dismiss: (id?: string) => void;
+    clear: () => void;
+};
+export declare const notify: (payload: NotificationPayload) => NotificationState;
+export declare const updateNotification: (payload: Partial<NotificationState> & {
+    id: string;
+}) => void;
+export declare const dismiss: (id?: string) => void;
+export declare const clearNotifications: () => void;
+export declare const useNotificationStore: () => NotificationContextValue;

package/dist/types/src/components/Onboarding/DashboardOnboardingSection.d.ts

@@ -0,0 +1,12 @@
+import type { OnboardingStep } from "../../types/onboarding";
+interface DashboardOnboardingSectionProps {
+    emailVerified: boolean;
+    profileComplete: boolean;
+    steps: OnboardingStep[];
+    progress: number;
+    onActionClick?: (actionId: string, stepId: string) => void;
+    onOpenFullOnboarding?: () => void;
+    className?: string;
+}
+export default function DashboardOnboardingSection({ emailVerified, profileComplete, steps, progress, onActionClick, onOpenFullOnboarding, className, }: DashboardOnboardingSectionProps): import("react/jsx-runtime").JSX.Element;
+export { DashboardOnboardingSection };

package/dist/types/src/components/Onboarding/OnboardingChecklist.d.ts

@@ -0,0 +1,8 @@
+import type { ChecklistStep } from "../../types/onboarding";
+export type OnboardingChecklistProps = {
+    steps: ChecklistStep[];
+    onActionClick?: (actionId: string, stepId: string) => void;
+    variant?: "compact" | "full";
+};
+export default function OnboardingChecklist({ steps, onActionClick, variant, }: OnboardingChecklistProps): import("react/jsx-runtime").JSX.Element;
+export { OnboardingChecklist };

package/dist/types/src/components/Onboarding/OnboardingContext.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { UseOnboardingReturn } from "../../components/hooks/useOnboarding";
+export declare function OnboardingProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useOnboardingContext(): UseOnboardingReturn;

package/dist/types/src/components/Onboarding/OnboardingDashboard.d.ts

@@ -0,0 +1,11 @@
+import type { OnboardingStep } from "../../types/onboarding";
+export type OnboardingDashboardProps = {
+    emailVerified?: boolean;
+    profileComplete?: boolean;
+    steps: OnboardingStep[];
+    progress?: number;
+    onActionClick?: (actionId: string | undefined, stepId: string) => void;
+    variant?: "compact" | "full";
+};
+export default function OnboardingDashboard({ emailVerified, profileComplete, steps, progress, onActionClick, variant, }: OnboardingDashboardProps): import("react/jsx-runtime").JSX.Element;
+export { OnboardingDashboard };

package/dist/types/src/components/Onboarding/OnboardingModal.d.ts

@@ -0,0 +1,19 @@
+import type { OnboardingStep } from "../../types/onboarding";
+export type OnboardingModalProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    emailVerified: boolean;
+    profileComplete: boolean;
+    steps: OnboardingStep[];
+    onActionClick?: (actionId: string | undefined, stepId: string) => void;
+    onResendVerification?: () => Promise<void> | void;
+    onChangeEmail?: () => void;
+    isResending?: boolean;
+    resendError?: string | null;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+    title?: string;
+    description?: string;
+};
+export default function OnboardingModal({ open, onOpenChange, emailVerified, profileComplete, steps, onActionClick, onResendVerification, onChangeEmail, isResending, resendError, onDismiss, dismissLabel, title, description, }: OnboardingModalProps): import("react/jsx-runtime").JSX.Element;
+export { OnboardingModal };

package/dist/types/src/components/Onboarding/OnboardingPopup.d.ts

@@ -0,0 +1,6 @@
+interface OnboardingPopupProps {
+    onComplete?: () => void;
+    onClose?: () => void;
+}
+export default function OnboardingPopup({ onComplete, onClose }: OnboardingPopupProps): import("react/jsx-runtime").JSX.Element;
+export { OnboardingPopup };

package/dist/types/src/components/Onboarding/ShieldedActionButton.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type ShieldedActionButtonProps = {
+    children: React.ReactNode;
+    onClick?: () => void;
+    emailVerified?: boolean;
+    profileComplete?: boolean;
+    requiredSteps?: string[];
+    isBlocked?: boolean;
+    blockedReason?: string;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+    variant?: "tooltip" | "modal";
+};
+export default function ShieldedActionButton({ children, onClick, emailVerified, profileComplete, requiredSteps, isBlocked, blockedReason, ctaLabel, onCtaClick, variant, }: ShieldedActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export { ShieldedActionButton };

package/dist/types/src/components/Onboarding/VerificationBanner.d.ts

@@ -0,0 +1,12 @@
+export type VerificationBannerProps = {
+    emailVerified: boolean;
+    onResend: () => Promise<void> | void;
+    onChangeEmail: () => void;
+    isResending?: boolean;
+    error?: string | null;
+    variant?: "inline" | "page" | "compact";
+    dismissible?: boolean;
+    onDismiss?: () => void;
+};
+export default function VerificationBanner({ emailVerified, onResend, onChangeEmail, isResending, error, variant, dismissible, onDismiss, }: VerificationBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export { VerificationBanner };

package/dist/types/src/components/Onboarding/index.d.ts

@@ -0,0 +1,13 @@
+export { default as VerificationBanner } from "./VerificationBanner";
+export type { VerificationBannerProps } from "./VerificationBanner";
+export { default as OnboardingDashboard } from "./OnboardingDashboard";
+export type { OnboardingDashboardProps } from "./OnboardingDashboard";
+export { default as OnboardingChecklist } from "./OnboardingChecklist";
+export type { OnboardingChecklistProps } from "./OnboardingChecklist";
+export { default as ShieldedActionButton } from "./ShieldedActionButton";
+export type { ShieldedActionButtonProps } from "./ShieldedActionButton";
+export { default as OnboardingModal } from "./OnboardingModal";
+export type { OnboardingModalProps } from "./OnboardingModal";
+export { default as OnboardingPopup } from "./OnboardingPopup";
+export { OnboardingProvider, useOnboardingContext } from "./OnboardingContext";
+export { default as DashboardOnboardingSection } from "./DashboardOnboardingSection";

package/dist/types/src/components/Places/PlacesList.d.ts

@@ -0,0 +1,7 @@
+interface PlacesListProps {
+    apiUrl?: string;
+    itemsPerPage?: number;
+    enableMobileFilter?: boolean;
+}
+declare const PlacesList: ({ apiUrl, itemsPerPage, enableMobileFilter: _enableMobileFilter, }: PlacesListProps) => import("react/jsx-runtime").JSX.Element;
+export default PlacesList;

package/dist/types/src/components/Places/mockPlaces.d.ts

@@ -0,0 +1,2 @@
+import type { Place } from "./types";
+export declare const mockPlaces: Place[];

package/dist/types/src/components/Places/types.d.ts

@@ -0,0 +1,16 @@
+export type PlaceType = "Office" | "Conference Venue" | "Coworking" | "Innovation Hub";
+export interface Place {
+    id: string;
+    name: string;
+    type: PlaceType;
+    city: string;
+    country: string;
+    shortDescription: string;
+    services: string[];
+    tags: string[];
+    rating: number;
+    reviewCount: number;
+    image?: string;
+    website?: string;
+    isFeatured?: boolean;
+}

package/dist/types/src/components/Prices/Group/GroupPrices.d.ts

@@ -0,0 +1,10 @@
+type GroupPricesProps = {
+    groupedIds: string[];
+    tabTitles: string[];
+    lang?: string;
+    url?: string;
+    PromotionsTitle?: string;
+    buttonMsg?: string;
+};
+export default function GroupPrices({ groupedIds, tabTitles, lang, url, PromotionsTitle, buttonMsg }: GroupPricesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Prices/Summary/SlidingSummary.d.ts

@@ -0,0 +1,7 @@
+import type { Item } from '../../../types/item';
+type SlidingSummaryProps = {
+    isOpen: boolean;
+    items: Item[];
+};
+export default function SlidingSummary({ isOpen, items }: SlidingSummaryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/ProductCategories/ProductCategoriesList.d.ts

@@ -0,0 +1,9 @@
+import type { ProductCategory } from "./types";
+type ProductCategoriesListProps = {
+    apiUrl?: string;
+    categoriesData?: ProductCategory[];
+    productCategoriesData?: ProductCategory[];
+    itemsPerPage?: number;
+};
+declare const ProductCategoriesList: ({ apiUrl, categoriesData, productCategoriesData, itemsPerPage, }: ProductCategoriesListProps) => import("react/jsx-runtime").JSX.Element;
+export default ProductCategoriesList;

package/dist/types/src/components/ProductCategories/ProductCategoryDetail.d.ts

@@ -0,0 +1,7 @@
+import type { ProductCategory } from "./types";
+type Props = {
+    onNavigate: (path: string) => void;
+    category: ProductCategory;
+};
+declare const ProductCategoryDetail: ({ category, onNavigate }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProductCategoryDetail;

package/dist/types/src/components/ProductCategories/mockProductCategories.d.ts

@@ -0,0 +1,3 @@
+import type { ProductCategory } from "./types";
+export declare const mockProductCategories: ProductCategory[];
+export declare const getCategoryBySlug: (slug: string) => ProductCategory | undefined;

package/dist/types/src/components/ProductCategories/types.d.ts

@@ -0,0 +1,47 @@
+export type ComplianceLevel = "Low" | "Medium" | "High";
+export interface CategoryCompany {
+    name: string;
+    slug: string;
+    offeringsStrength: "core" | "secondary" | "emerging";
+}
+export interface CategoryJob {
+    title: string;
+    company: string;
+    location: string;
+    slug: string;
+}
+export interface CategorySkill {
+    name: string;
+    demandLevel: "High" | "Medium" | "Low";
+}
+export interface CategoryRelated {
+    name: string;
+    slug: string;
+}
+export interface SubCategory {
+    name: string;
+    slug: string;
+    description: string;
+}
+export interface ProductCategory {
+    id: string;
+    slug: string;
+    name: string;
+    parentCategory: string;
+    description: string;
+    longDescription: string;
+    synonyms: string[];
+    subcategories: SubCategory[];
+    vendorCount: number;
+    productCount: number;
+    jobCount: number;
+    complianceLevel: ComplianceLevel;
+    tags: string[];
+    lastUpdated: string;
+    isFeatured?: boolean;
+    isTrending?: boolean;
+    topCompanies: CategoryCompany[];
+    sampleJobs: CategoryJob[];
+    keySkills: CategorySkill[];
+    relatedCategories: CategoryRelated[];
+}

package/dist/types/src/components/RegulatorDetail/RegulatorDetail.d.ts

@@ -0,0 +1,6 @@
+import type { Regulator } from "../../components/Regulators/types";
+interface RegulatorDetailProps {
+    regulatorData?: Regulator;
+}
+declare const RegulatorDetail: ({ regulatorData }: RegulatorDetailProps) => import("react/jsx-runtime").JSX.Element;
+export default RegulatorDetail;

package/dist/types/src/components/Regulators/JurisdictionsList.d.ts

@@ -0,0 +1,6 @@
+import type { Jurisdiction } from "./types";
+interface JurisdictionsListProps {
+    jurisdictionsData?: Jurisdiction[];
+}
+declare const JurisdictionsList: ({ jurisdictionsData }: JurisdictionsListProps) => import("react/jsx-runtime").JSX.Element;
+export default JurisdictionsList;

package/dist/types/src/components/Regulators/RegulatorsList.d.ts

@@ -0,0 +1,9 @@
+import type { Regulator } from "./types";
+interface RegulatorsListProps {
+    apiUrl?: string;
+    regulatorsData?: Regulator[];
+    itemsPerPage?: number;
+    enableMobileFilter?: boolean;
+}
+declare const RegulatorsList: ({ apiUrl, regulatorsData, itemsPerPage, }: RegulatorsListProps) => import("react/jsx-runtime").JSX.Element;
+export default RegulatorsList;

package/dist/types/src/components/Regulators/mockJurisdictions.d.ts

@@ -0,0 +1,3 @@
+import type { Jurisdiction } from "./types";
+export declare const mockJurisdictions: Jurisdiction[];
+export declare const getJurisdictionBySlug: (slug: string) => Jurisdiction | undefined;

package/dist/types/src/components/Regulators/mockRegulators.d.ts

@@ -0,0 +1,3 @@
+import type { Regulator } from "./types";
+export declare const mockRegulators: Regulator[];
+export declare const getRegulatorBySlug: (slug: string) => Regulator | undefined;

package/dist/types/src/components/Regulators/types.d.ts

@@ -0,0 +1,55 @@
+export type RegulatorJurisdiction = "National" | "State" | "Regional" | "Supranational";
+export type LicenseEvidenceLevel = "verified" | "self-reported" | "community-suggested";
+export interface RegulatorCareerRole {
+    roleFamily: string;
+    description: string;
+}
+export interface RegulatorLinkedMarket {
+    name: string;
+    slug: string;
+}
+export interface RegulatorLinkedCompany {
+    name: string;
+    slug: string;
+    evidenceLevel: LicenseEvidenceLevel;
+    evidenceUrl?: string;
+    licenseId?: string;
+}
+export interface Regulator {
+    id: string;
+    slug: string;
+    name: string;
+    acronym: string;
+    country: string;
+    region: string;
+    jurisdiction: RegulatorJurisdiction;
+    sectors: string[];
+    licenseTypes: string[];
+    scopeTags: string[];
+    establishedYear: number;
+    complianceRating: number;
+    website?: string;
+    registerUrl?: string;
+    isPrimary?: boolean;
+    description: string;
+    scope: string;
+    careerImplications: string;
+    careerRoles: RegulatorCareerRole[];
+    keyRequirements: string[];
+    linkedMarkets: RegulatorLinkedMarket[];
+    linkedCompanies: RegulatorLinkedCompany[];
+}
+export type JurisdictionStatus = "Active" | "Reforming" | "Emerging" | "Restricted";
+export interface Jurisdiction {
+    id: string;
+    slug: string;
+    name: string;
+    region: string;
+    status: JurisdictionStatus;
+    regulatorIds: string[];
+    regulatorNames: string[];
+    notes: string;
+    markets: RegulatorLinkedMarket[];
+    gamblingSectors: string[];
+    keyFacts: string[];
+}

package/dist/types/src/components/Reviews/LeaveReviewStandaloneModal.d.ts

@@ -0,0 +1,23 @@
+import type { ReviewRating } from "../../types/review";
+export interface LeaveReviewStandalonePayload {
+    companyName: string;
+    title: string;
+    body: string;
+    rating: ReviewRating;
+    pros?: string;
+    cons?: string;
+    relationship: string;
+    isAnonymous: boolean;
+}
+interface LeaveReviewStandaloneModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubmit?: (payload: LeaveReviewStandalonePayload) => void;
+}
+/**
+ * Standalone "Leave a Review" modal for the /reviews listing page.
+ * Unlike the company-scoped LeaveReviewModal, this one asks the user
+ * to specify the company name.
+ */
+declare const LeaveReviewStandaloneModal: ({ open, onOpenChange, onSubmit }: LeaveReviewStandaloneModalProps) => import("react/jsx-runtime").JSX.Element;
+export default LeaveReviewStandaloneModal;

package/dist/types/src/components/Reviews/Reviews.d.ts

@@ -0,0 +1,8 @@
+import type { LeaveReviewStandalonePayload } from "../../components/Reviews/LeaveReviewStandaloneModal";
+import { CompanyReview } from "../../types/review";
+interface ReviewsProps {
+    reviewsData?: CompanyReview[];
+    onLeaveReview?: (payload: LeaveReviewStandalonePayload) => void;
+}
+declare const Reviews: ({ reviewsData, onLeaveReview }: ReviewsProps) => import("react/jsx-runtime").JSX.Element;
+export default Reviews;

package/dist/types/src/components/Shared/ActiveFiltersDisplay.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface FilterTag {
+    key: string;
+    label: string;
+    value: string;
+    onRemove: () => void;
+}
+interface ActiveFiltersDisplayProps {
+    filters: FilterTag[];
+    onClearAll: () => void;
+    handleCreateAlert?: () => void;
+    className?: string;
+}
+declare const ActiveFiltersDisplay: React.FC<ActiveFiltersDisplayProps>;
+export default ActiveFiltersDisplay;

package/dist/types/src/components/Shared/Cards/CareerPathCard.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface CareerPathCardProps {
+    slug: string;
+    title: string;
+    department: string;
+    description: string;
+    typicalTimeline: string;
+    keySkills: string[];
+    nodesCount: number;
+    entryPointsCount: number;
+    marketHotspots: string[];
+    salaryRange?: {
+        entry: string;
+        director: string;
+    };
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const CareerPathCard: React.FC<CareerPathCardProps>;
+export default CareerPathCard;

package/dist/types/src/components/Shared/Cards/ChannelCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Channel } from "../../../components/Shared/types/shared-types";
+interface ChannelCardProps {
+    item: Channel;
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const ChannelCard: React.FC<ChannelCardProps>;
+export default ChannelCard;

package/dist/types/src/components/Shared/Cards/CompanyCardMobile.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+interface CompanyCardMobileProps {
+    id: string;
+    name: string;
+    slug?: string;
+    logo?: string;
+    tagline?: string;
+    companyType: string;
+    location?: string;
+    employeeRange?: string;
+    verticals?: string[];
+    hiringNow?: boolean;
+    isClaimed?: boolean;
+    isVerified?: boolean;
+    profileViews?: number;
+    hiringIntensity?: "low" | "medium" | "high";
+    licenses?: string[];
+    isSaved?: boolean;
+    onSave?: (id: string) => void;
+    onClick?: (slug: string) => void;
+}
+/**
+ * CompanyCardMobile - Mobile-optimized company card with micro-signals
+ * MVP improvements:
+ * - Micro-signal row (icons only): 👀 Profile views, 🔥 Hiring intensity, ✅ Verified
+ * - Reduce text density → icons + tooltips
+ * - Compliance badges (MGA-licensed) where applicable
+ */
+declare const CompanyCardMobile: React.FC<CompanyCardMobileProps>;
+export default CompanyCardMobile;