mayak-common-library 0.0.33 → 0.0.35

package/dist/index.js

@@ -91,7 +91,10 @@ __export(src_exports, {
   TeamPersonCard: () => TeamPersonCard_default,
   Text: () => Text_default,
   TextBlock: () => TextBlock_default,
-  TitleBlock: () => TitleBlock_default
+  TitleBlock: () => TitleBlock_default,
+  ToggleButton: () => ToggleButton_default,
+  ToggleButtonGroup: () => ToggleButtonGroup_default,
+  ToggleButtonsWithLabel: () => ToggleButtonsWithLabel_default
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -335,7 +338,7 @@ var SelectPro = ({
         disableRipple: true,
         fullWidth: true,
         sx: {
-          height: small ? "34px" : "49px",
+          height: small ? "34px" : "38px",
           padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
         },
         className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
@@ -1201,6 +1204,113 @@ var ListItem = ({ icon, title, bold, onClick }) => {
   ) });
 };
 var ListItem_default = ListItem;
+
+// src/components/ToggleButton/ToggleButtonsWithLabel.tsx
+var import_material29 = require("@mui/material");
+var import_react_hook_form2 = require("react-hook-form");
+var import_Typography8 = __toESM(require("@mui/material/Typography"));
+
+// src/components/ToggleButton/ToggleButtonGroup.tsx
+var import_material27 = require("@mui/material");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var StyledToggleButtonGroup = (0, import_material27.styled)(
+  import_material27.ToggleButtonGroup
+)(({ theme: theme2, flexDirection }) => ({
+  [`& .${import_material27.toggleButtonGroupClasses.grouped}`]: {
+    marginRight: flexDirection === "col" ? "unset" : theme2.spacing(1),
+    marginBottom: flexDirection === "col" ? theme2.spacing(1) : "unset",
+    width: "fit-content"
+  },
+  [`& .${import_material27.toggleButtonGroupClasses.lastButton}`]: {
+    marginBottom: "unset",
+    marginRight: "unset"
+  },
+  [`& .${import_material27.toggleButtonGroupClasses.middleButton},& .${import_material27.toggleButtonGroupClasses.lastButton}`]: {
+    marginLeft: "unset",
+    borderLeft: "unset"
+  }
+}));
+var ToggleButtonGroup = (props) => {
+  const {
+    children,
+    textView = false,
+    exclusive,
+    flexDirection = "row",
+    onChange,
+    value
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    StyledToggleButtonGroup,
+    __spreadProps(__spreadValues({}, props), {
+      flexDirection,
+      exclusive,
+      value,
+      onChange,
+      "aria-label": "text formatting",
+      className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
+      children
+    })
+  );
+};
+var ToggleButtonGroup_default = ToggleButtonGroup;
+
+// src/components/ToggleButton/ToggleButton.tsx
+var import_material28 = require("@mui/material");
+var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"));
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var ToggleButtons = (0, import_material28.styled)(import_ToggleButton.default)(() => ({
+  "&.Mui-selected, &.Mui-selected:hover": {
+    backgroundColor: "#C8BCA1 !important"
+  }
+}));
+var ToggleButton = (props) => {
+  const _a = props, { children, textView } = _a, rest = __objRest(_a, ["children", "textView"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    ToggleButtons,
+    __spreadProps(__spreadValues({}, rest), {
+      disableRipple: true,
+      className: `rounded-none border-none min-w-10 h-9 normal-case py-1.5 px-2.5 ${textView ? "justify-start bg-transparent hover:bg-transparent h-6 p-0" : " bg-accent-silver "}`,
+      children
+    })
+  );
+};
+var ToggleButton_default = ToggleButton;
+
+// src/components/ToggleButton/ToggleButtonsWithLabel.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var ToggleButtonsWithLabel = (props) => {
+  const {
+    values,
+    textView = false,
+    exclusive,
+    collapseOnClick = false,
+    label,
+    collapseParent,
+    flexDirection = "row"
+  } = props;
+  const { field } = (0, import_react_hook_form2.useController)(props);
+  const handleFormat = (_event, newFormats) => {
+    console.log(newFormats);
+    if (newFormats !== null) field.onChange(newFormats);
+    if (collapseOnClick && collapseParent) collapseParent();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material29.Stack, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Typography8.default, { className: "text-accent-silver-2 text-sm", children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      ToggleButtonGroup_default,
+      __spreadProps(__spreadValues({}, field), {
+        flexDirection,
+        exclusive,
+        value: field.value,
+        onChange: handleFormat,
+        "aria-label": "text formatting",
+        className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
+        children: values.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
+      })
+    )
+  ] });
+};
+var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppBar,
@@ -1235,5 +1345,8 @@ var ListItem_default = ListItem;
   TeamPersonCard,
   Text,
   TextBlock,
