@igamingcareer/igaming-components 1.2.22 → 1.2.25

package/dist/types/src/components/Shared/Directory/DirectoryShell.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { DirectoryActiveFilter, DirectoryBannerConfig, DirectoryFilterSection, DirectoryFilterValues, DirectoryPagination, DirectorySearchProps, DirectorySortProps, DirectoryViewMode } from "./types";
+interface DirectoryShellProps {
+    title: string;
+    description?: string;
+    headerPopularTags?: string[];
+    sponsoredSlot?: React.ReactNode;
+    sidebarSlot?: React.ReactNode;
+    filtersPanel?: React.ReactNode;
+    mobileFiltersPanel?: React.ReactNode;
+    filters?: DirectoryFilterSection[];
+    filterValues?: DirectoryFilterValues;
+    onFilterChange?: (key: string, values: string[]) => void;
+    onClearFilters?: () => void;
+    activeFilters?: DirectoryActiveFilter[];
+    search?: DirectorySearchProps;
+    sort?: DirectorySortProps;
+    viewMode?: DirectoryViewMode;
+    onViewModeChange?: (mode: DirectoryViewMode) => void;
+    pagination?: DirectoryPagination;
+    showToolbar?: boolean;
+    toolbarTrailingSlot?: React.ReactNode;
+    resultsClassName?: string;
+    banner?: DirectoryBannerConfig;
+    headerActions?: React.ReactNode;
+    children: React.ReactNode;
+    maxFiltersVisible?: number;
+}
+declare const DirectoryShell: React.FC<DirectoryShellProps>;
+export default DirectoryShell;

package/dist/types/src/components/Shared/Directory/DirectoryShowcase.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DirectoryShowcase: React.FC;
+export default DirectoryShowcase;

package/dist/types/src/components/Shared/Directory/DirectoryToolbar.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { DirectorySortProps, DirectoryViewMode } from "./types";
+interface DirectoryToolbarProps {
+    sort?: DirectorySortProps;
+    viewMode?: DirectoryViewMode;
+    onViewModeChange?: (mode: DirectoryViewMode) => void;
+    itemsPerPage?: number;
+    onItemsPerPageChange?: (value: number) => void;
+    itemsPerPageOptions?: number[];
+    showItemsPerPage?: boolean;
+    trailingSlot?: React.ReactNode;
+    className?: string;
+    summaryTitle?: string;
+    startIndex?: number;
+    endIndex?: number;
+    totalCount?: number;
+    itemLabel?: string;
+}
+declare const DirectoryToolbar: React.FC<DirectoryToolbarProps>;
+export default DirectoryToolbar;

package/dist/types/src/components/Shared/Directory/ViewModeToggle.d.ts

@@ -0,0 +1 @@
+export { default } from "../ViewModeToggle";

package/dist/types/src/components/Shared/Directory/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DirectoryShell } from "./DirectoryShell";
+export { default as DirectoryToolbar } from "./DirectoryToolbar";
+export { default as DirectoryBanner } from "./DirectoryBanner";
+export { default as ViewModeToggle } from "./ViewModeToggle";
+export type { DirectoryActiveFilter, DirectoryBannerConfig, DirectoryFilterOption, DirectoryFilterSection, DirectoryFilterValues, DirectoryPagination, DirectorySearchProps, DirectorySortOption, DirectorySortProps, DirectoryViewMode } from "./types";

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

@@ -0,0 +1,73 @@
+export type DirectoryViewMode = "grid" | "list";
+export interface DirectorySortOption {
+    value: string;
+    label: string;
+}
+export interface DirectorySearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    onClear?: () => void;
+    placeholder?: string;
+    suggestions?: string[];
+    onSuggestionSelect?: (suggestion: string) => void;
+}
+export interface DirectoryFilterOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface DirectoryRangeConfig {
+    min: number;
+    max: number;
+    step?: number;
+    unit?: string;
+    unitPosition?: "prefix" | "suffix";
+    formatLabel?: (value: number) => string;
+}
+export interface DirectoryFilterSection {
+    key: string;
+    label: string;
+    type: "checkbox" | "select" | "searchable-select" | "range" | "toggle";
+    options?: DirectoryFilterOption[];
+    searchable?: boolean;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    /** For checkbox: max visible items before "View more" (default: show all) */
+    maxVisible?: number;
+    /** For range type filters */
+    rangeConfig?: DirectoryRangeConfig;
+}
+export type DirectoryFilterValues = Record<string, string[]>;
+export interface DirectoryActiveFilter {
+    key: string;
+    label: string;
+    value: string;
+    onRemove: () => void;
+}
+export interface DirectoryBannerConfig {
+    position: "sidebar" | "top" | "bottom";
+    url: string;
+    link: string;
+    alt?: string;
+}
+export interface DirectoryPagination {
+    toolbarTitle?: string;
+    toolbarItemLabel?: string;
+    enabled?: boolean;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    totalCount?: number;
+    toolbarTotalCount?: number;
+    pageSizeOptions?: number[];
+    showItemsPerPage?: boolean;
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+}
+export interface DirectorySortProps {
+    value: string;
+    options: DirectorySortOption[];
+    onChange: (value: string) => void;
+    label?: string;
+}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import type { DateFilterOption } from "../GenericListing/DateFilter";
+interface GenericFilterProps {
+    dateFieldLabel: string;
+    activeDateFilter: DateFilterOption;
+    onDateFilterChange: (filter: DateFilterOption) => void;
+    filterKeys: string[];
+    searchableFilters: string[];
+    filtersData: Record<string, string[]>;
+    activeFilters: Record<string, string>;
+    handleFilterChange: (key: string, value: string) => void;
+    toggleSavedJobsFilter: () => void;
+    showOnlySaved: boolean;
+    savedJobs: any[];
+}
+declare const GenericFilter: React.FC<GenericFilterProps>;
+export default GenericFilter;

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface GenericPaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare const GenericPagination: React.FC<GenericPaginationProps>;
+export default GenericPagination;

package/dist/types/src/components/Shared/GenericPagination.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import GenericPagination from "@/components/Shared/GenericPagination";
+declare const meta: Meta<typeof GenericPagination>;
+export default meta;
+type Story = StoryObj<typeof GenericPagination>;
+export declare const Default: Story;
+export declare const FewPages: Story;

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface ItemsPerPageSelectorProps {
+    value: number;
+    onChange: (value: number) => void;
+    options?: number[];
+    className?: string;
+    selectClassName?: string;
+}
+declare const ItemsPerPageSelector: React.FC<ItemsPerPageSelectorProps>;
+export default ItemsPerPageSelector;

package/dist/types/src/components/Shared/ItemsPerPageSelector.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import ItemsPerPageSelector from "@/components/Shared/ItemsPerPageSelector";
+declare const meta: Meta<typeof ItemsPerPageSelector>;
+export default meta;
+type Story = StoryObj<typeof ItemsPerPageSelector>;
+export declare const Default: Story;
+export declare const CustomOptions: Story;

package/dist/types/src/components/Shared/Listing/ListingActiveFilters.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ActiveFilter } from "./types";
+interface ListingActiveFiltersProps {
+    filters: ActiveFilter[];
+    onRemove: (key: string, value: string) => void;
+    onClearAll: () => void;
+    onCreateAlert?: () => void;
+    showCreateAlert?: boolean;
+    className?: string;
+}
+/**
+ * ListingActiveFilters - Display currently active filters with remove buttons
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingActiveFilters: React.FC<ListingActiveFiltersProps>;
+export default ListingActiveFilters;

package/dist/types/src/components/Shared/Listing/ListingEmptyState.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { LucideIcon } from "lucide-react";
+interface ListingEmptyStateProps {
+    icon?: LucideIcon;
+    title?: string;
+    description?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    className?: string;
+}
+/**
+ * ListingEmptyState - No results found display
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingEmptyState: React.FC<ListingEmptyStateProps>;
+export default ListingEmptyState;

package/dist/types/src/components/Shared/Listing/ListingHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { PopularTag } from "./types";
+interface ListingHeaderProps {
+    title: string;
+    description?: string;
+    popularTags?: PopularTag[];
+    selectedTags?: string[];
+    onTagClick?: (tag: string) => void;
+    onTagRemove?: (tag: string) => void;
+    className?: string;
+}
+/**
+ * ListingHeader - Displays page title, description and popular tags
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingHeader: React.FC<ListingHeaderProps>;
+export default ListingHeader;

package/dist/types/src/components/Shared/Listing/ListingMobileFilters.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { FilterSection } from "./types";
+interface FilterSectionData extends FilterSection {
+    selectedValues: string[];
+}
+interface ListingMobileFiltersProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    sections: FilterSectionData[];
+    onFilterChange: (key: string, values: string[]) => void;
+    onApply: () => void;
+    onClearAll: () => void;
+    savedCount?: number;
+    showSavedOnly?: boolean;
+    onToggleSavedOnly?: () => void;
+    savedLabel?: string;
+}
+/**
+ * ListingMobileFilters - Full-screen mobile filter drawer
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingMobileFilters: React.FC<ListingMobileFiltersProps>;
+export default ListingMobileFilters;

package/dist/types/src/components/Shared/Listing/ListingPagination.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { PaginationInfo } from "./types";
+interface ListingPaginationProps {
+    pagination: PaginationInfo;
+    onPageChange: (page: number) => void;
+    maxPagesToShow?: number;
+    showFirstLast?: boolean;
+    className?: string;
+}
+/**
+ * ListingPagination - Page navigation controls
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingPagination: React.FC<ListingPaginationProps>;
+export default ListingPagination;

package/dist/types/src/components/Shared/Listing/ListingSearchBar.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface ListingSearchBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    onClear?: () => void;
+    onFilterClick?: () => void;
+    placeholder?: string;
+    suggestions?: string[];
+    onSuggestionSelect?: (suggestion: string) => void;
+    showFilterButton?: boolean;
+    filterCount?: number;
+    className?: string;
+}
+/**
+ * ListingSearchBar - Search input with suggestions and filter toggle
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingSearchBar: React.FC<ListingSearchBarProps>;
+export default ListingSearchBar;

package/dist/types/src/components/Shared/Listing/ListingSidebar.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { FilterSection, RangeConfig } from "./types";
+interface FilterSectionData extends FilterSection {
+    selectedValues: string[];
+}
+interface ListingSidebarProps {
+    title?: string;
+    sections: FilterSectionData[];
+    onFilterChange: (key: string, values: string[]) => void;
+    onClearAll: () => void;
+    activeFiltersCount: number;
+    maxVisible?: number;
+    rangeConfig?: RangeConfig;
+    savedCount?: number;
+    showSavedOnly?: boolean;
+    onToggleSavedOnly?: () => void;
+    savedLabel?: string;
+    className?: string;
+}
+/**
+ * ListingSidebar - Collapsible filter sections with search within long filters
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingSidebar: React.FC<ListingSidebarProps>;
+export default ListingSidebar;

package/dist/types/src/components/Shared/Listing/ListingToolbar.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { LucideIcon } from "lucide-react";
+import { ViewMode, SortOption, PaginationInfo } from "./types";
+interface ListingToolbarProps {
+    viewMode: ViewMode;
+    onViewModeChange: (mode: ViewMode) => void;
+    itemsPerPage: number;
+    onItemsPerPageChange: (value: number) => void;
+    itemsPerPageOptions?: number[];
+    sortBy: string;
+    onSortChange: (value: string) => void;
+    sortOptions: SortOption[];
+    pagination: PaginationInfo;
+    title?: string;
+    itemLabel?: string;
+    icon?: LucideIcon;
+    className?: string;
+}
+/**
+ * ListingToolbar - View mode toggle, items per page, sort by, count display
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingToolbar: React.FC<ListingToolbarProps>;
+export default ListingToolbar;

package/dist/types/src/components/Shared/Listing/index.d.ts

@@ -0,0 +1,9 @@
+export { default as ListingHeader } from "./ListingHeader";
+export { default as ListingSearchBar } from "./ListingSearchBar";
+export { default as ListingToolbar } from "./ListingToolbar";
+export { default as ListingSidebar } from "./ListingSidebar";
+export { default as ListingPagination } from "./ListingPagination";
+export { default as ListingEmptyState } from "./ListingEmptyState";
+export { default as ListingMobileFilters } from "./ListingMobileFilters";
+export { default as ListingActiveFilters } from "./ListingActiveFilters";
+export type { ViewMode, SortOption, PopularTag, FilterOption, FilterSection, ActiveFilter, PaginationInfo, } from "./types";

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

@@ -0,0 +1,50 @@
+export type ViewMode = "grid" | "list";
+export type SortOption = {
+    value: string;
+    label: string;
+};
+export interface PopularTag {
+    label: string;
+    value: string;
+    color?: string;
+}
+export interface FilterOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface RangeConfig {
+    min: number;
+    max: number;
+    step?: number;
+    unit?: string;
+    unitPosition?: "prefix" | "suffix";
+    formatLabel?: (value: number) => string;
+}
+export interface FilterSection {
+    key: string;
+    label: string;
+    type: "checkbox" | "select" | "searchable-select" | "range" | "toggle";
+    options?: FilterOption[];
+    searchable?: boolean;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    /** Max visible items before "View more" button */
+    maxVisible?: number;
+    /** Config for range type filters */
+    rangeConfig?: RangeConfig;
+}
+export interface ActiveFilter {
+    key: string;
+    label: string;
+    value: string;
+    displayValue?: string;
+}
+export interface PaginationInfo {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    startIndex: number;
+    endIndex: number;
+}

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

