@local-civics/hub-ui 0.1.117-beta.2 → 0.1.117-beta.3

package/dist/index.d.ts

@@ -0,0 +1,1079 @@
+import * as React from 'react';
+import React__default, { FunctionComponent } from 'react';
+
+/**
+ * ActivityCardProps
+ */
+type ActivityCardProps = {
+    headline?: string;
+    imageURL?: string;
+    pathway?: string;
+    xp?: number;
+    summary?: string;
+    skills?: string[];
+    tags?: string[];
+    startTime?: string;
+    endTime?: string;
+    link?: string;
+    formId?: string;
+    address?: string;
+    isBookmarked?: boolean;
+    canReflect?: boolean;
+    milestone?: boolean;
+    onRegister?: () => void;
+    onUnregister?: () => void;
+    onLaunch?: () => void;
+    onReflect?: () => void;
+    onSkillClick?: (skill: string) => void;
+    onClose?: () => void;
+};
+/**
+ * ActivityCard
+ * @param props
+ * @constructor
+ */
+declare const ActivityCard: (props: ActivityCardProps) => JSX.Element;
+
+/**
+ * ActivityItemProps
+ */
+type ActivityItemProps = {
+    headline?: string;
+    pathway?: string;
+    xp?: number;
+    imageURL?: string;
+    onClick?: () => void;
+};
+/**
+ * ActivityItem
+ * @param props
+ * @constructor
+ */
+declare const ActivityItem: (props: ActivityItemProps) => JSX.Element;
+
+/**
+ * ActivityListProps
+ */
+type ActivityListProps = {
+    isLoading?: boolean;
+    search?: string;
+    onSearch?: (search?: string) => void;
+    tags?: string[];
+    onTagChange?: (tags: string[]) => void;
+    activities?: any[];
+    top?: any[];
+    upcoming?: any[];
+    milestones?: any[];
+    onActivityClick?: (activityId: string) => void;
+};
+/**
+ * A component for listing activities
+ * @param props
+ * @constructor
+ */
+declare const ActivityList: (props: ActivityListProps) => JSX.Element;
+
+/**
+ * ActivityReflectionProps
+ */
+type ActivityReflectionProps = {
+    startTime?: string;
+    reflection?: string;
+    pathway?: string;
+    rating?: number;
+    xp?: number;
+    headline?: string;
+    imageURL?: string;
+    canReflect?: boolean;
+    hasChanges?: boolean;
+    onClose?: () => void;
+    onSave?: (reflection: string, rating: number) => Promise<void>;
+};
+/**
+ * ActivityReflection
+ * @param props
+ * @constructor
+ */
+declare const ActivityReflection: (props: ActivityReflectionProps) => JSX.Element;
+
+/**
+ * FilterProps
+ */
+interface TagFilterProps {
+    tags?: string[];
+    onChange?: (tags: string[]) => void;
+}
+/**
+ * Filter
+ * @param props
+ * @constructor
+ */
+declare const TagFilter: (props: TagFilterProps) => JSX.Element;
+
+/**
+ * List of icons available
+ */
+declare const iconNames: readonly ["14-point star", "award ribbon", "up & down arrow", "check & circle", "check & circle dark", "lock", "circle", "progress", "party popper", "plus & circle", "x & circle", "x & square", "pen & paper", "caret left", "formal backpack", "formal ballot box", "formal bar graph", "formal bolt", "formal briefcase", "formal bullseye", "formal burger", "formal camera lens", "formal design bulb", "formal double pan balance", "formal easel", "formal eye", "formal gavel", "formal group", "formal handshake", "formal heart", "formal magnifying glass", "formal medicine", "formal microphone", "formal molecule", "formal moneybag", "formal mortarboard", "formal parthenon", "formal pencil", "formal pie chart", "formal pin", "formal rocket", "formal scholar", "formal stopwatch"];
+/**
+ * The name of the icon.
+ */
+type IconName$1 = typeof iconNames[number];
+
+/**
+ * BadgeButtonProps
+ */
+type BadgeButtonProps = {
+    displayName?: string;
+    icon?: IconName$1;
+    iconURL?: string;
+    imageURL?: string;
+    startedAt?: string;
+    createdAt?: string;
+    finishedAt?: string;
+    level?: number;
+    isLocked?: boolean;
+    progress?: number;
+    target?: number;
+    readonly?: boolean;
+    compact?: boolean;
+    onClick?: () => void;
+};
+
+/**
+ * BadgeActivityProps
+ */
+type BadgeActivityProps = {
+    activityId?: string;
+    activityName?: string;
+    criteriaName?: string;
+    namespace?: string;
+    imageURL?: string;
+    xp?: number;
+    formId?: string;
+    milestone?: boolean;
+    badgeId?: string;
+    criterionId?: string;
+    startedAt?: string;
+    completedAt?: string;
+    chosenAt?: string;
+    tags?: string[];
+    startTime?: string;
+    isSelected?: boolean;
+    onToggle?: () => void;
+    onClick?: () => void;
+};
+
+/**
+ * CriterionProps
+ */
+type CriterionProps$1 = {
+    criterionId?: string;
+    displayName?: string;
+    namespace?: string;
+    options?: BadgeActivityProps[];
+};
+/**
+ * BadgeCardProps
+ */
+type BadgeCardProps = {
+    icon?: IconName$1;
+    iconURL?: string;
+    isLoading?: boolean;
+    displayName?: string;
+    imageURL?: string;
+    level?: number;
+    summary?: string;
+    criteria?: CriterionProps$1[];
+    choices?: BadgeActivityProps[];
+    canSubmit?: boolean;
+    finishedAt?: string;
+    preview?: boolean;
+    onClose?: () => void;
+    onSubmit?: () => void;
+};
+
+/**
+ * BadgeProps
+ */
+type BadgeProps = BadgeCardProps & BadgeButtonProps & {
+    badgeId?: string;
+    summary?: string;
+    status?: string;
+    code?: string;
+    editChoices?: boolean;
+    open?: boolean;
+    onOpen?: () => void;
+};
+/**
+ * Badge
+ * @param props
+ * @constructor
+ */
+declare const Badge: (props: BadgeProps) => JSX.Element;
+
+/**
+ * CriterionProps
+ */
+type CriterionProps = {
+    criterionId?: string;
+    displayName?: string;
+    namespace?: string;
+    options?: BadgeActivityProps[];
+    onClick?: () => void;
+};
+/**
+ * BadgeActivityMenuProps
+ */
+type BadgeActivityMenuProps = {
+    criteria?: CriterionProps[];
+    onBack?: () => void;
+};
+/**
+ * BadgeActivityMenu
+ * @param props
+ * @constructor
+ */
+declare const BadgeActivityMenu: (props: BadgeActivityMenuProps) => JSX.Element;
+
+type BadgeFilterOption = {
+    label: string;
+    isActive?: boolean;
+};
+/**
+ * BadgeSectionProps
+ */
+type BadgeSectionProps = {
+    badges: BadgeProps[];
+    isLoading?: boolean;
+    readonly?: boolean;
+    list?: boolean;
+    onToggleLayout?: (next: boolean) => void;
+    filters?: BadgeFilterOption[];
+    onFilterChange?: (next: BadgeFilterOption[]) => void;
+};
+/**
+ * BadgeSection
+ * @param props
+ * @constructor
+ */
+declare const BadgeSection: (props: BadgeSectionProps) => JSX.Element;
+
+/**
+ * BadgeSuccessDialogProps
+ */
+type BadgeSuccessDialogProps = {
+    displayName?: string;
+    xp?: number;
+    level?: number;
+    onClose?: () => void;
+};
+/**
+ * BadgeSuccessDialog
+ * @param props
+ * @constructor
+ */
+declare const BadgeSuccessDialog: (props: BadgeSuccessDialogProps) => JSX.Element;
+
+/**
+ * List of icons available
+ */
+declare const icons: readonly ["default", "calendar", "positive", "negative", "circle", "college & career", "arts & culture", "explore", "goal", "help", "leftArrow", "rightArrow", "policy & government", "recreation", "send", "shield", "profile", "volunteer", "clock", "sponsored", "globe", "pin", "milestone", "citizen", "cohort", "builder", "advocate", "leader", "representative", "bolt", "accept", "close", "menu-close", "pathway", "edit", "settings", "objective", "achievements", "badges", "milestones", "activity", "reflection", "registrations", "lock", "unlock", "badge", "waypoint", "apple", "guest speaker", "search", "menu", "todo", "done", "review", "contingent", "unqualified", "materials", "asynchronous", "synchronous", "export", "service-tracking"];
+
+/**
+ * The name of the icon.
+ */
+type IconName = typeof icons[number];
+/**
+ * The properties for the icon.
+ */
+type IconProps = {
+    name: IconName;
+};
+/**
+ * A component for icons.
+ */
+declare const Icon: (props: IconProps) => JSX.Element | null;
+
+/**
+ * The properties for the tab.
+ */
+type TabProps = {
+    icon?: IconName;
+    title?: string;
+    secondary?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+/**
+ * A component for an individual tab option.
+ * @param props
+ * @constructor
+ */
+declare const Tab: (props: TabProps) => JSX.Element;
+
+/**
+ * The properties for tabs.
+ */
+type BoardProps = {
+    isLoading?: boolean;
+    secondary?: boolean;
+    tabs?: React__default.ReactNode;
+    workflow?: React__default.ReactNode;
+};
+/**
+ * A component for tabs.
+ * @param props
+ * @constructor
+ */
+declare const Board: (props: BoardProps) => JSX.Element;
+
+/**
+ * The button color.
+ */
+type ButtonColor = "slate" | "sky" | "green" | "rose" | "emerald" | "primary" | "secondary" | "slate:sky" | "slate:icon" | "blue" | "dark-blue";
+/**
+ * The button size.
+ */
+type ButtonSize = "tiny" | "xs" | "sm" | "md" | "lg" | "xl" | "full:sm" | "full:md";
+/**
+ * The button spacing.
+ */
+type ButtonSpacing = "none" | "xs" | "sm" | "md" | "lg";
+/**
+ * The button theme.
+ */
+type ButtonTheme = "light" | "dark";
+/**
+ * The button justify.
+ */
+type ButtonJustify = "center" | "start";
+/**
+ * The button border.
+ */
+type ButtonBorder = "none" | "rectangle" | "rounded" | "rounded-sm" | "circle" | "circle-sm" | "icon:circle";
+/**
+ * The button filter.
+ */
+type ButtonFilter = "shadow" | "none";
+/**
+ * The properties for the button.
+ */
+type ButtonProps = {
+    type?: "submit" | "reset" | "button";
+    form?: boolean;
+    theme?: ButtonTheme;
+    active?: boolean;
+    disabled?: boolean;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    spacing?: ButtonSpacing;
+    icon?: IconName;
+    logo?: boolean;
+    justify?: ButtonJustify;
+    border?: ButtonBorder;
+    filter?: ButtonFilter;
+    text?: string;
+    footer?: string;
+    wide?: boolean;
+    onClick?: () => void;
+};
+/**
+ * A component for buttons.
+ * @param props
+ * @constructor
+ */
+declare const Button: (props: ButtonProps) => JSX.Element;
+
+/**
+ * DateSelection component props.
+ */
+type DateSelectionProps = {
+    isLoading?: boolean;
+    date?: Date | null;
+    setDate: (date: Date | null) => void;
+};
+/**
+ * DateSelection component.
+ * @param props
+ * @constructor
+ */
+declare const DateSelection: (props: DateSelectionProps) => JSX.Element;
+/**
+ * The properties for the day selection option.
+ */
+type DaySelectionOptionProps = {
+    today: boolean;
+    active: boolean;
+    currentMonth: boolean;
+    children: number;
+    onClick: () => void;
+};
+
+/**
+ * EventItemProps
+ */
+type EventItemProps = {
+    headline?: string;
+    pathway?: string;
+    onClick?: () => void;
+};
+/**
+ * EventItem
+ * @param props
+ * @constructor
+ */
+declare const EventItem: (props: EventItemProps) => JSX.Element;
+
+/**
+ * EventList props.
+ */
+type EventListProps = {
+    isLoading?: boolean;
+    date: Date | null;
+    onSetDate: (date: Date | null) => void;
+    children?: React__default.ReactNode;
+};
+/**
+ * EventList component.
+ * @param props
+ * @constructor
+ */
+declare const EventList: (props: EventListProps) => JSX.Element;
+
+/**
+ * CardProps
+ */
+type CardProps = {
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    onClose?: () => void;
+};
+/**
+ * Card
+ * @param props
+ * @constructor
+ */
+declare const Card: (props: CardProps) => JSX.Element;
+
+/**
+ * Home
+ * @constructor
+ */
+declare const Home: () => JSX.Element;
+
+/**
+ * FormItemProps
+ */
+type FormItemProps = {
+    itemId?: string;
+    displayName?: string | React__default.ReactNode;
+    description?: string;
+    format?: "question" | "image" | "embed" | "text";
+    questionType?: "radio" | "checkbox" | "drop down" | "file upload" | "text" | "date" | "time";
+    options?: string[];
+    paragraph?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    url?: string;
+    answerId?: string;
+    journalId?: string;
+    questionId?: string;
+    responses?: string[];
+    minText?: number;
+    children?: React__default.ReactNode;
+    onResponseChange?: (responses?: string[], file?: Blob) => void;
+    onTextBlur?: () => void;
+};
+
+/**
+ * LearningFormProps
+ */
+type LearningFormProps = {
+    formId?: string;
+    displayName?: string;
+    description?: string;
+    eta?: string;
+    imageURL?: string;
+    reflection?: string;
+    rating?: number;
+    items?: FormItemProps[];
+    preview?: boolean;
+    timeSpent?: number;
+    elapsedTime?: number;
+    stopWatchStarted?: boolean;
+    stopWatch?: React__default.ReactNode;
+    onHome?: () => void;
+    onGoBack?: () => void;
+    onSubmit?: (reflection: string, rating?: number) => Promise<any>;
+    onSaveDraft?: (items: FormItemProps[], reflection: string, rating?: number) => Promise<any>;
+};
+/**
+ * LearningForm
+ * @param props
+ * @constructor
+ */
+declare const LearningForm: (props: LearningFormProps) => JSX.Element;
+
+/**
+ * The properties for the loader.
+ */
+type LoaderProps = {
+    isLoading?: boolean;
+    children: React__default.ReactNode;
+};
+/**
+ * A component for content that is not ready to be displayed.
+ */
+declare const Loader: (props: LoaderProps) => JSX.Element;
+
+/**
+ * A component for Local Civics logo branding.
+ */
+declare const Logo: () => JSX.Element;
+
+/**
+ * The properties for the modal.
+ */
+type ModalProps = {
+    isLoading?: boolean;
+    visible?: boolean;
+    inline?: boolean;
+    top?: boolean;
+    plain?: boolean;
+    transparent?: boolean;
+    stage?: boolean;
+    children?: React__default.ReactNode;
+    onClose?: () => void;
+};
+/**
+ * A component for displaying modals
+ */
+declare const Modal: (props: ModalProps) => JSX.Element;
+
+/**
+ * The nav link name.
+ */
+type NavLinkName = "home" | "profile" | "explore" | "calendar" | "login" | "logout" | "menu" | "menu-close" | "faq" | "terms" | "privacy";
+/**
+ * The properties for navigation links.
+ */
+type NavLinkProps = {
+    name?: NavLinkName | string;
+    menu?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+/**
+ * A component for navigation links.
+ * @param props
+ * @constructor
+ */
+declare const NavLink: (props: NavLinkProps) => JSX.Element;
+
+/**
+ * The properties for the nav bar.
+ */
+type NavBarProps = {
+    children?: (React__default.ReactElement<NavLinkProps> | undefined)[] | React__default.ReactElement<NavLinkProps>;
+};
+/**
+ * A component for navigating the platform.
+ */
+declare const NavBar: (props: NavBarProps) => JSX.Element;
+
+/**
+ * NotFoundProps
+ */
+type NotFoundProps = {
+    visible?: boolean;
+    onHome?: () => void;
+};
+/**
+ * NotFound
+ * @param props
+ * @constructor
+ */
+declare const NotFound: (props: NotFoundProps) => JSX.Element;
+
+/**
+ * OnboardingProps
+ */
+type OnboardingProps = {
+    isLoading?: boolean;
+    hasOrganization?: boolean;
+    hasRegistration?: boolean;
+    hasInterests?: boolean;
+    search?: string;
+    persona?: string;
+    givenName?: string;
+    familyName?: string;
+    grade?: number;
+    impactStatement?: string;
+    interests?: string[];
+    organizations?: any[];
+    onDeclineLegalAgreement?: () => void;
+    onOrganizationSearch?: (search: string) => void;
+    onJoinOrganization?: (organizationId: string, accessCode?: string) => void;
+    onConfigureTenant: (changes: any) => void;
+    onFinish?: () => void;
+};
+/**
+ * A component for onboarding
+ * @param props
+ * @constructor
+ */
+declare const Onboarding: (props: OnboardingProps) => JSX.Element;
+
+/**
+ * OverlayProps
+ */
+type OverlayProps = {
+    children?: React.ReactNode;
+};
+/**
+ * Overlay
+ * @param props
+ * @constructor
+ */
+declare const Overlay: (props: OverlayProps) => JSX.Element;
+
+/**
+ * PathwayProps
+ */
+type PathwayButtonProps = {
+    active?: boolean;
+    name?: "policy & government" | "arts & culture" | "college & career" | "volunteer" | "recreation";
+    onClick?: () => void;
+};
+/**
+ * A component for displaying a single pathway
+ * @param props
+ * @constructor
+ */
+declare const PathwayButton: (props: PathwayButtonProps) => JSX.Element;
+
+/**
+ * PathwayFilter props
+ */
+interface PathwayFilterProps {
+    title: string;
+    pathways?: string[];
+    onChange?: (pathways: string[]) => void;
+}
+/**
+ * PathwayFilter
+ * @param props
+ * @constructor
+ */
+declare const PathwayFilter: FunctionComponent<PathwayFilterProps>;
+
+/**
+ * The activity progress height.
+ */
+type PathwayProgressHeight = "sm" | "md";
+/**
+ * The properties for the pathway progress.
+ */
+type PathwayProgressProps = {
+    xp?: number;
+    nextXP?: number;
+    level?: number;
+    open?: boolean;
+    title?: string;
+    icon?: IconName;
+    height?: PathwayProgressHeight;
+    onOpen?: () => void;
+};
+/**
+ * A component for displaying pathway progress.
+ * @param props
+ * @constructor
+ */
+declare const PathwayProgress: (props: PathwayProgressProps) => JSX.Element;
+
+/**
+ * The properties for the pathway progress widget
+ */
+interface PathwayWidgetProps {
+    isLoading?: boolean;
+    edit?: boolean;
+    onHelp?: () => void;
+    children?: React__default.ReactNode;
+}
+/**
+ * A widget to display pathway progress
+ * @param props
+ * @constructor
+ */
+declare const PathwayWidget: (props: PathwayWidgetProps) => JSX.Element;
+
+/**
+ * The properties for the about widget.
+ */
+type AboutWidgetProps = {
+    isLoading?: boolean;
+    edit?: boolean;
+    impactStatement?: string;
+    placeName?: string;
+    communityName?: string;
+    onEdit?: () => void;
+};
+/**
+ * A widget for displaying additional info about the resident.
+ * @param props
+ * @constructor
+ */
+declare const AboutWidget: (props: AboutWidgetProps) => JSX.Element;
+
+/**
+ * The properties for the achievement widget.
+ */
+interface AchievementWidgetProps {
+    isLoading?: boolean;
+    lessonsCompleted?: number;
+    badgesEarned?: number;
+    civicMilestones?: number;
+    serviceHours?: number;
+    openDisabled?: boolean;
+    openIcon?: IconName;
+    onOpen?: () => void;
+}
+/**
+ * A widget for displaying resident a achievement report.
+ * @param props
+ * @constructor
+ */
+declare const AchievementWidget: (props: AchievementWidgetProps) => JSX.Element;
+
+/**
+ * SettingsCardProps
+ */
+type SettingsCardProps = {
+    givenName?: string;
+    familyName?: string;
+    grade?: number;
+    impactStatement?: string;
+    avatarURL?: string;
+    accessToken?: string;
+    isLoading?: boolean;
+    visible?: boolean;
+    hasChanges?: boolean;
+    onClose?: () => void;
+    onSave?: (changes?: {
+        name?: string;
+        givenName?: string;
+        familyName?: string;
+        grade?: number;
+        subject?: string;
+        persona?: string;
+        impactStatement?: string;
+        interests?: string[];
+        avatar?: Blob;
+    }) => void;
+};
+/**
+ * SettingsCard
+ * @param props
+ * @constructor
+ */
+declare const SettingsCard: (props: SettingsCardProps) => JSX.Element;
+
+/**
+ * The properties for the impact score widget.
+ */
+type ImpactWidgetProps = {
+    level?: number;
+    xp?: number;
+    nextXP?: number;
+    isLoading?: boolean;
+};
+/**
+ * A widget for displaying the impact score.
+ * @param props
+ * @constructor
+ */
+declare const ImpactWidget: (props: ImpactWidgetProps) => JSX.Element;
+
+/**
+ * The properties for the resident.
+ */
+type ResidentWidgetProps = {
+    isLoading?: boolean;
+    avatarURL?: string;
+    tenantName?: string;
+    givenName?: string;
+    familyName?: string;
+    createdAt?: string;
+    online?: boolean;
+};
+/**
+ * A component for displaying a resident.
+ * @param props
+ * @constructor
+ */
+declare const ProfileWidget: (props: ResidentWidgetProps) => JSX.Element;
+
+/**
+ * The properties for progress.
+ */
+type ProgressProps = {
+    start: number;
+    end: number;
+    rounded?: boolean;
+    color?: "green" | "sky-blue";
+};
+/**
+ * A component for displaying progress.
+ */
+declare const Progress: (props: ProgressProps) => JSX.Element;
+
+/**
+ * The properties for the search button.
+ */
+type SearchButtonProps = {
+    disabled?: boolean;
+    placeholder?: string;
+    onClick?: () => void;
+};
+/**
+ * A component for starting a search via click.
+ * @param props
+ * @constructor
+ */
+declare const SearchButton: (props: SearchButtonProps) => JSX.Element;
+
+type SearchResultProps = {
+    title?: string;
+    icon?: IconName;
+    onClick?: () => void;
+};
+declare const SearchResult: (props: SearchResultProps) => JSX.Element;
+
+type SearchProps = {
+    autofocus?: boolean;
+    category?: string;
+    open?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    value?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    results?: React__default.ReactElement<SearchResultProps> | React__default.ReactElement<SearchResultProps>[] | null;
+    onSearch?: (search: string) => void;
+};
+declare const Search: (props: SearchProps) => JSX.Element;
+
+/**
+ * FormProps
+ */
+type FormProps = {
+    inReview?: boolean;
+    showSubmitDialogue?: boolean;
+    showExitDialogue?: boolean;
+    children?: React__default.ReactNode;
+    onSubmit?: (responses: any) => Promise<any>;
+    onClose?: () => void;
+};
+
+/**
+ * LogServiceButtonProps
+ */
+type LogServiceButtonProps = {
+    text?: string;
+    isOpen?: boolean;
+    form?: FormProps;
+    onSubmit?: (responses: any) => Promise<any>;
+    onClick?: () => void;
+};
+/**
+ * LogServiceButton
+ * @param props
+ * @constructor
+ */
+declare const LogServiceButton: (props: LogServiceButtonProps) => JSX.Element;
+
+/**
+ * StopwatchProps
+ */
+type CtaListProps = {
+    readOnly?: boolean;
+    ctaLabel?: string;
+};
+type StopwatchProps = {
+    time?: string;
+    ctaList?: CtaListProps[];
+    onCTAClick?: (ctaLabel: string) => void;
+    hide?: boolean;
+};
+/**
+ * A component for Stopwatch.
+ * @param props
+ * @constructor
+ */
+declare const Stopwatch: (props: StopwatchProps) => JSX.Element;
+
+/**
+ * TaskItemProps
+ */
+type TaskItemProps = {
+    headline?: string;
+    full?: boolean;
+    status?: "todo" | "in-progress" | "done";
+    onAction?: () => void;
+};
+/**
+ * TaskItem
+ * @param props
+ * @constructor
+ */
+declare const TaskItem: (props: TaskItemProps) => JSX.Element;
+
+/**
+ * The properties for the task workflow.
+ */
+type TaskListProps = {
+    isLoading?: boolean;
+    active?: "todo" | "in-progress" | "done";
+    onTodo?: () => void;
+    onInProgress?: () => void;
+    onDone?: () => void;
+    children?: React__default.ReactNode;
+};
+/**
+ * A component for the task workflow.
+ * @param props
+ * @constructor
+ */
+declare const TaskList: (props: TaskListProps) => JSX.Element;
+
+/**
+ * The properties for the widget body.
+ */
+type WidgetBodyProps = {
+    spacing?: "sm" | "md" | "none";
+    children?: React__default.ReactNode;
+};
+/**
+ * A component for the widget body.
+ * @param props
+ * @constructor
+ */
+declare const WidgetBody: (props: WidgetBodyProps) => JSX.Element;
+
+/**
+ * The properties for the widget header.
+ */
+type WidgetHeaderProps = {
+    loose?: boolean;
+    divide?: boolean;
+    children?: React__default.ReactNode;
+};
+/**
+ * A component for widget headers.
+ * @param props
+ * @constructor
+ */
+declare const WidgetHeader: (props: WidgetHeaderProps) => JSX.Element;
+
+/**
+ * The properties for the widget header link.
+ */
+type WidgetHeaderLinkProps = {
+    display?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    size?: ButtonSize;
+    children: string | React__default.ReactElement<IconProps>;
+};
+/**
+ * A component for widget header call to action.
+ * @param props
+ * @constructor
+ */
+declare const WidgetHeaderLink: (props: WidgetHeaderLinkProps) => JSX.Element | null;
+
+/**
+ * The properties for the widget title.
+ */
+type WidgetTitleProps = {
+    icon?: IconName;
+    children: React__default.ReactNode;
+};
+/**
+ * A component for widget titles.
+ * @param props
+ * @constructor
+ */
+declare const WidgetTitle: (props: WidgetTitleProps) => JSX.Element;
+
+/**
+ * The properties for the widget.
+ */
+type WidgetProps = {
+    headless?: boolean;
+    borderless?: boolean;
+    color?: "sky" | "inherit";
+    isLoading?: boolean;
+    children?: React__default.ReactNode;
+};
+/**
+ * A component for widgets.
+ * @param props
+ * @constructor
+ */
+declare const Widget: (props: WidgetProps) => JSX.Element;
+
+/**
+ * AuthLayoutProps
+ */
+type AuthLayoutProps = {
+    isLoading?: boolean;
+    pathname?: string;
+    page?: "profile" | "explore" | "calendar";
+    disabled?: boolean;
+    header?: React__default.ReactNode;
+    subheader?: React__default.ReactNode;
+    sidebar?: React__default.ReactNode;
+    main?: React__default.ReactNode;
+    outlet?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    onHome?: () => void;
+    onProfile?: () => void;
+    onExplore?: () => void;
+    onCalendar?: () => void;
+    onLogout?: () => void;
+    onFAQ?: () => void;
+    onPrivacy?: () => void;
+    onTerms?: () => void;
+    onSwitchAccount?: () => void;
+};
+/**
+ * AuthLayout
+ * @constructor
+ */
+declare const AuthLayout: (props: AuthLayoutProps & NavBarProps) => JSX.Element;
+
+/**
+ * HomeLayoutProps
+ */
+type HomeLayoutProps = {
+    isLoading?: boolean;
+    nickname?: string;
+    pathname?: string;
+    children?: React__default.ReactNode;
+    onProfile?: () => void;
+    onHome?: () => void;
+    onLogin?: () => void;
+    onFAQ?: () => void;
+    onPrivacy?: () => void;
+    onTerms?: () => void;
+};
+/**
+ * HomeLayout
+ * @constructor
+ */
+declare const HomeLayout: (props: HomeLayoutProps) => JSX.Element;
+
+export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, CtaListProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, PathwayButton, PathwayButtonProps, PathwayFilter, PathwayFilterProps, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayWidget, PathwayWidgetProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, Stopwatch, StopwatchProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };