period-ui 0.1.19 → 0.1.20

package/dist/components/atoms/billo-icon/billo-icon-types.d.ts

@@ -0,0 +1,116 @@
+export declare enum IconSymbol {
+    WARNING = "icon-warning",
+    CHEVRON_DOWN = "icon-chevron-down",
+    CHEVRON_UP = "icon-chevron-up",
+    CHEVRON_RIGHT = "icon-chevron-right",
+    CHEVRON_LEFT = "icon-chevron-left",
+    COPY = "icon-copy",
+    DOT_MENU = "icon-dot-menu",
+    FUNNEL = "icon-funnel",
+    CLOCK_WARNING = "icon-clock-warning",
+    SPINNER = "icon-spinner",
+    MINUS = "icon-minus",
+    MAGNIFYING_GLASS = "icon-magnifying-glass",
+    ARROWS_LEFT_RIGHT = "icon-arrows-left-right",
+    TAG = "icon-tag",
+    CALENDER = "icon-calendar",
+    CHECK_CIRCLE = "icon-check-circle",
+    ADDRESS_BOOK = "icon-address-book",
+    ICON_X = "icon-x",
+    CREDIT_CARD = "icon-credit-card",
+    POS = "icon-pos",
+    FILE = "icon-file",
+    DOWNLOAD = "icon-download",
+    PENCIL = "icon-pencil",
+    ALERT = "icon-alert",
+    QUESTION_CONTAINED = "icon-question-contained",
+    EYE_SLASH = "icon-eye-slash",
+    IMAGE = "icon-image",
+    UPLOAD = "icon-upload",
+    LINK = "icon-link",
+    SIGN_OUT = "icon-sign-out",
+    MASTER_CARD = "icon-mastercard",
+    MENU = "icon-menu",
+    FILE_PDF = "icon-file-pdf",
+    PLUS = "icon-plus",
+    BASKET = "icon-basket",
+    STOCK = "icon-stock",
+    QR_CODE = "icon-qr-code",
+    X_CIRCLE = "icon-x-circle",
+    PIE_CHART = "icon-pie-chart",
+    MAGNIFYING_GLASS_X = "icon-magnifying-glass-x",
+    PAPER_PLANE = "icon-paper-plane",
+    GEAR = "icon-gear",
+    EYE = "icon-eye",
+    CLIPBOARD = "icon-clipboard",
+    INFO = "icon-info",
+    TRASH = "icon-trash",
+    LINK_BREAK = "icon-link-break",
+    ELECTRICITY_BILL = "icon-electricity-bill",
+    VISA = "icon-visa",
+    RECEIPT = "icon-receipt",
+    RECEIPT_CONTAINED = "icon-receipt-contained",
+    CLOCK = "icon-clock",
+    CARET_DOWN = "icon-caret-down",
+    CARET_UP = "icon-caret-up",
+    QUESTION = "icon-question",
+    USER_CONTAINED = "icon-user-contained",
+    WHATSAPP = "icon-whatsapp",
+    STORE_CLOCK = "icon-store-clock",
+    PHONE_CALL = "icon-phone-call",
+    LOCK = "icon-lock",
+    ARROW_SQUARE_OUT = "icon-arrow-square-out",
+    ARROW_LEFT = "icon-arrow-left",
+    ARROW_RIGHT = "icon-arrow-right",
+    DEVICES = "icon-devices",
+    CASH = "icon-cash",
+    BANK = "icon-bank",
+    MOBILE = "icon-mobile",
+    CHECK = "icon-check",
+    MEGAPHONE = "icon-megaphone",
+    BELL = "icon-bell",
+    STOREFRONT = "icon-storefront",
+    HOUSE = "icon-house",
+    ARROW_CLOCKWISE = "icon-arrow-clockwise",
+    ENVELOPE = "icon-envelope",
+    USER = "icon-user",
+    CHECK_SEAL = "icon-check-seal",
+    PIN = "icon-pin",
+    BILLO_LOGO = "icon-billo-logo",
+    BN_LOGO = "icon-banco-nacional-logo",
+    SHOPPING_CART = "icon-shopping-cart",
+    WARNING_FILLED = "icon-warning-filled",
+    INFO_FILLED = "icon-info-filled",
+    CHECK_CIRCLE_FILLED = "icon-check-circle-filled",
+    ALERT_FILLED = "icon-alert-filled",
+    DUPLICATE_AND_SEND = "icon-duplicate-and-send",
+    NUMBER_PAD = "icon-number-pad"
+}
+export declare enum IconSize {
+    XXS = "text-[10px]",
+    XS = "text-[12px]",
+    SM = "text-[14px]",
+    MD = "text-[16px]",
+    LG = "text-[18px]",
+    XL = "text-[20px]",
+    TWO_XL = "text-[24px]",
+    THREE_XL = "text-[30px]",
+    FOUR_XL = "text-[36px]",
+    FIVE_XL = "text-[48px]",
+    SIX_XL = "text-[60px]",
+    SEVEN_XL = "text-[72px]",
+    EIGHT_XL = "text-[96px]"
+}
+export declare enum IconColor {
+    WHITE = "text-white",
+    BLUE_01 = "text-blue-01",
+    BLUE_02 = "text-blue-02",
+    BLUE_03 = "text-blue-03",
+    GREEN_02 = "text-green-02",
+    YELLOW_02 = "text-yellow-02",
+    RED_02 = "text-red-02",
+    GRAY_02 = "text-gray-02",
+    GRAY_03 = "text-gray-03",
+    RED_01 = "text-red-01"
+}
+//# sourceMappingURL=billo-icon-types.d.ts.map

package/dist/components/atoms/billo-icon/billo-icon.d.ts

@@ -0,0 +1,11 @@
+import { IconColor, IconSize, IconSymbol } from './billo-icon-types';
+type Props = {
+    icon: IconSymbol;
+    size?: IconSize;
+    color?: IconColor;
+    touchTarget?: string;
+    className?: string;
+};
+export declare function BilloIcon({ icon, size, color, touchTarget, className, }: Props): JSX.Element;
+export type { Props as BilloIconProps };
+//# sourceMappingURL=billo-icon.d.ts.map

package/dist/components/atoms/billo-icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './billo-icon';
+export * from './billo-icon-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/button/button-types.d.ts

@@ -0,0 +1,6 @@
+export declare enum ButtonVariant {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    DESTRUCTIVE = "destructive"
+}
+//# sourceMappingURL=button-types.d.ts.map

package/dist/components/atoms/button/button.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonStyles: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type Props = ComponentProps<'button'> & VariantProps<typeof buttonStyles>;
+export declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export type { Props as ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/atoms/button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './button';
+export * from './button-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/check-box/check-box-types.d.ts

@@ -0,0 +1,10 @@
+export declare enum CheckboxVariant {
+    DEFAULT = "DEFAULT",
+    INTERMEDIATE = "INTERMEDIATE",
+    DESTRUCTIVE = "DESTRUCTIVE"
+}
+export type ExcludedVariants = Exclude<CheckboxVariant, CheckboxVariant.INTERMEDIATE>;
+export declare const checkBoxStyles: {
+    [type in ExcludedVariants]: string;
+};
+//# sourceMappingURL=check-box-types.d.ts.map

package/dist/components/atoms/check-box/check-box.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxVariant } from '@/components';
+type Props = {
+    value?: boolean;
+    isDisabled?: boolean;
+    label?: string;
+    className?: string;
+    labelName?: string;
+    containerClassName?: string;
+    variant?: CheckboxVariant;
+    onCheckToggle?: (value: boolean) => void;
+};
+export declare function Checkbox({ value, isDisabled, label, className, labelName, containerClassName, variant, onCheckToggle, }: Props): import("react/jsx-runtime").JSX.Element;
+export type { Props as CheckboxProps };
+//# sourceMappingURL=check-box.d.ts.map