@@ -0,0 +1,5 @@
+interface LoadingShadowCardProps {
+    totalColumns?: number;
+}
+declare const LoadingShadowCard: ({ totalColumns }: LoadingShadowCardProps) => import("react/jsx-runtime").JSX.Element;
+export default LoadingShadowCard;

package/dist/types/src/components/Shared/LoadingShadowCard.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import LoadingShadowCard from "@/components/Shared/LoadingShadowCard";
+declare const meta: Meta<typeof LoadingShadowCard>;
+export default meta;
+type Story = StoryObj<typeof LoadingShadowCard>;
+export declare const Default: Story;
+export declare const ThreeColumns: Story;

package/dist/types/src/components/Shared/Mobile/BottomSheetFilter.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+interface FilterOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+interface BottomSheetFilterProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    options: FilterOption[];
+    selectedValues: string[];
+    onApply: (values: string[]) => void;
+    multiSelect?: boolean;
+    searchable?: boolean;
+}
+/**
+ * BottomSheetFilter - Bottom sheet for filter selection
+ * Replaces heavy modals with lighter bottom sheets
+ * Each tag in HorizontalTagSlider opens a bottom sheet, not a full modal
+ */
+declare const BottomSheetFilter: React.FC<BottomSheetFilterProps>;
+export default BottomSheetFilter;

package/dist/types/src/components/Shared/Mobile/FloatingActionButton.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface QuickAction {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    onClick: () => void;
+    color?: string;
+}
+interface FloatingActionButtonProps {
+    actions: QuickAction[];
+    mainIcon?: React.ReactNode;
+    className?: string;
+}
+/**
+ * FloatingActionButton - Context-aware FAB for quick actions
+ * Inspired by Instagram/TikTok patterns
+ * Possible actions: Save search, Create alert, Quick apply, Claim company
+ */
+declare const FloatingActionButton: React.FC<FloatingActionButtonProps>;
+export declare const JobsQuickActions: QuickAction[];
+export declare const CompaniesQuickActions: QuickAction[];
+export default FloatingActionButton;

package/dist/types/src/components/Shared/Mobile/HorizontalTagSlider.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface Tag {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    category?: "popular" | "role" | "location" | "company" | "more";
+}
+interface HorizontalTagSliderProps {
+    tags: Tag[];
+    selectedTags: string[];
+    onTagClick: (tag: string) => void;
+    onTagRemove?: (tag: string) => void;
+    onMoreClick?: () => void;
+    showCategoryIcons?: boolean;
+    className?: string;
+}
+/**
+ * HorizontalTagSlider - Instagram-style horizontal scrolling tags
+ * MVP improvement: Replace static vertical tags with horizontal slider
+ */
+declare const HorizontalTagSlider: React.FC<HorizontalTagSliderProps>;
+export default HorizontalTagSlider;

