lawgic-dev-kit 0.21.6 → 0.22.4

package/dist/src/components/atoms/CountryInput/CountryInput.types.d.ts

@@ -0,0 +1,37 @@
+import { Control, FieldValues, Path } from "react-hook-form";
+export type Country = {
+    labelES: string;
+    label: string;
+    code: string;
+    codeISO2: string;
+    phone: string;
+};
+export interface CountryDropdownProps<T extends FieldValues> {
+    countries?: Country[];
+    name: Path<T>;
+    control: Control<T>;
+    label?: string;
+    placeholder?: string;
+    language?: "en" | "es";
+    className?: string;
+}
+export interface CountryDropdownProps<T extends FieldValues> {
+    countries?: Country[];
+    name: Path<T>;
+    control: Control<T>;
+    label?: string;
+    placeholder?: string;
+    language?: "en" | "es";
+    className?: string;
+    translateKey?: string;
+}
+export interface CountryDropdownFieldProps {
+    countries: Country[];
+    value: Country | null;
+    onChange: (country: Country | null) => void;
+    label?: string;
+    placeholder?: string;
+    language?: "en" | "es";
+    error?: string;
+    className?: string;
+}

package/dist/src/components/atoms/CountryInput/index.d.ts

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

package/dist/src/components/atoms/CountryLabel/CountryLabel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Country } from '../../../constants/countries';
+declare const CountryLabel: React.FC<{
+    country: Country;
+}>;
+export default CountryLabel;

package/dist/src/components/atoms/CountryLabel/index.d.ts

@@ -0,0 +1 @@
+export { default as CountryLabel } from './CountryLabel';

package/dist/src/components/atoms/CountrySelectInput/CountryDropdown.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from "react-hook-form";
+import { CountryDropdownProps } from "./CountryDropdown.types";
+declare const CountryDropdown: <T extends FieldValues>({ countries, name, control, label, placeholder, language, className, }: CountryDropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CountryDropdown;

package/dist/src/components/atoms/CountrySelectInput/CountryDropdown.types.d.ts

@@ -0,0 +1,36 @@
+import { Control, FieldValues, Path } from "react-hook-form";
+export type Country = {
+    labelES: string;
+    label: string;
+    code: string;
+    codeISO2: string;
+    phone: string;
+};
+export interface CountryDropdownProps<T extends FieldValues> {
+    countries: Country[];
+    name: Path<T>;
+    control: Control<T>;
+    label?: string;
+    placeholder?: string;
+    language?: "en" | "es";
+    className?: string;
+}
+export interface CountryDropdownProps<T extends FieldValues> {
+    countries: Country[];
+    name: Path<T>;
+    control: Control<T>;
+    label?: string;
+    placeholder?: string;
+    language?: "en" | "es";
+    className?: string;
+}
+export interface CountryDropdownFieldProps {
+    countries: Country[];
+    value: Country | null;
+    onChange: (country: Country | null) => void;
+    label?: string;
+    placeholder?: string;
+    language?: "en" | "es";
+    error?: string;
+    className?: string;
+}

package/dist/src/components/atoms/CountrySelectInput/index.d.ts

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

package/dist/src/components/atoms/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface DividerProps {
+    className?: string;
+    direction?: 'horizontal' | 'vertical';
+}
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/dist/src/components/atoms/Divider/index.d.ts

@@ -0,0 +1 @@
+export { default as Divider } from './Divider';

package/dist/src/components/atoms/FilterPill/FilterPill.d.ts

@@ -0,0 +1,8 @@
+import { Filter, FilterControl } from "@/types/filters";
+interface FilterPillProps<T> {
+    filter: Omit<Filter<T>, "fn">;
+    filterControl: FilterControl<T>;
+    translations?: Record<string, string>;
+}
+declare const FilterPill: <T>({ filter, filterControl, translations, }: FilterPillProps<T>) => React.ReactElement;
+export default FilterPill;

package/dist/src/components/atoms/FilterPill/index.d.ts

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

package/dist/src/components/atoms/FloatingCard/FloatingCard.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { FloatingCardProps } from "./FloatingCard.types";
+declare const FloatingCard: React.FC<FloatingCardProps>;
+export default FloatingCard;

package/dist/{components/atoms/Tooltip/Tooltip.types.d.ts → src/components/atoms/FloatingCard/FloatingCard.types.d.ts}

@@ -1,6 +1,6 @@
-import { Placement } from '@floating-ui/dom';
-export interface TooltipProps {
-    message: React.ReactNode;
+import type { Placement } from "@floating-ui/dom";
+export interface FloatingCardProps {
+    content: React.ReactNode;
     children: React.ReactElement;
     className?: string;
     placement?: Placement;

package/dist/src/components/atoms/FloatingCard/index.d.ts

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

package/dist/src/components/atoms/IconButton/IconButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IconButtonProps } from "./IconButton.types";
+declare const IconButton: React.FC<IconButtonProps>;
+export default IconButton;

package/dist/src/components/atoms/IconButton/IconButton.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const resolveIconButtonClasses: (variant?: "filled" | "outline" | "transparent" | "invisible", color?: "blue" | "aqua" | "red" | "gray", size?: "lg" | "base" | "md" | "sm" | "xs", shadow?: "none" | "blue") => string;
+declare const iconSizeVariants: {
+    lg: string;
+    base: string;
+    md: string;
+    sm: string;
+    xs: string;
+};
+export declare const resolveIconClasses: (size?: keyof typeof iconSizeVariants) => string;
+export {};

package/dist/src/components/atoms/IconButton/IconButton.types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
+import { Color, Shadow, Size, Variant } from "../../../types/styleValues";
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: Variant;
+    color?: Color;
+    size?: Size;
+    shadow?: Shadow;
+    icon?: FontAwesomeIconProps['icon'];
+    iconProps?: Omit<FontAwesomeIconProps, 'icon'>;
+}

package/dist/src/components/atoms/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { default as IconButton } from './IconButton';

package/dist/src/components/atoms/ImageProfileInput/ImageProfileInput.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from "react-hook-form";
+import type { ImageProfileInputProps } from "./ImageProfileInput.types";
+declare const ImageProfileInput: <T extends FieldValues = FieldValues>({ src: defaultImageSrc, alt, isEditable, onChange, className, name, control, user, }: ImageProfileInputProps<T>) => React.ReactElement;
+export default ImageProfileInput;

package/dist/src/components/atoms/ImageProfileInput/ImageProfileInput.types.d.ts

@@ -0,0 +1,12 @@
+import { UserStructure } from 'legal-cycle-api-types';
+import { Control, FieldValues, Path } from "react-hook-form";
+export interface ImageProfileInputProps<T extends FieldValues = FieldValues> {
+    src: string;
+    alt: string;
+    isEditable?: boolean;
+    onChange?: (file: File | null) => void;
+    className?: string;
+    name?: Path<T>;
+    control?: Control<T>;
+    user?: UserStructure;
+}

package/dist/src/components/atoms/ImageProfileInput/ImageProfileInput.validators.d.ts

@@ -0,0 +1,9 @@
+import * as yup from "yup";
+declare const yupImageProfileValidator: yup.ObjectSchema<{
+    name: string | undefined;
+    base64: string | undefined;
+}, yup.AnyObject, {
+    name: undefined;
+    base64: undefined;
+}, "">;
+export default yupImageProfileValidator;

package/dist/src/components/atoms/ImageProfileInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ImageProfileInput } from "./ImageProfileInput";
+export { default as yupImageProfileValidator } from "./ImageProfileInput.validators";

package/dist/src/components/atoms/IndexedStep/IndexedStep.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type IndexedStepProps = {
+    index: number;
+    label: string;
+    active?: boolean;
+    completed?: boolean;
+};
+declare const IndexedStep: React.FC<IndexedStepProps>;
+export default IndexedStep;

package/dist/src/components/atoms/IndexedStep/index.d.ts

@@ -0,0 +1 @@
+export { default as IndexedStep } from './IndexedStep';

package/dist/src/components/atoms/InfoCard/InfoCard.d.ts

@@ -0,0 +1,3 @@
+import InfoCardProps from './InfoCard.types';
+declare const InfoCard: React.FC<InfoCardProps>;
+export default InfoCard;

package/dist/src/components/atoms/InfoCard/InfoCard.types.d.ts

@@ -0,0 +1,6 @@
+interface InfoCardProps {
+    imageUrl: string;
+    title: string;
+    subtitle: string;
+}
+export default InfoCardProps;

package/dist/src/components/atoms/InfoCard/index.d.ts

@@ -0,0 +1 @@
+export { default as InfoCard } from './InfoCard';

package/dist/src/components/atoms/InformationDisclaimer/InformationDisclaimer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { InformationDisclaimerProps } from "./InformationDisclaimer.types";
+declare const InformationDisclaimer: React.FC<InformationDisclaimerProps>;
+export default InformationDisclaimer;

package/dist/src/components/atoms/InformationDisclaimer/InformationDisclaimer.styles.d.ts

@@ -0,0 +1,9 @@
+import { InformationDisclaimerType } from "./InformationDisclaimer.types";
+export declare const resolveSizeStyles: (size: "small" | "normal") => {
+    containerStyles: string;
+    titleStyles: string;
+    descriptionStyles: string;
+    iconStyles: string;
+};
+export declare const resolveIconColor: (type: InformationDisclaimerType) => "bg-green-100 text-green-500" | "bg-yellow-100 text-yellow-500" | "bg-red-100 text-red-500" | "bg-blue-100 text-blue-500";
+export declare const resolveIcon: (type: InformationDisclaimerType) => "info" | import("@fortawesome/fontawesome-common-types").IconDefinition;

package/dist/src/components/atoms/InformationDisclaimer/InformationDisclaimer.types.d.ts

@@ -0,0 +1,10 @@
+export type InformationDisclaimerType = "success" | "informative" | "warning" | "error";
+export type InformationDisclaimerProps = {
+    title: string;
+    description: string;
+    className?: string;
+    showIcon?: boolean;
+    type?: InformationDisclaimerType;
+    iconClassName?: string;
+    size?: "small" | "normal";
+};

package/dist/src/components/atoms/InformationDisclaimer/index.d.ts

@@ -0,0 +1 @@
+export { default as InformationDisclaimer } from './InformationDisclaimer';

package/dist/src/components/atoms/LoadingProgress/LoadingProgress.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface LoadingProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    duration?: number;
+    label?: string;
+    initialProgress?: number;
+    automaticProgress?: boolean;
+    showProgress?: boolean;
+}
+declare const LoadingProgress: React.FC<LoadingProgressProps>;
+export default LoadingProgress;

package/dist/src/components/atoms/LoadingProgress/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadingProgress } from './LoadingProgress';

package/dist/src/components/atoms/LoadingSpinner/LoadingSpinner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface LoadingSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'circle' | 'cube';
+    size?: number;
+    color?: string;
+}
+declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
+export default LoadingSpinner;

package/dist/src/components/atoms/LoadingSpinner/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadingSpinner } from './LoadingSpinner';

package/dist/src/components/atoms/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { PasswordInputProps } from "./PasswordInput.types";
+import { FieldValues } from "react-hook-form";
+declare const PasswordInput: <T extends FieldValues>({ label, control, name, placeholder, className, disabled, size, leftSide, }: PasswordInputProps<T>) => React.ReactElement;
+export default PasswordInput;

package/dist/src/components/atoms/PasswordInput/PasswordInput.types.d.ts

@@ -0,0 +1,12 @@
+import { Control, FieldValues, Path } from "react-hook-form";
+export type PasswordInputProps<T extends FieldValues> = {
+    label: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    control: Control<T>;
+    name: Path<T>;
+    leftSide?: React.ReactNode;
+    rightSide?: React.ReactNode;
+};

package/dist/src/components/atoms/PasswordInput/index.d.ts

@@ -0,0 +1 @@
+export { default as PasswordInput } from './PasswordInput';

package/dist/src/components/atoms/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { FieldValues } from "react-hook-form";
+import { PhoneInputProps } from "./PhoneInput.types";
+declare const PhoneInput: <T extends FieldValues = FieldValues>({ name, control, label, placeholder, language, className, translateKey, countries, }: PhoneInputProps<T>) => React.ReactElement;
+export default PhoneInput;

package/dist/src/components/atoms/PhoneInput/PhoneInput.types.d.ts

@@ -0,0 +1,12 @@
+import { Control, FieldValues, Path } from "react-hook-form";
+import { Country } from "../../../constants/countries";
+export interface PhoneInputProps<T extends FieldValues = FieldValues> {
+    countries?: Country[];
+    name: Path<T>;
+    control: Control<T>;
+    label?: string;
+    placeholder?: string;
+    language?: string;
+    className?: string;
+    translateKey?: string;
+}

package/dist/src/components/atoms/PhoneInput/index.d.ts

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

package/dist/src/components/atoms/Pill/Pill.d.ts

@@ -0,0 +1,8 @@
+interface PillProps {
+    label: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+    readOnly?: boolean;
+}
+declare const Pill: ({ label, onClick, onRemove, readOnly, }: PillProps) => React.ReactElement;
+export default Pill;

package/dist/src/components/atoms/Pill/index.d.ts

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

package/dist/src/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import type { ProgressBarProps } from "./ProgressBar.types";
+declare const ProgressBar: ({ progress, showPercentage, color, className, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/dist/src/components/atoms/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,7 @@
+import { Color } from "../../../types/styleValues";
+interface ProgressBarColorConfig {
+    bgColor: string;
+    fillColor: string;
+}
+export declare const resolveProgressBarColors: (color: Color) => ProgressBarColorConfig;
+export {};

package/dist/src/components/atoms/ProgressBar/ProgressBar.types.d.ts

@@ -0,0 +1,6 @@
+import { Color } from "../../../types/styleValues";
+export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    progress: number;
+    showPercentage?: boolean;
+    color?: Color;
+}

package/dist/src/components/atoms/ProgressBar/index.d.ts

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

package/dist/src/components/atoms/SearchBar/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SearchBar: React.FC;

package/dist/src/components/atoms/SectionButton/SectionButton.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { DesktopSectionButtonTypes } from "./desktop";
+import { MobileSectionButtonTypes } from "./mobile";
+interface DesktopSectionButtonProps extends DesktopSectionButtonTypes {
+    display: "desktop";
+}
+interface MobileSectionButtonProps extends MobileSectionButtonTypes {
+    display: "mobile";
+}
+type SectionButtonProps = DesktopSectionButtonProps | MobileSectionButtonProps;
+declare const SectionButton: React.FC<SectionButtonProps>;
+export default SectionButton;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.d.ts

@@ -0,0 +1,3 @@
+import { SectionButtonProps } from "./SectionButton.types";
+declare const SectionButton: React.FC<SectionButtonProps>;
+export default SectionButton;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.styles.d.ts

@@ -0,0 +1,2 @@
+import { Color } from "../../../../types/styleValues";
+export declare const resolveSectionButtonClasses: (active?: boolean, color?: Color) => string;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.types.d.ts

@@ -0,0 +1,37 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { Color } from "../../../../types/styleValues";
+export interface SectionButtonProps {
+    /**
+     * The label text of the button
+     */
+    label: string;
+    /**
+     * URL to navigate to when the button is clicked (renders as an anchor tag)
+     */
+    href?: string;
+    /**
+     * Click event handler
+     */
+    onClick?: (e: React.MouseEvent) => void;
+    /**
+     * Whether the button is in active state
+     */
+    active?: boolean;
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes to apply
+     */
+    className?: string;
+    /**
+     * Optional icon to display
+     */
+    icon?: IconProp;
+    /**
+     * Color scheme for the button
+     */
+    color?: Color;
+}
+export default SectionButtonProps;

package/dist/src/components/atoms/SectionButton/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DesktopSectionButton } from "./SectionButton";
+export type { default as DesktopSectionButtonTypes } from "./SectionButton.types";

package/dist/src/components/atoms/SectionButton/index.d.ts

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

package/dist/src/components/atoms/SectionButton/mobile/MobileSectionButton.styles.d.ts

@@ -0,0 +1,3 @@
+import { Color } from "../../../../types/styleValues";
+export declare const resolveSectionButtonIconClasses: (active?: boolean, color?: Color) => string;
+export declare const resolveSectionButtonClasses: (active?: boolean, color?: Color) => string;

package/dist/src/components/atoms/SectionButton/mobile/SectionButton.d.ts

@@ -0,0 +1,3 @@
+import SectionButtonProps from "./SectionButton.types";
+declare const SectionButton: React.FC<SectionButtonProps>;
+export default SectionButton;

package/dist/src/components/atoms/SectionButton/mobile/SectionButton.types.d.ts

@@ -0,0 +1,37 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { Color } from "../../../../types/styleValues";
+export interface SectionButtonProps {
+    /**
+     * The label text of the button
+     */
+    label: string;
+    /**
+     * URL to navigate to when the button is clicked (renders as an anchor tag)
+     */
+    href?: string;
+    /**
+     * Click event handler
+     */
+    onClick?: (e: React.MouseEvent) => void;
+    /**
+     * Whether the button is in active state
+     */
+    active?: boolean;
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes to apply
+     */
+    className?: string;
+    /**
+     * Optional icon to display
+     */
+    icon?: IconProp;
+    /**
+     * Color scheme for the button
+     */
+    color?: Color;
+}
+export default SectionButtonProps;

package/dist/src/components/atoms/SectionButton/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MobileSectionButton } from "./SectionButton";
+export type { default as MobileSectionButtonTypes } from "./SectionButton.types";

package/dist/src/components/atoms/SelectInput/SelectInput.d.ts

@@ -1,4 +1,4 @@
 import { FieldValues } from "react-hook-form";
 import type { SelectInputProps } from "./SelectInput.types";
-declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, dropdownStyle, innerClassName, showChevron, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, dropdownStyle, innerClassName, showChevron, size, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default SelectInput;

package/dist/src/components/atoms/SelectInput/SelectInput.types.d.ts

@@ -15,6 +15,7 @@ export interface SelectInputProps<T extends FieldValues> {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
+    size?: 'sm' | 'md';
 }
 export interface SelectInputFieldProps {
     options: Option[];
@@ -28,4 +29,5 @@ export interface SelectInputFieldProps {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
+    size?: 'sm' | 'md';
 }

package/dist/src/components/atoms/SelectInput/index.d.ts

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

package/dist/src/components/atoms/SidebarButton/SidebarButton.d.ts

@@ -0,0 +1,13 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { Color } from "../../../types/styleValues";
+interface SidebarButtonProps {
+    active: boolean;
+    icon: IconProp;
+    label: string;
+    onClick: () => void;
+    expanded: boolean;
+    disabled?: boolean;
+    color?: Color;
+}
+declare const SidebarButton: React.FC<SidebarButtonProps>;
+export default SidebarButton;

package/dist/src/components/atoms/SidebarButton/SidebarButton.styles.d.ts

@@ -0,0 +1,9 @@
+import { Color } from "../../../types/styleValues";
+interface SidebarButtonColorConfig {
+    activeTextColor: string;
+    activeBgColor: string;
+    hoverBgColor: string;
+    activeIconColor: string;
+}
+export declare const resolveSidebarButtonColors: (color: Color) => SidebarButtonColorConfig;
+export {};

package/dist/src/components/atoms/SidebarButton/index.d.ts

@@ -0,0 +1 @@
+export { default as SidebarButton } from './SidebarButton';

package/dist/src/components/atoms/StepIndicator/StepIndicator.d.ts

@@ -0,0 +1,5 @@
+import { StepProps } from "../../../types";
+declare const StepIndicator: React.FC<StepProps & {
+    sizeClass?: string;
+}>;
+export default StepIndicator;

package/dist/src/components/atoms/StepIndicator/index.d.ts

@@ -0,0 +1 @@
+export { default as StepIndicator } from './StepIndicator';

package/dist/src/components/atoms/Switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type SwitchProps = {
+    active: boolean;
+    onClick?: () => void;
+};
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/dist/src/components/atoms/Switch/index.d.ts

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

package/dist/src/components/atoms/Tab/Tab.d.ts

@@ -0,0 +1,3 @@
+import TabProps from "./Tab.types";
+declare const Tab: ({ label, icon, isSelected, onClick, variant, direction, labelClassName, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export default Tab;

package/dist/src/components/atoms/Tab/Tab.styles.d.ts

@@ -0,0 +1,6 @@
+declare const tabVariantClasses: {
+    default: string;
+    underline: string;
+};
+export declare const resolveTabClasses: (variant?: keyof typeof tabVariantClasses, isSelected?: boolean) => string;
+export {};

package/dist/src/components/atoms/Tab/Tab.types.d.ts

@@ -0,0 +1,11 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+export default interface TabProps {
+    href?: string;
+    label: string;
+    icon?: IconProp;
+    isSelected?: boolean;
+    direction?: "row" | "col";
+    onClick?: () => void;
+    variant?: "default" | "underline";
+    labelClassName?: string;
+}

package/dist/src/components/atoms/Tab/index.d.ts

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