@jobber/components 5.0.2 → 5.1.0

package/dist/{RadioGroup-SXGeu0bA.js → RadioGroup-CcfkjXQD.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-y6B5ufFA.js');
+var Text = require('./Text-Bg7EGVfU.js');
 
 var styles = {"radioGroup":"_5P8wEHDUdKY-","input":"_08ZPdlE98Ko-","label":"-PUoLXltVlQ-","description":"_8r6qT-6S9EI-","children":"C5SzbO1epLk-"};
 

package/dist/RecurringSelect/components/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var DayOfMonthSelect = require('../../DayOfMonthSelect-BGgUc3Yp.js');
+var DayOfMonthSelect = require('../../DayOfMonthSelect-BD9pZmcj.js');
 require('react');
-require('../../RadioGroup-SXGeu0bA.js');
-require('../../Text-y6B5ufFA.js');
-require('../../Typography-BK25wmyy.js');
+require('../../RadioGroup-CcfkjXQD.js');
+require('../../Text-Bg7EGVfU.js');
+require('../../Typography-CkAJDlfT.js');
 require('classnames');
 
 

package/dist/RecurringSelect/components/index.mjs

@@ -1,6 +1,6 @@
-export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-B51F-JX7.js';
+export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-jos6cA2q.js';
 import 'react';
-import '../../RadioGroup-BVDM_7Pd.js';
-import '../../Text-CSkNzzWo.js';
-import '../../Typography-CIMugCbG.js';
+import '../../RadioGroup-4KI0JtGK.js';
+import '../../Text-C1plBd46.js';
+import '../../Typography-BvyVGKpT.js';
 import 'classnames';

package/dist/RecurringSelect/index.cjs

@@ -1,26 +1,26 @@
 'use strict';
 
-var RecurringSelect = require('../RecurringSelect-fKRqyRMD.js');
-var DayOfMonthSelect = require('../DayOfMonthSelect-BGgUc3Yp.js');
+var RecurringSelect = require('../RecurringSelect-Bf6NuPPC.js');
+var DayOfMonthSelect = require('../DayOfMonthSelect-BD9pZmcj.js');
 require('react');
-require('../Text-y6B5ufFA.js');
-require('../Typography-BK25wmyy.js');
+require('../Text-Bg7EGVfU.js');
+require('../Typography-CkAJDlfT.js');
 require('classnames');
-require('../Option-CQbcS21k.js');
-require('../FormField-DuWPaW1h.js');
-require('../tslib.es6-DVGEWZ-f.js');
+require('../Option-Gu9cVhBA.js');
+require('../FormField-DTe_CH1q.js');
+require('../tslib.es6-D1IESf3P.js');
 require('react-hook-form');
-require('../Button-BGEGwxm0.js');
+require('../Button-C3VoizTn.js');
 require('react-router-dom');
-require('../Icon-B8tyD7T4.js');
+require('../Icon-CN_xq3lc.js');
 require('@jobber/design');
-require('../InputValidation-D_kHrf_7.js');
+require('../InputValidation-CqlSnM66.js');
 require('framer-motion');
-require('../Spinner--SXoBkKN.js');
-require('../InputNumber-C89Nnicc.js');
-require('../InputGroup-Bp7jUODg.js');
-require('../Content-DXCOH_0u.js');
-require('../RadioGroup-SXGeu0bA.js');
+require('../Spinner-D7vM4EbW.js');
+require('../InputNumber-C0w8YV4M.js');
+require('../InputGroup-oz1hP3yU.js');
+require('../Content-BlvFma57.js');
+require('../RadioGroup-CcfkjXQD.js');
 
 
 

package/dist/RecurringSelect/index.mjs

@@ -1,21 +1,21 @@
-export { R as RecurringSelect } from '../RecurringSelect-BRn3omXZ.js';
-export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-B51F-JX7.js';
+export { R as RecurringSelect } from '../RecurringSelect-CrL7n1z4.js';
+export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-jos6cA2q.js';
 import 'react';
-import '../Text-CSkNzzWo.js';
-import '../Typography-CIMugCbG.js';
+import '../Text-C1plBd46.js';
+import '../Typography-BvyVGKpT.js';
 import 'classnames';
-import '../Option-Dicfo-Sd.js';
-import '../FormField-DL7OTaNX.js';
-import '../tslib.es6-CAKRMkd4.js';
+import '../Option-DR-HCUeS.js';
+import '../FormField-3wYjfpzE.js';
+import '../tslib.es6-Cgky5YST.js';
 import 'react-hook-form';
-import '../Button-DylG3jun.js';
+import '../Button-xBR0gJGn.js';
 import 'react-router-dom';
-import '../Icon-CuyTdhrv.js';
+import '../Icon-BsnIkRLY.js';
 import '@jobber/design';
-import '../InputValidation-CMfcEQVR.js';
+import '../InputValidation-DC1wNmVi.js';
 import 'framer-motion';
-import '../Spinner-BYmNYcgr.js';
-import '../InputNumber-Bx-ZsUtH.js';
-import '../InputGroup-Czz7Q1hw.js';
-import '../Content-DOe5C3IF.js';
-import '../RadioGroup-BVDM_7Pd.js';
+import '../Spinner-DZV-ly04.js';
+import '../InputNumber-DKsZn7vU.js';
+import '../InputGroup-8mrDRazq.js';
+import '../Content-HR0giPXB.js';
+import '../RadioGroup-4KI0JtGK.js';

package/dist/{RecurringSelect-fKRqyRMD.js → RecurringSelect-Bf6NuPPC.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var DayOfMonthSelect = require('./DayOfMonthSelect-BGgUc3Yp.js');
-var Text = require('./Text-y6B5ufFA.js');
+var DayOfMonthSelect = require('./DayOfMonthSelect-BD9pZmcj.js');
+var Text = require('./Text-Bg7EGVfU.js');
 require('classnames');
-var Option = require('./Option-CQbcS21k.js');
-var InputNumber = require('./InputNumber-C89Nnicc.js');
-var InputGroup = require('./InputGroup-Bp7jUODg.js');
-var Content = require('./Content-DXCOH_0u.js');
+var Option = require('./Option-Gu9cVhBA.js');
+var InputNumber = require('./InputNumber-C0w8YV4M.js');
+var InputGroup = require('./InputGroup-oz1hP3yU.js');
+var Content = require('./Content-BlvFma57.js');
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/{RecurringSelect-BRn3omXZ.js → RecurringSelect-CrL7n1z4.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-B51F-JX7.js';
-import { T as Text } from './Text-CSkNzzWo.js';
+import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-jos6cA2q.js';
+import { T as Text } from './Text-C1plBd46.js';
 import 'classnames';
-import { S as Select, a as SelectOption } from './Option-Dicfo-Sd.js';
-import { I as InputNumber } from './InputNumber-Bx-ZsUtH.js';
-import { I as InputGroup } from './InputGroup-Czz7Q1hw.js';
-import { C as Content } from './Content-DOe5C3IF.js';
+import { S as Select, a as SelectOption } from './Option-DR-HCUeS.js';
+import { I as InputNumber } from './InputNumber-DKsZn7vU.js';
+import { I as InputGroup } from './InputGroup-8mrDRazq.js';
+import { C as Content } from './Content-HR0giPXB.js';
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/Select/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var Option = require('../Option-CQbcS21k.js');
+var Option = require('../Option-Gu9cVhBA.js');
 require('react');
-require('../FormField-DuWPaW1h.js');
-require('../tslib.es6-DVGEWZ-f.js');
+require('../FormField-DTe_CH1q.js');
+require('../tslib.es6-D1IESf3P.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-BGEGwxm0.js');
+require('../Button-C3VoizTn.js');
 require('react-router-dom');
-require('../Icon-B8tyD7T4.js');
+require('../Icon-CN_xq3lc.js');
 require('@jobber/design');
-require('../Typography-BK25wmyy.js');
-require('../Text-y6B5ufFA.js');
-require('../InputValidation-D_kHrf_7.js');
+require('../Typography-CkAJDlfT.js');
+require('../Text-Bg7EGVfU.js');
+require('../InputValidation-CqlSnM66.js');
 require('framer-motion');
-require('../Spinner--SXoBkKN.js');
+require('../Spinner-D7vM4EbW.js');
 
 
 

package/dist/Select/index.mjs

@@ -1,15 +1,15 @@
-export { a as Option, S as Select } from '../Option-Dicfo-Sd.js';
+export { a as Option, S as Select } from '../Option-DR-HCUeS.js';
 import 'react';
-import '../FormField-DL7OTaNX.js';
-import '../tslib.es6-CAKRMkd4.js';
+import '../FormField-3wYjfpzE.js';
+import '../tslib.es6-Cgky5YST.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-DylG3jun.js';
+import '../Button-xBR0gJGn.js';
 import 'react-router-dom';
-import '../Icon-CuyTdhrv.js';
+import '../Icon-BsnIkRLY.js';
 import '@jobber/design';
-import '../Typography-CIMugCbG.js';
-import '../Text-CSkNzzWo.js';
-import '../InputValidation-CMfcEQVR.js';
+import '../Typography-BvyVGKpT.js';
+import '../Text-C1plBd46.js';
+import '../InputValidation-DC1wNmVi.js';
 import 'framer-motion';
-import '../Spinner-BYmNYcgr.js';
+import '../Spinner-DZV-ly04.js';

package/dist/Spinner/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Spinner = require('../Spinner--SXoBkKN.js');
+var Spinner = require('../Spinner-D7vM4EbW.js');
 require('react');
 require('classnames');
 

package/dist/Spinner/index.mjs

@@ -1,3 +1,3 @@
-export { S as Spinner } from '../Spinner-BYmNYcgr.js';
+export { S as Spinner } from '../Spinner-DZV-ly04.js';
 import 'react';
 import 'classnames';

package/dist/StatusIndicator/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var StatusIndicator = require('../StatusIndicator-DDB40tpc.js');
+var StatusIndicator = require('../StatusIndicator-OV8fBXT2.js');
 require('react');
 
 

package/dist/StatusIndicator/index.mjs

@@ -1,2 +1,2 @@
-export { S as StatusIndicator } from '../StatusIndicator-0dImtc73.js';
+export { S as StatusIndicator } from '../StatusIndicator-7vvlfbfS.js';
 import 'react';

package/dist/StatusLabel/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var StatusLabel = require('../StatusLabel-DpSQQxjU.js');
+var StatusLabel = require('../StatusLabel-Ba7giGiF.js');
 require('react');
 require('classnames');
-require('../Typography-BK25wmyy.js');
-require('../StatusIndicator-DDB40tpc.js');
+require('../Typography-CkAJDlfT.js');
+require('../StatusIndicator-OV8fBXT2.js');
 
 
 

package/dist/StatusLabel/index.mjs

@@ -1,5 +1,5 @@
-export { S as StatusLabel } from '../StatusLabel-NmLR1bdq.js';
+export { S as StatusLabel } from '../StatusLabel-zlaLEKdA.js';
 import 'react';
 import 'classnames';
-import '../Typography-CIMugCbG.js';
-import '../StatusIndicator-0dImtc73.js';
+import '../Typography-BvyVGKpT.js';
+import '../StatusIndicator-7vvlfbfS.js';

package/dist/{StatusLabel-DpSQQxjU.js → StatusLabel-Ba7giGiF.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-BK25wmyy.js');
-var StatusIndicator = require('./StatusIndicator-DDB40tpc.js');
+var Typography = require('./Typography-CkAJDlfT.js');
+var StatusIndicator = require('./StatusIndicator-OV8fBXT2.js');
 
 var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
 

package/dist/{StatusLabel-NmLR1bdq.js → StatusLabel-zlaLEKdA.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-CIMugCbG.js';
-import { S as StatusIndicator } from './StatusIndicator-0dImtc73.js';
+import { T as Typography } from './Typography-BvyVGKpT.js';
+import { S as StatusIndicator } from './StatusIndicator-7vvlfbfS.js';
 
 var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
 

package/dist/Switch/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Switch = require('../Switch-n0W-YQGs.js');
+var Switch = require('../Switch-CSR7PVNw.js');
 require('react');
 require('classnames');
-require('../Typography-BK25wmyy.js');
+require('../Typography-CkAJDlfT.js');
 
 
 

package/dist/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from '../Switch-D70xcXVH.js';
+export { S as Switch } from '../Switch-CxBQEQPO.js';
 import 'react';
 import 'classnames';
-import '../Typography-CIMugCbG.js';
+import '../Typography-BvyVGKpT.js';

package/dist/{Switch-n0W-YQGs.js → Switch-CSR7PVNw.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-BK25wmyy.js');
+var Typography = require('./Typography-CkAJDlfT.js');
 
 var styles = {"track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-"};
 

package/dist/{Switch-D70xcXVH.js → Switch-CxBQEQPO.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-CIMugCbG.js';
+import { T as Typography } from './Typography-BvyVGKpT.js';
 
 var styles = {"track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-"};
 

package/dist/Table/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Body = require('../Body-DurQhZtQ.js');
+var Body = require('../Body-B5p07vPE.js');
 require('react');
 require('@jobber/formatters');
 require('classnames');

package/dist/Table/index.mjs

@@ -1,4 +1,4 @@
-export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from '../Body-ruEoLGB6.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from '../Body-3CXo-Qdb.js';
 import 'react';
 import '@jobber/formatters';
 import 'classnames';

package/dist/Tabs/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Tabs = require('../Tabs-Dxs2LaAD.js');
+var Tabs = require('../Tabs-CxpQry3t.js');
 require('react');
 require('classnames');
-require('../Typography-BK25wmyy.js');
+require('../Typography-CkAJDlfT.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,4 +1,4 @@
-export { a as Tab, T as Tabs } from '../Tabs-BCdZo_eb.js';
+export { a as Tab, T as Tabs } from '../Tabs-BKcPAxAU.js';
 import 'react';
 import 'classnames';
-import '../Typography-CIMugCbG.js';
+import '../Typography-BvyVGKpT.js';

package/dist/{Tabs-BCdZo_eb.js → Tabs-BKcPAxAU.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-CIMugCbG.js';
+import { T as Typography } from './Typography-BvyVGKpT.js';
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 

package/dist/{Tabs-Dxs2LaAD.js → Tabs-CxpQry3t.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-BK25wmyy.js');
+var Typography = require('./Typography-CkAJDlfT.js');
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 

package/dist/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-y6B5ufFA.js');
+var Text = require('../Text-Bg7EGVfU.js');
 require('react');
-require('../Typography-BK25wmyy.js');
+require('../Typography-CkAJDlfT.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-CSkNzzWo.js';
+export { T as Text } from '../Text-C1plBd46.js';
 import 'react';
-import '../Typography-CIMugCbG.js';
+import '../Typography-BvyVGKpT.js';
 import 'classnames';

package/dist/{Text-y6B5ufFA.js → Text-Bg7EGVfU.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-BK25wmyy.js');
+var Typography = require('./Typography-CkAJDlfT.js');
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/{Text-CSkNzzWo.js → Text-C1plBd46.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-CIMugCbG.js';
+import { T as Typography } from './Typography-BvyVGKpT.js';
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/Toast/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var showToast = require('../showToast-1TPGMmF8.js');
+var showToast = require('../showToast-DeSfd1sY.js');
 require('react');
 require('react-dom/client');
 require('framer-motion');
-require('../Icon-B8tyD7T4.js');
+require('../Icon-CN_xq3lc.js');
 require('@jobber/design');
-require('../Button-BGEGwxm0.js');
+require('../Button-C3VoizTn.js');
 require('classnames');
 require('react-router-dom');
-require('../Typography-BK25wmyy.js');
+require('../Typography-CkAJDlfT.js');
 
 
 

package/dist/Toast/index.mjs

@@ -1,10 +1,10 @@
-export { s as showToast } from '../showToast-CFkcDSY1.js';
+export { s as showToast } from '../showToast-C_OeP2y3.js';
 import 'react';
 import 'react-dom/client';
 import 'framer-motion';
-import '../Icon-CuyTdhrv.js';
+import '../Icon-BsnIkRLY.js';
 import '@jobber/design';
-import '../Button-DylG3jun.js';
+import '../Button-xBR0gJGn.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Typography-CIMugCbG.js';
+import '../Typography-BvyVGKpT.js';

package/dist/Tooltip/Tooltip.d.ts

@@ -1,10 +1,16 @@
 import { ReactElement } from "react";
+import { Placement } from "./Tooltip.types";
 interface TooltipProps {
     readonly children: ReactElement;
     /**
      * Tooltip text
      */
     readonly message: string;
+    /**
+     * Describes the preferred placement of the Popover.
+     * @default 'top'
+     */
+    readonly preferredPlacement?: Placement;
 }
-export declare function Tooltip({ message, children }: TooltipProps): JSX.Element;
+export declare function Tooltip({ message, children, preferredPlacement, }: TooltipProps): JSX.Element;
 export {};

package/dist/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1 @@
+export type Placement = "top" | "bottom" | "left" | "right";

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-DrlJ4Quw.js');
+var Tooltip = require('../Tooltip-BO6iytC-.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-jvwZ6zXM.js');
-require('../useIsMounted-DTbFTAu5.js');
+require('../useSafeLayoutEffect-CXGSmaI5.js');
+require('../useIsMounted-Dhbx3CNJ.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-GTnFE5zB.js';
+export { T as Tooltip } from '../Tooltip-CpMhVZEy.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-BFdvJ66z.js';
-import '../useIsMounted-BN9Gf1Ut.js';
+import '../useSafeLayoutEffect-DJ_B1qe5.js';
+import '../useIsMounted-L2GOPpn-.js';
 import 'react-popper';

package/dist/Tooltip/useTooltipPositioning.d.ts

@@ -1,5 +1,9 @@
-export declare function useTooltipPositioning(): {
-    placement: import("@popperjs/core").Placement | undefined;
+import { Placement } from "./Tooltip.types";
+interface ToolTipPositionOptions {
+    readonly preferredPlacement?: Placement;
+}
+export declare function useTooltipPositioning({ preferredPlacement, }: ToolTipPositionOptions): {
+    placement: "bottom" | "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     shadowRef: import("react").RefObject<HTMLSpanElement>;
     setArrowRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
     setTooltipRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
@@ -15,3 +19,4 @@ export declare function useTooltipPositioning(): {
     update: (() => Promise<Partial<import("@popperjs/core").State>>) | null;
     forceUpdate: (() => void) | null;
 };
+export {};

package/dist/{Tooltip-DrlJ4Quw.js → Tooltip-BO6iytC-.js}

@@ -4,19 +4,20 @@ var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-jvwZ6zXM.js');
-var useIsMounted = require('./useIsMounted-DTbFTAu5.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CXGSmaI5.js');
+var useIsMounted = require('./useIsMounted-Dhbx3CNJ.js');
 var reactPopper = require('react-popper');
 
-var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","above":"B6uh34-qEuA-","below":"Wft7Ug-lXEc-","tooltipMessage":"TpdeLUuiQMg-"};
+var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-"};
 
-function useTooltipPositioning() {
+const DEFAULT_PLACEMENT = "top";
+function useTooltipPositioning({ preferredPlacement, }) {
     var _a, _b;
     const shadowRef = React.useRef(null);
     const [positionElement, setTooltipRef] = React.useState();
     const [arrowElement, setArrowRef] = React.useState();
     const popper = reactPopper.usePopper((_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling, positionElement, {
-        placement: "top",
+        placement: preferredPlacement,
         modifiers: [
             { name: "flip", options: { fallbackPlacements: ["bottom"] } },
             {
@@ -25,7 +26,7 @@ function useTooltipPositioning() {
             },
         ],
     });
-    return Object.assign(Object.assign({}, popper), { placement: (_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement, shadowRef,
+    return Object.assign(Object.assign({}, popper), { placement: ((_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement) || DEFAULT_PLACEMENT, shadowRef,
         setArrowRef,
         setTooltipRef });
 }
@@ -34,22 +35,21 @@ const variation = {
     startOrStop: { scale: 0.6, opacity: 0 },
     done: { scale: 1, opacity: 1 },
 };
-function Tooltip({ message, children }) {
+function Tooltip({ message, children, preferredPlacement = "top", }) {
     const [show, setShow] = React.useState(false);
-    const mounted = useIsMounted.useIsMounted_2();
-    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning();
+    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
     initializeListeners();
-    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
+    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.bottom, placement === "top" && styles.top, placement === "left" && styles.left, placement === "right" && styles.right);
     return (React.createElement(React.Fragment, null,
         React.createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
         children,
-        mounted.current ? (React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+        React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
             React.createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
                     damping: 50,
                     stiffness: 500,
                 } },
                 React.createElement("p", { className: styles.tooltipMessage }, message),
-                React.createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))) : null));
+                React.createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
     function initializeListeners() {
         const showTooltip = () => {
             setShow(true);
@@ -99,6 +99,10 @@ function Tooltip({ message, children }) {
     }
 }
 function TooltipPortal({ children }) {
+    const mounted = useIsMounted.useIsMounted_2();
+    if (!mounted) {
+        return null;
+    }
     return ReactDOM.createPortal(children, document.body);
 }