package/dist/types/src/components/Shared/Mobile/StickyFilterChips.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface FilterChip {
+    key: string;
+    label?: string;
+    value: string;
+    displayValue: string;
+}
+interface StickyFilterChipsProps {
+    chips: FilterChip[];
+    onRemove: (key: string, value: string) => void;
+    onClearAll?: () => void;
+    showCount?: boolean;
+    className?: string;
+}
+/**
+ * StickyFilterChips - Selected filters displayed as sticky chips under search
+ * MVP behavior: Chips removable with ✕, result counts update live
+ */
+declare const StickyFilterChips: React.FC<StickyFilterChipsProps>;
+export default StickyFilterChips;

package/dist/types/src/components/Shared/Mobile/UserIdentityMenu.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import type { LucideIcon } from "lucide-react";
+interface UserData {
+    name?: string;
+    email?: string;
+    avatar?: string;
+    initials?: string;
+}
+interface SavedCounts {
+    jobs?: number;
+    companies?: number;
+    courses?: number;
+    alerts?: number;
+}
+interface UserIdentityMenuProps {
+    user?: UserData | null;
+    savedCounts?: SavedCounts;
+    menuItems?: UserIdentityMenuItem[];
+    onNavigate?: (path: string) => void;
+    onLogout?: () => void;
+    onSignIn?: () => void;
+    className?: string;
+}
+export interface UserIdentityMenuItem {
+    id: string;
+    label: string;
+    icon: LucideIcon;
+    path: string;
+    countKey?: keyof SavedCounts;
+}
+/**
+ * UserIdentityMenu - Always-visible avatar with bottom sheet menu
+ * Critical UX gap fix: Identity should always be visible
+ */
+declare const UserIdentityMenu: React.FC<UserIdentityMenuProps>;
+export default UserIdentityMenu;

package/dist/types/src/components/Shared/Mobile/index.d.ts

@@ -0,0 +1,5 @@
+export { default as HorizontalTagSlider } from "./HorizontalTagSlider";
+export { default as FloatingActionButton, JobsQuickActions, CompaniesQuickActions } from "./FloatingActionButton";
+export { default as UserIdentityMenu } from "./UserIdentityMenu";
+export { default as BottomSheetFilter } from "./BottomSheetFilter";
+export { default as StickyFilterChips } from "./StickyFilterChips";

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface MobileDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+}
+declare const MobileDrawer: React.FC<MobileDrawerProps>;
+export default MobileDrawer;

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

@@ -0,0 +1,16 @@
+import React from "react";
+interface NewsHeaderProps {
+    onSearchChange: (query: string) => void;
+    title?: string;
+    description?: string;
+    popularTags?: string[];
+    searchPlaceholder?: string;
+    generateHref?: (tag: string) => string;
+    onTagClick?: (tag: string) => void;
+    onTagRemove?: (tag: string) => void;
+    popularTagColor?: string;
+    allowTagRemoval?: boolean;
+    sponsoredSlot?: React.ReactNode;
+}
+declare const PageTitleHeader: React.FC<NewsHeaderProps>;
+export default PageTitleHeader;

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

@@ -0,0 +1,11 @@
+interface SearchBoxProps {
+    data: string[];
+    onSelect: (value: string) => void;
+    placeholder?: string;
+    debounceMs?: number;
+    onTyping?: (value: string) => void;
+    className?: string;
+    showSubmitButton?: boolean;
+}
+declare const SearchBox: React.FC<SearchBoxProps>;
+export default SearchBox;

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

@@ -0,0 +1,14 @@
+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;

package/dist/types/src/components/Shared/ShieldedActionButton.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import ShieldedActionButton from "@/components/Shared/ShieldedActionButton";
+declare const meta: Meta<typeof ShieldedActionButton>;
+export default meta;
+type Story = StoryObj<typeof ShieldedActionButton>;
+export declare const Allowed: Story;
+export declare const BlockedTooltip: Story;
+export declare const BlockedModal: Story;

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

@@ -0,0 +1,10 @@
+interface SubscriptionModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubscriptionSuccess?: () => void;
+    searchQuery?: string;
+    filters?: any;
+    apiUrl?: string;
+}
+export declare function SubscriptionModal({ open, onOpenChange, onSubscriptionSuccess, searchQuery, filters, apiUrl }: SubscriptionModalProps): import("react/jsx-runtime").JSX.Element;
+export {};