package/dist/components/atoms/check-box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './check-box';
+export * from './check-box-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/chip/chip/chip.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    id: string;
+    label: string;
+    className?: string;
+    onClick?: () => void;
+};
+export declare function Chip({ id, label, className, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export type { Props as ChipProps };
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/atoms/chip/chip/components/clear-button.d.ts

@@ -0,0 +1,11 @@
+import { IconColor, IconSize } from '../../../../../components';
+type Props = {
+    isDisabled?: boolean;
+    size?: IconSize;
+    color?: IconColor;
+    onClick: () => void;
+    className?: string;
+};
+export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
+export type { Props as ClearButtonProps };
+//# sourceMappingURL=clear-button.d.ts.map

package/dist/components/atoms/chip/chip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/chip/chips-list/chips-list.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+export type ChipOptionsProps = {
+    label: string;
+    value: string;
+    onClear: () => void;
+};
+type Props = {
+    data: ChipOptionsProps[];
+    firstComponent?: ReactElement;
+    lasItemComponent?: ReactElement;
+    className?: string;
+};
+export declare function ChipList({ data, className, firstComponent, lasItemComponent }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chips-list.d.ts.map

package/dist/components/atoms/chip/chips-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chips-list';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/drop-down-menu/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './menu-item';
+export * from './menu-item-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/drop-down-menu/components/menu-item-types.d.ts

@@ -0,0 +1,7 @@
+export declare enum MenuItemVariant {
+    DEFAULT = "DEFAULT",
+    TEXT_BUTTON = "TEXT_BUTTON",
+    DESTRUCTIVE = "DESTRUCTIVE",
+    CHECK_BOX = "CHECK_BOX"
+}
+//# sourceMappingURL=menu-item-types.d.ts.map

package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts

@@ -0,0 +1,16 @@
+import { IconSymbol } from '../../../../components';
+import { MenuItemVariant } from './menu-item-types';
+type Props = {
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    id: string;
+    label: string;
+    className?: string;
+    helperLabel?: string;
+    variant?: MenuItemVariant;
+    icon?: IconSymbol;
+    onClick?: () => void;
+};
+export declare function MenuItem({ isDisabled, isSelected, id, label, className, helperLabel, variant, icon, onClick, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement } from 'react';
+import { IconSymbol } from '../../../components';
+import { MenuItemVariant } from './components';
+export type DropDownMenuOptionProps = {
+    label: string;
+    value: string;
+    icon?: IconSymbol;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    helperLabel?: string;
+    variant?: MenuItemVariant;
+    onClick?: () => void;
+};
+type Props = {
+    className?: string;
+    selectedIDs: string[];
+    variant?: MenuItemVariant;
+    emptyElement?: ReactElement;
+    options: DropDownMenuOptionProps[];
+};
+export declare function DropDownMenu({ options, className, emptyElement, selectedIDs, variant, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=drop-down-menu.d.ts.map

package/dist/components/atoms/drop-down-menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './drop-down-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/icon-button/icon-button.d.ts

@@ -0,0 +1,12 @@
+import { IconColor, IconSize, IconSymbol } from '../../../components';
+type Props = {
+    isDisabled?: boolean;
+    icon: IconSymbol;
+    size?: IconSize;
+    color?: IconColor;
+    onClick?: () => void;
+    className?: string;
+};
+export declare function IconButton({ isDisabled, icon, size, color, onClick, className, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/components/atoms/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon-button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/search-bar/components/clear-button.d.ts

@@ -0,0 +1,10 @@
+import { IconSize } from '../../../../components';
+type Props = {
+    isDisabled: boolean;
+    size?: IconSize;
+    onClick: () => void;
+    className?: string;
+};
+export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=clear-button.d.ts.map

package/dist/components/atoms/search-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './search-bar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/search-bar/search-bar.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEvent } from 'react';
+type Props = {
+    isDisabled?: boolean;
+    value: string;
+    placeholder?: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    className?: string;
+};
+export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/components/atoms/text/index.d.ts

@@ -0,0 +1,3 @@
+export * from './text';
+export * from './text-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/text/text-types.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export declare enum TextVariant {
+    HEADLINE = "headline",
+    SUBTITLE = "subtitle",
+    ACCENT = "accent",
+    BODY = "body",
+    BODY_SEMIBOLD = "bodySemibold",
+    BODY_BOLD = "bodyBold",
+    LINK = "link",
+    HELPER = "helper"
+}
+export declare const TextStyle: Record<TextVariant, string>;
+export declare enum TextColors {
+    WHITE = "text-white",
+    BLACK = "text-gray-01",
+    BLACK_02 = "text-gray-02",
+    BLACK_03 = "text-gray-03",
+    BLUE = "text-blue-01",
+    BLUE_03 = "text-blue-03",
+    RED = "text-red-01",
+    RED_03 = "text-red-03",
+    PURPLE = "text-purple-01"
+}
+export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+export type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export type InheritableElementProps<C extends React.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
+export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = InheritableElementProps<C, Props & AsProp<C>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};
+//# sourceMappingURL=text-types.d.ts.map

package/dist/components/atoms/text/text.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { PolymorphicComponentPropsWithRef, TextColors, TextVariant } from './text-types';
+declare const textStyles: (props?: ({
+    variant?: TextVariant | null | undefined;
+    color?: TextColors | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type TextProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, Omit<VariantProps<typeof textStyles>, 'variant' | 'color'> & {
+    variant?: TextVariant;
+    color?: TextColors;
+}>;
+type TextComponent = <C extends React.ElementType = 'span'>(props: TextProps<C>) => React.ReactElement | null;
+export declare const Text: TextComponent;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/atoms/text-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './text-button';
+export * from './text-button-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/text-button/text-button-types.d.ts

@@ -0,0 +1,8 @@
+export declare enum TextButtonVariant {
+    DEFAULT = "DEFAULT",
+    DESTRUCTIVE = "DESTRUCTIVE"
+}
+export declare const textButtonStyles: {
+    [type in TextButtonVariant]: string;
+};
+//# sourceMappingURL=text-button-types.d.ts.map

package/dist/components/atoms/text-button/text-button.d.ts

@@ -0,0 +1,13 @@
+import { IconSymbol } from '../../../components';
+import { TextButtonVariant } from './text-button-types';
+type Props = {
+    isDisabled?: boolean;
+    label: string;
+    className?: string;
+    icon?: IconSymbol;
+    variant?: TextButtonVariant;
+    onClick: () => void;
+};
+export declare function TextButton({ isDisabled, label, className, icon, variant, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text-button.d.ts.map

package/dist/components/index.d.ts

@@ -0,0 +1,16 @@
+export * from './atoms/billo-icon';
+export * from './atoms/button';
+export * from './atoms/check-box';
+export * from './atoms/chip/chip';
+export * from './atoms/chip/chips-list';
+export * from './atoms/drop-down-menu';
+export * from './atoms/icon-button';
+export * from './atoms/search-bar';
+export * from './atoms/text';
+export * from './atoms/text-button';
+export * from './molecules/form';
+export * from './molecules/form/form-select';
+export * from './molecules/form/form-text-field';
+export * from './molecules/select';
+export * from './molecules/text-field';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/form-select/form-select.d.ts

@@ -0,0 +1,7 @@
+import { FormControlProps } from '../../../../containers';
+import { SelectProps } from '../../../../components';
+export type FormSelectProps = FormControlProps & SelectProps & {
+    formControlClassName?: string;
+};
+export declare function FormSelect({ formControlClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-select.d.ts.map

package/dist/components/molecules/form/form-select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/form-story-stubs.d.ts

@@ -0,0 +1,11 @@
+import { FormikValues } from 'formik';
+import { FormHelpers, FormRenderProps } from './form-types';
+export type TestFormValues = {
+    test: string;
+};
+export type FormConfig<FormValuesType> = {
+    initialValues: FormValuesType;
+    onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
+};
+export declare function createMockFormikProps<T extends FormikValues>(config: FormConfig<T>): FormRenderProps<T>;
+//# sourceMappingURL=form-story-stubs.d.ts.map

package/dist/components/molecules/form/form-test-stubs.d.ts

@@ -0,0 +1,6 @@
+import { FormRenderProps } from './form-types';
+export type TestFormValues = {
+    test: string;
+};
+export declare const mockFormProps: FormRenderProps<TestFormValues>;
+//# sourceMappingURL=form-test-stubs.d.ts.map

package/dist/components/molecules/form/form-text-field/form-text-field.d.ts

@@ -0,0 +1,7 @@
+import { FormControlProps } from '../../../../containers';
+import { TextFieldProps } from '../../../../components';
+export type FormTextFieldProps = FormControlProps & TextFieldProps & {
+    formControlClassName?: string;
+};
+export declare function FormTextField({ formControlClassName, ...props }: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-text-field.d.ts.map

package/dist/components/molecules/form/form-text-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-text-field';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/form-types.d.ts

@@ -0,0 +1,24 @@
+import BaseSchema from 'yup/lib/schema';
+import { FormikHelpers, FormikProps } from 'formik';
+export type FormNames<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FormErrors<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FormSchema<FormValuesType> = {
+    [key in keyof FormValuesType]: BaseSchema;
+};
+export type FormHelpers<FormValuesType> = FormikHelpers<FormValuesType>;
+export type FormRenderProps<FormValuesType> = FormikProps<FormValuesType> & {
+    submitButtonDisabled: boolean;
+};
+export type FormConfig<FormValuesType> = {
+    enableReinitialize?: boolean;
+    names: FormNames<FormValuesType>;
+    initialValues: FormValuesType;
+    validationSchema?: FormSchema<FormValuesType>;
+    innerRef?: React.Ref<FormikProps<FormValuesType>>;
+    onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
+};
+//# sourceMappingURL=form-types.d.ts.map

package/dist/components/molecules/form/form.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FormikValues } from 'formik';
+import { FormConfig, FormNames, FormRenderProps } from './form-types';
+type FormProps<FormValuesType> = {
+    id?: string;
+    config: FormConfig<FormValuesType>;
+    className?: string;
+    children: (props: FormRenderProps<FormValuesType>, names: FormNames<FormValuesType>) => React.ReactElement;
+};
+export declare function Form<FormValuesType extends FormikValues>({ id, config, className, children, }: FormProps<FormValuesType>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form.d.ts.map

package/dist/components/molecules/form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form';
+export * from './form-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/select/components/select-input.d.ts

@@ -0,0 +1,8 @@
+export type SelectInputProps = {
+    isDisabled?: boolean;
+    className?: string;
+    inputValue: string;
+    handleInputChange: (value: string) => void;
+};
+export declare const SelectInput: import("react").ForwardRefExoticComponent<SelectInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=select-input.d.ts.map

package/dist/components/molecules/select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './select';
+export * from './use-select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/select/select.d.ts

@@ -0,0 +1,16 @@
+import { DropDownMenuOptionProps } from '../../../components';
+export type SelectProps = {
+    isDisabled?: boolean;
+    isMultiSelect?: boolean;
+    removeOnSelect?: boolean;
+    isErrorVisible?: boolean;
+    className?: string;
+    emptyLabel?: string;
+    initialInputValue?: string;
+    initialValues?: string[] | string;
+    options: DropDownMenuOptionProps[];
+    onChangeText?: (value: string) => void;
+    onOptionChange?: (options: string[]) => void;
+};
+export declare function Select({ isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onChangeText, onOptionChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

package/dist/components/molecules/select/use-select.d.ts

@@ -0,0 +1,23 @@
+import { ChipOptionsProps, DropDownMenuOptionProps } from '@/components';
+export type UseSelectHook = {
+    openDropdownMenu: boolean;
+    inputValue: string;
+    selectedValues: string[];
+    chipsData: ChipOptionsProps[];
+    searchedOptions: DropDownMenuOptionProps[];
+    inputRef: React.RefObject<HTMLInputElement>;
+    containerRef: React.RefObject<HTMLInputElement>;
+    handleDropdownMenu: () => void;
+    handleInputChange: (value: string) => void;
+};
+export type UseSelectProps = {
+    isMultiSelect: boolean;
+    removeOnSelect: boolean;
+    initialInputValue?: string;
+    options: DropDownMenuOptionProps[];
+    initialValues?: string[] | string;
+    onChangeText?: (value: string) => void;
+    onOptionChange?: (options: string[]) => void;
+};
+export declare function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options, initialValues, onChangeText, onOptionChange, }: UseSelectProps): UseSelectHook;
+//# sourceMappingURL=use-select.d.ts.map

package/dist/components/molecules/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text-field';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/text-field/text-field.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+type InputFieldProps = {
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    value?: any;
+    onBlur?: (event?: any) => void;
+    onChange?: (event?: any) => void;
+    onFocus?: (event?: any) => void;
+    className?: string;
+};
+type IntrinsicInputFieldProps = InputFieldProps & JSX.IntrinsicElements['input'];
+export type TextFieldProps = IntrinsicInputFieldProps & {
+    ref?: RefObject<any>;
+    inputForwardedRef?: RefObject<any>;
+};
+export declare function TextField({ isRequired, isDisabled, type, name, value, placeholder, onBlur, onChange, className, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text-field.d.ts.map

package/dist/containers/form-control/components/form-error.d.ts

@@ -0,0 +1,7 @@
+type FormErrorProps = {
+    errorText: string;
+    className?: string;
+};
+export declare function FormError({ errorText, className }: FormErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-error.d.ts.map

package/dist/containers/form-control/components/form-helper.d.ts

@@ -0,0 +1,9 @@
+import { TextColors } from '../../../components';
+type Props = {
+    helperText: string;
+    color?: TextColors;
+    className?: string;
+};
+export declare function FormHelper({ helperText, className, color }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-helper.d.ts.map

package/dist/containers/form-control/components/form-label.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    isRequired?: boolean;
+    hideRequiredMark?: boolean;
+    label: string;
+    optionalLabel?: string;
+    className?: string;
+};
+export declare function FormLabel({ isRequired, hideRequiredMark, label, className, optionalLabel, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-label.d.ts.map

package/dist/containers/form-control/form-control-types.d.ts

@@ -0,0 +1,11 @@
+export declare enum FormInputWidth {
+    ONE_COLUMN = "ONE_COLUMN",
+    TWO_COLUMN = "TWO_COLUMN",
+    THREE_COLUMN = "THREE_COLUMN",
+    FOUR_COLUMN = "FOUR_COLUMN",
+    FIVE_COLUMN = "FIVE_COLUMN"
+}
+export declare const FormInputWidthClassNames: {
+    [type in FormInputWidth]: string;
+};
+//# sourceMappingURL=form-control-types.d.ts.map

package/dist/containers/form-control/form-control.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { FormRenderProps } from '../../components';
+import { FormInputWidth } from './form-control-types';
+export type FormControlProps = {
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    formName: string;
+    label?: string;
+    errorText?: string;
+    className?: string;
+    helperText?: string;
+    optionalLabel?: string;
+    inputWidth?: FormInputWidth;
+    formProps: FormRenderProps<any>;
+};
+type ChildrenRenderProps = {
+    isErrorVisible: boolean;
+};
+type Props = FormControlProps & {
+    children?: (renderProps: ChildrenRenderProps) => React.ReactElement;
+};
+export declare function FormControl({ isDisabled, isRequired, formName, label, formProps, className, errorText, helperText, optionalLabel, inputWidth, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-control.d.ts.map

package/dist/containers/form-control/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form-control';
+export * from './form-control-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/containers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-control';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 export declare const _periodUI_marker = true;
 export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, CheckboxVariant, Chip, ChipList, DropDownMenu, IconButton, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, } from './components';
-export * from './components';
-export type * from './components';
 export { Form, FormSelect, Select, FormTextField, TextField } from './components';
 export type { FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, } from './components';
 export type { ButtonProps, CheckboxProps, ChipProps, TextFieldProps, FormSelectProps, FormTextFieldProps, } from './components';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAGlC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClF,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,GACX,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,WAAW,EACX,aAAa,EACb,SAAS,EAMT,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClF,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,GACX,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,WAAW,EACX,aAAa,EACb,SAAS,EAMT,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -1,5 +1,4 @@
 export const _periodUI_marker = true;
 export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, CheckboxVariant, Chip, ChipList, DropDownMenu, IconButton, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, } from './components';
-export * from './components';
 export { Form, FormSelect, Select, FormTextField, TextField } from './components';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAI7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/utils/string-utils/string-utils.d.ts

@@ -0,0 +1,6 @@
+type WindowDimensionsHook = {
+    normalize: (value?: string) => string;
+};
+export declare function useStringUtils(): WindowDimensionsHook;
+export {};
+//# sourceMappingURL=string-utils.d.ts.map

package/dist/utils/tailwind-utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function tailwind(...classes: ClassValue[]): string;
+//# sourceMappingURL=tailwind-utils.d.ts.map

package/dist/utils/window-dimensions-utils.d.ts

@@ -0,0 +1,9 @@
+type WindowDimensionsHook = {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isDesktop: boolean;
+};
+export declare function useWindowDimensions(): WindowDimensionsHook;
+export {};
+//# sourceMappingURL=window-dimensions-utils.d.ts.map

package/dist/vitest.setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=vitest.setup.d.ts.map

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "period-ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "type": "commonjs",
   "files": [
     "dist",
     "README.md",