-  TitleBlock
+  TitleBlock,
+  ToggleButton,
+  ToggleButtonGroup,
+  ToggleButtonsWithLabel
 });

package/dist/index.mjs

@@ -280,7 +280,7 @@ var SelectPro = ({
         disableRipple: true,
         fullWidth: true,
         sx: {
-          height: small ? "34px" : "49px",
+          height: small ? "34px" : "38px",
           padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
         },
         className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
@@ -1154,6 +1154,117 @@ var ListItem = ({ icon, title, bold, onClick }) => {
   ) });
 };
 var ListItem_default = ListItem;
+
+// src/components/ToggleButton/ToggleButtonsWithLabel.tsx
+import { Stack as Stack5 } from "@mui/material";
+import { useController as useController2 } from "react-hook-form";
+import Typography17 from "@mui/material/Typography";
+
+// src/components/ToggleButton/ToggleButtonGroup.tsx
+import {
+  styled as styled9,
+  toggleButtonGroupClasses,
+  ToggleButtonGroup as MUIToggleButtonGroup
+} from "@mui/material";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var StyledToggleButtonGroup = styled9(
+  MUIToggleButtonGroup
+)(({ theme: theme2, flexDirection }) => ({
+  [`& .${toggleButtonGroupClasses.grouped}`]: {
+    marginRight: flexDirection === "col" ? "unset" : theme2.spacing(1),
+    marginBottom: flexDirection === "col" ? theme2.spacing(1) : "unset",
+    width: "fit-content"
+  },
+  [`& .${toggleButtonGroupClasses.lastButton}`]: {
+    marginBottom: "unset",
+    marginRight: "unset"
+  },
+  [`& .${toggleButtonGroupClasses.middleButton},& .${toggleButtonGroupClasses.lastButton}`]: {
+    marginLeft: "unset",
+    borderLeft: "unset"
+  }
+}));
+var ToggleButtonGroup = (props) => {
+  const {
+    children,
+    textView = false,
+    exclusive,
+    flexDirection = "row",
+    onChange,
+    value
+  } = props;
+  return /* @__PURE__ */ jsx43(
+    StyledToggleButtonGroup,
+    __spreadProps(__spreadValues({}, props), {
+      flexDirection,
+      exclusive,
+      value,
+      onChange,
+      "aria-label": "text formatting",
+      className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
+      children
+    })
+  );
+};
+var ToggleButtonGroup_default = ToggleButtonGroup;
+
+// src/components/ToggleButton/ToggleButton.tsx
+import { styled as styled10 } from "@mui/material";
+import MuiToggleButton from "@mui/material/ToggleButton";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var ToggleButtons = styled10(MuiToggleButton)(() => ({
+  "&.Mui-selected, &.Mui-selected:hover": {
+    backgroundColor: "#C8BCA1 !important"
+  }
+}));
+var ToggleButton = (props) => {
+  const _a = props, { children, textView } = _a, rest = __objRest(_a, ["children", "textView"]);
+  return /* @__PURE__ */ jsx44(
+    ToggleButtons,
+    __spreadProps(__spreadValues({}, rest), {
+      disableRipple: true,
+      className: `rounded-none border-none min-w-10 h-9 normal-case py-1.5 px-2.5 ${textView ? "justify-start bg-transparent hover:bg-transparent h-6 p-0" : " bg-accent-silver "}`,
+      children
+    })
+  );
+};
+var ToggleButton_default = ToggleButton;
+
+// src/components/ToggleButton/ToggleButtonsWithLabel.tsx
+import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
+var ToggleButtonsWithLabel = (props) => {
+  const {
+    values,
+    textView = false,
+    exclusive,
+    collapseOnClick = false,
+    label,
+    collapseParent,
+    flexDirection = "row"
+  } = props;
+  const { field } = useController2(props);
+  const handleFormat = (_event, newFormats) => {
+    console.log(newFormats);
+    if (newFormats !== null) field.onChange(newFormats);
+    if (collapseOnClick && collapseParent) collapseParent();
+  };
+  return /* @__PURE__ */ jsxs18(Stack5, { children: [
+    label ? /* @__PURE__ */ jsx45(Typography17, { className: "text-accent-silver-2 text-sm", children: label }) : null,
+    /* @__PURE__ */ jsx45(
+      ToggleButtonGroup_default,
+      __spreadProps(__spreadValues({}, field), {
+        flexDirection,
+        exclusive,
+        value: field.value,
+        onChange: handleFormat,
+        "aria-label": "text formatting",
+        className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
+        children: values.map((option, index) => /* @__PURE__ */ jsx45(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
+      })
+    )
+  ] });
+};
+var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
 export {
   AppBar_default as AppBar,
   ArticleCard_default as ArticleCard,
@@ -1187,5 +1298,8 @@ export {
   TeamPersonCard_default as TeamPersonCard,
   Text_default as Text,
   TextBlock_default as TextBlock,
-  TitleBlock_default as TitleBlock
+  TitleBlock_default as TitleBlock,
+  ToggleButton_default as ToggleButton,
+  ToggleButtonGroup_default as ToggleButtonGroup,
+  ToggleButtonsWithLabel_default as ToggleButtonsWithLabel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/index.d.mts

@@ -1,204 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps } from '@mui/material/Button';
-import * as React from 'react';
-import React__default, { FC, PropsWithChildren, ReactElement } from 'react';
-import { IconButtonProps } from '@mui/material/IconButton/IconButton';
-import { SelectProps } from '@mui/material/Select/Select';
-import { ChipProps } from '@mui/material';
-import { BadgeProps } from '@mui/material/Badge/Badge';
-import { AvatarProps } from '@mui/material/Avatar/Avatar';
-import { TypographyOwnProps } from '@mui/material/Typography';
-import { RadioProps } from '@mui/material/Radio';
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
-import { RadioGroupProps } from '@mui/material/RadioGroup';
-import { SwitchProps } from '@mui/material/Switch/Switch';
-import { SliderProps } from '@mui/material/Slider/Slider';
-import { MenuItemProps } from '@mui/material/MenuItem/MenuItem';
-import { InputProps } from '@mui/material/Input';
-import { PatternFormatProps } from 'react-number-format/types/types';
-export { default as MapIcon } from '@/icons/map-search.svg';
-import { UseControllerProps } from 'react-hook-form';
-import { ListProps } from '@mui/material/List/List';
-
-declare function Greet(props: {
-    name: string;
-}): react_jsx_runtime.JSX.Element;
-
-interface CustomButtonProps extends ButtonProps, PropsWithChildren {
-    bolt?: boolean;
-    border?: boolean;
-    base?: boolean;
-    small?: boolean;
-    large?: boolean;
-    medium?: boolean;
-}
-declare const Button: FC<CustomButtonProps>;
-
-interface CustomIconButtonProps extends IconButtonProps, PropsWithChildren {
-}
-declare const IconButton: FC<CustomIconButtonProps>;
-
-declare const CustomSelect: FC<SelectProps & PropsWithChildren>;
-
-interface SelectProProps {
-    placeholder?: string;
-    childTitle?: string;
-    colorBorder?: boolean;
-    clickComponent?: ReactElement;
-    fullContainerWidth?: boolean;
-    overButton?: boolean;
-    small?: boolean;
-    fullWidth?: boolean;
-    freeChildWidth?: boolean;
-}
-declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
-
-interface CustomChipProps {
-    view: "black" | "line" | "white" | "silver";
-}
-declare const CustomChip: FC<ChipProps & CustomChipProps>;
-
-declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
-
-declare const CustomAvatar: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
-
-declare const Text: FC<TypographyOwnProps & PropsWithChildren>;
-
-interface CustomRadioProps {
-    labelProps?: FormControlLabelProps;
-    radioProps?: RadioProps;
-    label?: string;
-    value?: string;
-}
-declare const CustomRadio: React__default.FC<CustomRadioProps>;
-
-declare const CustomRadioGroup: React__default.FC<RadioGroupProps & PropsWithChildren>;
-
-interface CustomSwitchProps {
-    beforeText?: string;
-    afterText?: string;
-}
-declare const CustomSwitch: FC<CustomSwitchProps & SwitchProps>;
-
-declare const CustomSlider: FC<SliderProps>;
-
-declare const CustomMenuItem: FC<MenuItemProps & PropsWithChildren>;
-
-interface CustomInputProps {
-    type?: "number" | "string";
-    adornmentText?: string;
-    big?: boolean;
-}
-declare const CustomInput: FC<CustomInputProps & InputProps>;
-
-interface PhoneInputProps {
-    onChange: (event: {
-        target: {
-            name: string;
-            value: string;
-        };
-    }) => void;
-    name: string;
-}
-declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<PatternFormatProps>>;
-
-interface FromToInputProps {
-    label?: string;
-}
-declare const FromToInput: FC<FromToInputProps>;
-
-declare const Providers: FC<PropsWithChildren>;
-
-interface AppBarProps {
-    links: {
-        path: string;
-        title: string;
-    }[];
-}
-declare const AppBar: FC<AppBarProps>;
-
-interface ImageContainerProps {
-    src: any;
-    alt: string;
-    contentful?: boolean;
-    priority?: boolean;
-    loading?: "lazy" | "eager" | undefined;
-    width?: string;
-    height?: string;
-    objectFit?: string;
-    classesWrapper?: string;
-    classesImg?: string;
-}
-declare const ImageContainer: FC<ImageContainerProps>;
-
-interface CategoryCardProps {
-    image_url?: string;
-    title: string;
-    text: string;
-    link: string;
-}
-declare const CategoryCard: FC<CategoryCardProps>;
-
-interface ArticleCardProps {
-    imageUrl: string;
-    title: string;
-    text: string;
-    classes?: string;
-    href: string;
-}
-declare const ArticleCard: FC<ArticleCardProps>;
-
-interface JobCardProps {
-}
-declare const JobCard: FC<JobCardProps>;
-
-declare const RealtorCard: () => react_jsx_runtime.JSX.Element;
-
-declare const RealtyCard: FC;
-
-interface TeamPersonCardProps {
-    image_url?: string;
-    name: string;
-    position: string;
-    text: string;
-}
-declare const TeamPersonCard: FC<TeamPersonCardProps>;
-
-interface AutocompleteProps {
-    values: string[];
-}
-declare const Autocomplete: FC<AutocompleteProps & UseControllerProps<any>>;
-
-interface BigNumberProps {
-    number?: number;
-    text?: string;
-}
-declare const BigNumber: FC<BigNumberProps>;
-
-interface TextBlockProps {
-    classes?: string;
-    title: string;
-    text: string;
-}
-declare const TextBlock: FC<TextBlockProps>;
-
-type TitlePosition = "center" | "left";
-
-interface TitleBlockProps {
-    title: string;
-    titlePosition?: TitlePosition;
-    classes?: string;
-}
-declare const TitleBlock: FC<TitleBlockProps>;
-
-declare const List: FC<ListProps>;
-
-interface ListItemProps {
-    icon?: ReactElement;
-    title: string;
-    bold?: boolean;
-    onClick?: (value: string) => void;
-}
-declare const ListItem: FC<ListItemProps>;
-
-export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock };

package/dist/index.d.ts

@@ -1,204 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps } from '@mui/material/Button';
-import * as React from 'react';
-import React__default, { FC, PropsWithChildren, ReactElement } from 'react';
-import { IconButtonProps } from '@mui/material/IconButton/IconButton';
-import { SelectProps } from '@mui/material/Select/Select';
-import { ChipProps } from '@mui/material';
-import { BadgeProps } from '@mui/material/Badge/Badge';
-import { AvatarProps } from '@mui/material/Avatar/Avatar';
-import { TypographyOwnProps } from '@mui/material/Typography';
-import { RadioProps } from '@mui/material/Radio';
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
-import { RadioGroupProps } from '@mui/material/RadioGroup';
-import { SwitchProps } from '@mui/material/Switch/Switch';
-import { SliderProps } from '@mui/material/Slider/Slider';
-import { MenuItemProps } from '@mui/material/MenuItem/MenuItem';
-import { InputProps } from '@mui/material/Input';
-import { PatternFormatProps } from 'react-number-format/types/types';
-export { default as MapIcon } from '@/icons/map-search.svg';
-import { UseControllerProps } from 'react-hook-form';
-import { ListProps } from '@mui/material/List/List';
-
-declare function Greet(props: {
-    name: string;
-}): react_jsx_runtime.JSX.Element;
-
-interface CustomButtonProps extends ButtonProps, PropsWithChildren {
-    bolt?: boolean;
-    border?: boolean;
-    base?: boolean;
-    small?: boolean;
-    large?: boolean;
-    medium?: boolean;
-}
-declare const Button: FC<CustomButtonProps>;
-
-interface CustomIconButtonProps extends IconButtonProps, PropsWithChildren {
-}
-declare const IconButton: FC<CustomIconButtonProps>;
-
-declare const CustomSelect: FC<SelectProps & PropsWithChildren>;
-
-interface SelectProProps {
-    placeholder?: string;
-    childTitle?: string;
-    colorBorder?: boolean;
-    clickComponent?: ReactElement;
-    fullContainerWidth?: boolean;
-    overButton?: boolean;
-    small?: boolean;
-    fullWidth?: boolean;
-    freeChildWidth?: boolean;
-}
-declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
-
-interface CustomChipProps {
-    view: "black" | "line" | "white" | "silver";
-}
-declare const CustomChip: FC<ChipProps & CustomChipProps>;
-
-declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
-
-declare const CustomAvatar: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
-
-declare const Text: FC<TypographyOwnProps & PropsWithChildren>;
-
-interface CustomRadioProps {
-    labelProps?: FormControlLabelProps;
-    radioProps?: RadioProps;
-    label?: string;
-    value?: string;
-}
-declare const CustomRadio: React__default.FC<CustomRadioProps>;
-
-declare const CustomRadioGroup: React__default.FC<RadioGroupProps & PropsWithChildren>;
-
-interface CustomSwitchProps {
-    beforeText?: string;
-    afterText?: string;
-}
-declare const CustomSwitch: FC<CustomSwitchProps & SwitchProps>;
-
-declare const CustomSlider: FC<SliderProps>;
-
-declare const CustomMenuItem: FC<MenuItemProps & PropsWithChildren>;
-
-interface CustomInputProps {
-    type?: "number" | "string";
-    adornmentText?: string;
-    big?: boolean;
-}
-declare const CustomInput: FC<CustomInputProps & InputProps>;
-
-interface PhoneInputProps {
-    onChange: (event: {
-        target: {
-            name: string;
-            value: string;
-        };
-    }) => void;
-    name: string;
-}
-declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<PatternFormatProps>>;
-
-interface FromToInputProps {
-    label?: string;
-}
-declare const FromToInput: FC<FromToInputProps>;
-
-declare const Providers: FC<PropsWithChildren>;
-
-interface AppBarProps {
-    links: {
-        path: string;
-        title: string;
-    }[];
-}
-declare const AppBar: FC<AppBarProps>;
-
-interface ImageContainerProps {
-    src: any;
-    alt: string;
-    contentful?: boolean;
-    priority?: boolean;
-    loading?: "lazy" | "eager" | undefined;
-    width?: string;
-    height?: string;
-    objectFit?: string;
-    classesWrapper?: string;
-    classesImg?: string;
-}
-declare const ImageContainer: FC<ImageContainerProps>;
-
-interface CategoryCardProps {
-    image_url?: string;
-    title: string;
-    text: string;
-    link: string;
-}
-declare const CategoryCard: FC<CategoryCardProps>;
-
-interface ArticleCardProps {
-    imageUrl: string;
-    title: string;
-    text: string;
-    classes?: string;
-    href: string;
-}
-declare const ArticleCard: FC<ArticleCardProps>;
-
-interface JobCardProps {
-}
-declare const JobCard: FC<JobCardProps>;
-
-declare const RealtorCard: () => react_jsx_runtime.JSX.Element;
-
-declare const RealtyCard: FC;
-
-interface TeamPersonCardProps {
-    image_url?: string;
-    name: string;
-    position: string;
-    text: string;
-}
-declare const TeamPersonCard: FC<TeamPersonCardProps>;
-
-interface AutocompleteProps {
-    values: string[];
-}
-declare const Autocomplete: FC<AutocompleteProps & UseControllerProps<any>>;
-
-interface BigNumberProps {
-    number?: number;
-    text?: string;
-}
-declare const BigNumber: FC<BigNumberProps>;
-
-interface TextBlockProps {
-    classes?: string;
-    title: string;
-    text: string;
-}
-declare const TextBlock: FC<TextBlockProps>;
-
-type TitlePosition = "center" | "left";
-
-interface TitleBlockProps {
-    title: string;
-    titlePosition?: TitlePosition;
-    classes?: string;
-}
-declare const TitleBlock: FC<TitleBlockProps>;
-
-declare const List: FC<ListProps>;
-
-interface ListItemProps {
-    icon?: ReactElement;
-    title: string;
-    bold?: boolean;
-    onClick?: (value: string) => void;
-}
-declare const ListItem: FC<ListItemProps>;
-
-export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock };