@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Tooltip/Tooltip.js

@@ -1,173 +1,148 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect, useRef, useState, } from 'react';
 import { createPortal } from 'react-dom';
 import styled, { css } from 'styled-components';
-import { v4 } from 'uuid';
-import { Box } from '../Box/Box.js';
-import { Text } from '../Text/Text.js';
-import { useEventListener } from '../hooks/useEventListener/index.js';
-import { theme } from '../theme.js';
-import { debounce } from '../utils/debounce.js';
-
-const Tooltip = ({
-  children,
-  title,
-  content,
-  position = "top",
-  maxWidth = 500,
-  underline = false,
-  fallbackStyle = false,
-  zIndex = 10,
-  portalContainer = document.body
-}) => {
-  const documentRef = useRef(document);
-  const tipContainer = useRef(null);
-  const [showTip, setShowTip] = useState(false);
-  const [tooltipPosition, setTooltipPosition] = useState(position);
-  const [childEl, setChildEl] = useState(null);
-  const [tooltipCoords, setTooltipCoords] = useState({ top: 0, left: 0 });
-  const randomId = v4();
-  const checkInbounds = (element) => element.top >= 0 && element.left >= 0 && element.bottom <= window.innerHeight && element.right <= window.innerWidth;
-  const handleTipViewport = useCallback(() => {
-    const dimensions = tipContainer.current?.getBoundingClientRect();
-    if (!dimensions)
-      return;
-    if (checkInbounds(dimensions))
-      return;
-    if (dimensions.top >= 0 && tooltipPosition !== "top") {
-      setTooltipPosition("top");
-      return;
-    }
-    if (dimensions.top < 0) {
-      setTooltipPosition("bottom");
-      return;
-    }
-    if (dimensions.right > window.innerWidth) {
-      setTooltipPosition("left");
-      return;
-    }
-    if (dimensions.left < 0) {
-      setTooltipPosition("right");
-      return;
-    }
-    if (dimensions.bottom > window.innerHeight) {
-      setTooltipPosition("top");
-      return;
-    }
-  }, [tipContainer, tooltipPosition]);
-  useEffect(() => {
-    handleTipViewport();
-    setChildEl(document.getElementById(randomId));
-  }, []);
-  useEffect(() => {
-    setTooltipPosition(position);
-  }, [position]);
-  const arrowSize = 18;
-  const calculateTooltipPosition = () => {
-    if (!childEl)
-      return { top: 0, left: 0 };
-    if (!tipContainer.current)
-      return { top: 0, left: 0 };
-    const childPosition = childEl.getBoundingClientRect();
-    const tipDimensions = tipContainer.current.getBoundingClientRect();
-    let top2 = 0;
-    let left2 = 0;
-    switch (tooltipPosition) {
-      case "top":
-        top2 = childPosition.top + window.scrollY - tipDimensions.height - arrowSize;
-        left2 = childPosition.left + window.scrollX + childPosition.width / 2 - tipDimensions.width / 2;
-        break;
-      case "bottom":
-        top2 = childPosition.bottom + window.scrollY + arrowSize;
-        left2 = childPosition.left + window.scrollX + childPosition.width / 2 - tipDimensions.width / 2;
-        break;
-      case "left":
-        left2 = childPosition.left + window.scrollX - tipDimensions.width - arrowSize;
-        top2 = childPosition.top + window.scrollY + childPosition.height / 2 - tipDimensions.height / 2;
-        break;
-      case "right":
-        left2 = childPosition.right + window.scrollX + arrowSize;
-        top2 = childPosition.top + window.scrollY + childPosition.height / 2 - tipDimensions.height / 2;
-        break;
-    }
-    return { top: top2, left: left2 };
-  };
-  useEffect(() => {
-    if (childEl) {
-      setTooltipCoords(calculateTooltipPosition());
-    }
-  }, [
-    position,
-    window.scrollY,
-    tipContainer.current,
-    childEl,
-    childEl?.getBoundingClientRect().top,
-    childEl?.getBoundingClientRect().left
-  ]);
-  useEventListener({
-    eventName: "resize",
-    callback: debounce(handleTipViewport, 100),
-    ref: documentRef
-  });
-  useEventListener({
-    eventName: "scroll",
-    callback: debounce(handleTipViewport, 100),
-    ref: documentRef
-  });
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(
-      UnderlinedChild,
-      {
-        id: randomId,
-        underline,
-        onMouseEnter: () => setShowTip(true),
-        onMouseLeave: () => setShowTip(false),
-        children
-      }
-    ),
-    childEl && createPortal(
-      /* @__PURE__ */ jsxs(
-        Tip,
-        {
-          className: "tooltip",
-          showTip,
-          position,
-          arrowPosition: tooltipPosition,
-          ref: tipContainer,
-          maxWidth,
-          fallbackStyle,
-          zIndex,
-          style: {
-            position: "absolute",
-            top: `${tooltipCoords.top}px`,
-            left: `${tooltipCoords.left}px`
-          },
-          children: [
-            title && /* @__PURE__ */ jsx(
-              Text,
-              {
-                tag: "h5",
-                typo: "desc-medium",
-                color: fallbackStyle ? "cream" : "liquorice",
-                children: title
-              }
-            ),
-            typeof content === "string" && /* @__PURE__ */ jsx(
-              Text,
-              {
-                typo: "desc-light",
-                color: fallbackStyle ? "cream" : "liquorice",
-                children: content
-              }
-            ) || content
-          ]
+import { v4 as uuidv4 } from 'uuid';
+import { Box } from '../Box';
+import { Text } from '../Text';
+import { useEventListener } from '../hooks';
+import { theme } from '../theme';
+import { debounce } from '../utils/debounce';
+export const Tooltip = ({ children, title, content, position = 'top', maxWidth = 500, underline = false, fallbackStyle = false, zIndex = 10, portalContainer = document.body, }) => {
+    const documentRef = useRef(document);
+    const tipContainer = useRef(null);
+    const [showTip, setShowTip] = useState(false);
+    const [tooltipPosition, setTooltipPosition] = useState(position);
+    const [childEl, setChildEl] = useState(null);
+    const [tooltipCoords, setTooltipCoords] = useState({ top: 0, left: 0 });
+    const randomId = uuidv4();
+    const checkInbounds = (element) => element.top >= 0 &&
+        element.left >= 0 &&
+        element.bottom <= window.innerHeight &&
+        element.right <= window.innerWidth;
+    const handleTipViewport = useCallback(() => {
+        const dimensions = tipContainer.current?.getBoundingClientRect();
+        if (!dimensions)
+            return;
+        if (checkInbounds(dimensions))
+            return;
+        // If in bounds but not defaulted to top; default
+        if (dimensions.top >= 0 && tooltipPosition !== 'top') {
+            setTooltipPosition('top');
+            return;
+        }
+        // if top out of bounds
+        if (dimensions.top < 0) {
+            setTooltipPosition('bottom');
+            return;
         }
-      ),
-      portalContainer
-    )
-  ] });
+        // if right out of bounds
+        if (dimensions.right > window.innerWidth) {
+            setTooltipPosition('left');
+            return;
+        }
+        // if left out of bounds
+        if (dimensions.left < 0) {
+            setTooltipPosition('right');
+            return;
+        }
+        // If bottom out of bounds
+        if (dimensions.bottom > window.innerHeight) {
+            setTooltipPosition('top');
+            return;
+        }
+    }, [tipContainer, tooltipPosition]);
+    useEffect(() => {
+        handleTipViewport();
+        setChildEl(document.getElementById(randomId));
+    }, []);
+    useEffect(() => {
+        setTooltipPosition(position);
+    }, [position]);
+    const arrowSize = 18;
+    const calculateTooltipPosition = () => {
+        if (!childEl)
+            return { top: 0, left: 0 };
+        if (!tipContainer.current)
+            return { top: 0, left: 0 };
+        const childPosition = childEl.getBoundingClientRect();
+        const tipDimensions = tipContainer.current.getBoundingClientRect();
+        let top = 0;
+        let left = 0;
+        switch (tooltipPosition) {
+            case 'top':
+                top =
+                    childPosition.top + window.scrollY - tipDimensions.height - arrowSize;
+                left =
+                    childPosition.left +
+                        window.scrollX +
+                        childPosition.width / 2 -
+                        tipDimensions.width / 2;
+                break;
+            case 'bottom':
+                top = childPosition.bottom + window.scrollY + arrowSize;
+                left =
+                    childPosition.left +
+                        window.scrollX +
+                        childPosition.width / 2 -
+                        tipDimensions.width / 2;
+                break;
+            case 'left':
+                left =
+                    childPosition.left + window.scrollX - tipDimensions.width - arrowSize;
+                top =
+                    childPosition.top +
+                        window.scrollY +
+                        childPosition.height / 2 -
+                        tipDimensions.height / 2;
+                break;
+            case 'right':
+                left = childPosition.right + window.scrollX + arrowSize;
+                top =
+                    childPosition.top +
+                        window.scrollY +
+                        childPosition.height / 2 -
+                        tipDimensions.height / 2;
+                break;
+            default:
+                break;
+        }
+        return { top, left };
+    };
+    useEffect(() => {
+        if (childEl) {
+            setTooltipCoords(calculateTooltipPosition());
+        }
+    }, [
+        position,
+        window.scrollY,
+        tipContainer.current,
+        childEl,
+        childEl?.getBoundingClientRect().top,
+        childEl?.getBoundingClientRect().left,
+    ]);
+    useEventListener({
+        eventName: 'resize',
+        callback: debounce(handleTipViewport, 100),
+        ref: documentRef,
+    });
+    useEventListener({
+        eventName: 'scroll',
+        callback: debounce(handleTipViewport, 100),
+        ref: documentRef,
+    });
+    return (React.createElement(Container, null,
+        React.createElement(UnderlinedChild, { id: randomId, underline: underline, onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
+        childEl &&
+            createPortal(React.createElement(Tip, { className: "tooltip", showTip: showTip, position: position, arrowPosition: tooltipPosition, ref: tipContainer, maxWidth: maxWidth, fallbackStyle: fallbackStyle, zIndex: zIndex, style: {
+                    position: 'absolute',
+                    top: `${tooltipCoords.top}px`,
+                    left: `${tooltipCoords.left}px`,
+                } },
+                title && (React.createElement(Text, { tag: "h5", typo: "desc-medium", color: fallbackStyle ? 'cream' : 'liquorice' }, title)),
+                (typeof content === 'string' && (React.createElement(Text, { typo: "desc-light", color: fallbackStyle ? 'cream' : 'liquorice' }, content))) ||
+                    content), portalContainer)));
 };
-const Container = styled.div`
+export const Container = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
@@ -176,95 +151,96 @@ const Container = styled.div`
     opacity: 1;
   }
 `;
-const UnderlinedChild = styled(Box)`
+const UnderlinedChild = styled(Box) `
   cursor: pointer;
-  ${({ underline }) => underline && css`
+  ${({ underline }) => underline &&
+    css `
       border-bottom: 1px dashed ${theme.colors.marshmallowPink};
     `}
 `;
 const arrowInset = 26;
-const arrowCenterPosition = "calc(50% - 6px)";
-const arrowVerticalCenter = "calc(50% - 12px)";
+const arrowCenterPosition = 'calc(50% - 6px)';
+const arrowVerticalCenter = 'calc(50% - 12px)';
 const handleHorizontalArrowPosition = (arrowPosition) => {
-  switch (arrowPosition) {
-    case "left":
-      return css`
+    switch (arrowPosition) {
+        case 'left':
+            return css `
         left: ${arrowInset}px;
       `;
-    case "right":
-      return css`
+        case 'right':
+            return css `
         right: ${arrowInset}px;
       `;
-    default:
-      return css`
+        default:
+            return css `
         left: ${arrowCenterPosition};
       `;
-  }
+    }
 };
 const handleVerticalArrowPosition = (arrowPosition) => {
-  switch (arrowPosition) {
-    case "top":
-      return css`
+    switch (arrowPosition) {
+        case 'top':
+            return css `
         top: ${arrowInset}px;
       `;
-    case "bottom":
-      return css`
+        case 'bottom':
+            return css `
         bottom: ${arrowInset}px;
       `;
-    default:
-      return css`
+        default:
+            return css `
         top: ${arrowVerticalCenter};
       `;
-  }
+    }
 };
-const top = css`
+const top = css `
   &:before {
     bottom: -15px;
     transform: rotate(-90deg);
     ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
   }
 `;
-const bottom = css`
+const bottom = css `
   &:before {
     top: -15px;
     transform: rotate(90deg);
     ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
   }
 `;
-const left = css`
+const left = css `
   &:before {
     right: -11px;
     transform: rotate(180deg);
     ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
   }
 `;
-const right = css`
+const right = css `
   &:before {
     left: -11px;
     ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
   }
 `;
-const Tip = styled.div`
+export const Tip = styled.div `
   position: absolute;
   margin: auto;
   background: ${theme.colors.custard};
   padding: 16px 12px 20px;
   border-radius: 16px;
   max-width: 450px;
-  opacity: ${({ showTip }) => showTip ? "1" : "0"};
+  opacity: ${({ showTip }) => (showTip ? '1' : '0')};
   transition: opacity 0.2s ease-in-out;
   pointer-events: none;
   cursor: default;
-  z-index: ${({ zIndex }) => zIndex ? zIndex : "10"};
+  z-index: ${({ zIndex }) => (zIndex ? zIndex : '10')};
 
   // this is the trick that will make sure the content can go up to maxWidth
-  margin-right: ${({ maxWidth }) => maxWidth && -maxWidth / 2 + "px"};
-  max-width: ${({ maxWidth }) => maxWidth && maxWidth + "px"};
+  margin-right: ${({ maxWidth }) => maxWidth && -maxWidth / 2 + 'px'};
+  max-width: ${({ maxWidth }) => maxWidth && maxWidth + 'px'};
 
-  ${({ arrowPosition }) => arrowPosition === "top" && top}
-  ${({ arrowPosition }) => arrowPosition === "bottom" && bottom}
-	${({ arrowPosition }) => arrowPosition === "left" && left}
-	${({ arrowPosition }) => arrowPosition === "right" && right}
+  ${({ arrowPosition }) => arrowPosition === 'top' && top}
+  ${({ arrowPosition }) => arrowPosition === 'bottom' && bottom}
+	${({ arrowPosition }) => arrowPosition === 'left' && left}
+	${({ arrowPosition }) => arrowPosition === 'right' && right}
 
   &:before {
     content: '';
@@ -274,13 +250,12 @@ const Tip = styled.div`
     position: absolute;
   }
 
-  ${({ fallbackStyle }) => fallbackStyle && css`
+  ${({ fallbackStyle }) => fallbackStyle &&
+    css `
       background: ${theme.colors.feijoa};
       &:before {
         border-color: transparent ${theme.colors.feijoa} transparent transparent;
       }
     `};
 `;
-
-export { Container, Tip, Tooltip };
-//# sourceMappingURL=Tooltip.js.map
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport styled, { css } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Box } from '../Box'\nimport { Text } from '../Text'\nimport { useEventListener } from '../hooks'\nimport { theme } from '../theme'\nimport { debounce } from '../utils/debounce'\n\ntype Position = 'top' | 'bottom' | 'left' | 'right'\ntype ArrowPosition = Position | 'center'\n\nexport interface TooltipProps {\n  children: ReactNode\n  content: string | ReactNode\n  position: Position\n  maxWidth?: number\n  title?: string\n  underline?: boolean\n  fallbackStyle?: boolean\n  zIndex?: number\n  portalContainer?: Element | DocumentFragment\n}\n\nexport const Tooltip: FC<TooltipProps> = ({\n  children,\n  title,\n  content,\n  position = 'top',\n  maxWidth = 500,\n  underline = false,\n  fallbackStyle = false,\n  zIndex = 10,\n  portalContainer = document.body,\n}) => {\n  const documentRef = useRef<Document>(document)\n  const tipContainer = useRef<HTMLDivElement>(null)\n  const [showTip, setShowTip] = useState<boolean>(false)\n  const [tooltipPosition, setTooltipPosition] = useState<Position>(position)\n  const [childEl, setChildEl] = useState<HTMLElement | null>(null)\n  const [tooltipCoords, setTooltipCoords] = useState({ top: 0, left: 0 })\n\n  const randomId = uuidv4()\n\n  const checkInbounds = (element: DOMRect): boolean =>\n    element.top >= 0 &&\n    element.left >= 0 &&\n    element.bottom <= window.innerHeight &&\n    element.right <= window.innerWidth\n\n  const handleTipViewport = useCallback(() => {\n    const dimensions = tipContainer.current?.getBoundingClientRect()\n\n    if (!dimensions) return\n    if (checkInbounds(dimensions)) return\n\n    // If in bounds but not defaulted to top; default\n    if (dimensions.top >= 0 && tooltipPosition !== 'top') {\n      setTooltipPosition('top')\n      return\n    }\n    // if top out of bounds\n    if (dimensions.top < 0) {\n      setTooltipPosition('bottom')\n      return\n    }\n    // if right out of bounds\n    if (dimensions.right > window.innerWidth) {\n      setTooltipPosition('left')\n      return\n    }\n    // if left out of bounds\n    if (dimensions.left < 0) {\n      setTooltipPosition('right')\n      return\n    }\n    // If bottom out of bounds\n    if (dimensions.bottom > window.innerHeight) {\n      setTooltipPosition('top')\n      return\n    }\n  }, [tipContainer, tooltipPosition])\n\n  useEffect(() => {\n    handleTipViewport()\n    setChildEl(document.getElementById(randomId))\n  }, [])\n\n  useEffect(() => {\n    setTooltipPosition(position)\n  }, [position])\n\n  const arrowSize = 18\n\n  const calculateTooltipPosition = (): { top: number; left: number } => {\n    if (!childEl) return { top: 0, left: 0 }\n    if (!tipContainer.current) return { top: 0, left: 0 }\n\n    const childPosition = childEl.getBoundingClientRect()\n    const tipDimensions = tipContainer.current.getBoundingClientRect()\n\n    let top = 0\n    let left = 0\n\n    switch (tooltipPosition) {\n      case 'top':\n        top =\n          childPosition.top + window.scrollY - tipDimensions.height - arrowSize\n        left =\n          childPosition.left +\n          window.scrollX +\n          childPosition.width / 2 -\n          tipDimensions.width / 2\n        break\n      case 'bottom':\n        top = childPosition.bottom + window.scrollY + arrowSize\n        left =\n          childPosition.left +\n          window.scrollX +\n          childPosition.width / 2 -\n          tipDimensions.width / 2\n        break\n      case 'left':\n        left =\n          childPosition.left + window.scrollX - tipDimensions.width - arrowSize\n        top =\n          childPosition.top +\n          window.scrollY +\n          childPosition.height / 2 -\n          tipDimensions.height / 2\n        break\n      case 'right':\n        left = childPosition.right + window.scrollX + arrowSize\n        top =\n          childPosition.top +\n          window.scrollY +\n          childPosition.height / 2 -\n          tipDimensions.height / 2\n        break\n      default:\n        break\n    }\n    return { top, left }\n  }\n\n  useEffect(() => {\n    if (childEl) {\n      setTooltipCoords(calculateTooltipPosition())\n    }\n  }, [\n    position,\n    window.scrollY,\n    tipContainer.current,\n    childEl,\n    childEl?.getBoundingClientRect().top,\n    childEl?.getBoundingClientRect().left,\n  ])\n\n  useEventListener({\n    eventName: 'resize',\n    callback: debounce(handleTipViewport, 100),\n    ref: documentRef,\n  })\n\n  useEventListener({\n    eventName: 'scroll',\n    callback: debounce(handleTipViewport, 100),\n    ref: documentRef,\n  })\n\n  return (\n    <Container>\n      <UnderlinedChild\n        id={randomId}\n        underline={underline}\n        onMouseEnter={() => setShowTip(true)}\n        onMouseLeave={() => setShowTip(false)}\n      >\n        {children}\n      </UnderlinedChild>\n      {childEl &&\n        createPortal(\n          <Tip\n            className=\"tooltip\"\n            showTip={showTip}\n            position={position}\n            arrowPosition={tooltipPosition}\n            ref={tipContainer}\n            maxWidth={maxWidth}\n            fallbackStyle={fallbackStyle}\n            zIndex={zIndex}\n            style={{\n              position: 'absolute',\n              top: `${tooltipCoords.top}px`,\n              left: `${tooltipCoords.left}px`,\n            }}\n          >\n            {title && (\n              <Text\n                tag=\"h5\"\n                typo=\"desc-medium\"\n                color={fallbackStyle ? 'cream' : 'liquorice'}\n              >\n                {title}\n              </Text>\n            )}\n            {(typeof content === 'string' && (\n              <Text\n                typo=\"desc-light\"\n                color={fallbackStyle ? 'cream' : 'liquorice'}\n              >\n                {content}\n              </Text>\n            )) ||\n              content}\n          </Tip>,\n          portalContainer,\n        )}\n    </Container>\n  )\n}\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  > span:hover + .tooltip {\n    opacity: 1;\n  }\n`\n\nconst UnderlinedChild = styled(Box)<{ underline: boolean }>`\n  cursor: pointer;\n  ${({ underline }) =>\n    underline &&\n    css`\n      border-bottom: 1px dashed ${theme.colors.marshmallowPink};\n    `}\n`\n\nconst arrowInset = 26\nconst arrowCenterPosition = 'calc(50% - 6px)'\nconst arrowVerticalCenter = 'calc(50% - 12px)'\n\nconst handleHorizontalArrowPosition = (arrowPosition: ArrowPosition) => {\n  switch (arrowPosition) {\n    case 'left':\n      return css`\n        left: ${arrowInset}px;\n      `\n    case 'right':\n      return css`\n        right: ${arrowInset}px;\n      `\n    default:\n      return css`\n        left: ${arrowCenterPosition};\n      `\n  }\n}\n\nconst handleVerticalArrowPosition = (arrowPosition: ArrowPosition) => {\n  switch (arrowPosition) {\n    case 'top':\n      return css`\n        top: ${arrowInset}px;\n      `\n    case 'bottom':\n      return css`\n        bottom: ${arrowInset}px;\n      `\n    default:\n      return css`\n        top: ${arrowVerticalCenter};\n      `\n  }\n}\n\nconst top = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    bottom: -15px;\n    transform: rotate(-90deg);\n    ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}\n  }\n`\n\nconst bottom = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    top: -15px;\n    transform: rotate(90deg);\n    ${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}\n  }\n`\n\nconst left = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    right: -11px;\n    transform: rotate(180deg);\n    ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}\n  }\n`\n\nconst right = css<{ arrowPosition: ArrowPosition }>`\n  &:before {\n    left: -11px;\n    ${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}\n  }\n`\n\nexport const Tip = styled.div<{\n  showTip: boolean\n  position: Position\n  arrowPosition: ArrowPosition\n  maxWidth?: number\n  fallbackStyle?: boolean\n  zIndex: number\n}>`\n  position: absolute;\n  margin: auto;\n  background: ${theme.colors.custard};\n  padding: 16px 12px 20px;\n  border-radius: 16px;\n  max-width: 450px;\n  opacity: ${({ showTip }) => (showTip ? '1' : '0')};\n  transition: opacity 0.2s ease-in-out;\n  pointer-events: none;\n  cursor: default;\n  z-index: ${({ zIndex }) => (zIndex ? zIndex : '10')};\n\n  // this is the trick that will make sure the content can go up to maxWidth\n  margin-right: ${({ maxWidth }) => maxWidth && -maxWidth / 2 + 'px'};\n  max-width: ${({ maxWidth }) => maxWidth && maxWidth + 'px'};\n\n  ${({ arrowPosition }) => arrowPosition === 'top' && top}\n  ${({ arrowPosition }) => arrowPosition === 'bottom' && bottom}\n\t${({ arrowPosition }) => arrowPosition === 'left' && left}\n\t${({ arrowPosition }) => arrowPosition === 'right' && right}\n\n  &:before {\n    content: '';\n    border-style: solid;\n    border-width: 12px 12px 12px 0;\n    border-color: transparent ${theme.colors.custard} transparent transparent;\n    position: absolute;\n  }\n\n  ${({ fallbackStyle }) =>\n    fallbackStyle &&\n    css`\n      background: ${theme.colors.feijoa};\n      &:before {\n        border-color: transparent ${theme.colors.feijoa} transparent transparent;\n      }\n    `};\n`\n"],"names":["uuidv4","top","left"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+//# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/fields/Field/Field.js

@@ -1,9 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
-import { InternalField } from '../components/InternalField.js';
-
-const Field = ({ children, ...fieldProps }) => {
-  return /* @__PURE__ */ jsx(InternalField, { fieldType: "field", ...fieldProps, children });
+import React from 'react';
+import { InternalField } from '../components/InternalField';
+export const Field = ({ children, ...fieldProps }) => {
+    return (React.createElement(InternalField, { fieldType: "field", ...fieldProps }, children));
 };
-
-export { Field };
-//# sourceMappingURL=Field.js.map
+//# sourceMappingURL=Field.js.map

package/dist/fields/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../src/fields/Field/Field.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport { CommonFieldProps } from '../commonFieldTypes'\nimport { InternalField } from '../components/InternalField'\n\nexport interface FieldProps extends CommonFieldProps {\n  htmlFor?: string\n  children: ReactNode\n}\n\nexport const Field = ({ children, ...fieldProps }: FieldProps) => {\n  return (\n    <InternalField fieldType=\"field\" {...fieldProps}>\n      {children}\n    </InternalField>\n  )\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,QAAQ,CAAC,EAAE,QAAU,EAAA,GAAG,YAA6B,KAAA;AAChE,EAAA,2BACG,aAAc,EAAA,EAAA,SAAA,EAAU,OAAS,EAAA,GAAG,YAClC,QACH,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/fields/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAO3D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAc,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAC,OAAO,KAAK,UAAU,IAC5C,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/fields/Field/index.js

@@ -0,0 +1,2 @@
+export * from './Field';
+//# sourceMappingURL=index.js.map

package/dist/fields/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fields/Field/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/fields/Fieldset/Fieldset.js

@@ -1,23 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
-import { InternalField } from '../components/InternalField.js';
-
-const Fieldset = ({
-  children,
-  renderAsTitle = true,
-  id,
-  ...fieldProps
-}) => {
-  return /* @__PURE__ */ jsx(
-    InternalField,
-    {
-      htmlFor: id,
-      fieldType: "fieldset",
-      renderAsTitle,
-      ...fieldProps,
-      children
-    }
-  );
+import React from 'react';
+import { InternalField } from '../components/InternalField';
+export const Fieldset = ({ children, renderAsTitle = true, id, ...fieldProps }) => {
+    return (React.createElement(InternalField, { htmlFor: id, fieldType: "fieldset", renderAsTitle: renderAsTitle, ...fieldProps }, children));
 };
-
-export { Fieldset };
-//# sourceMappingURL=Fieldset.js.map
+//# sourceMappingURL=Fieldset.js.map

package/dist/fields/Fieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sources":["../../../src/fields/Fieldset/Fieldset.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MarginProps } from '../../utils/space'\nimport { CommonFieldProps } from '../commonFieldTypes'\nimport { InternalField } from '../components/InternalField'\n\nexport type FieldsetProps = CommonFieldProps & MarginProps\n\nexport const Fieldset = ({\n  children,\n  renderAsTitle = true,\n  id,\n  ...fieldProps\n}: FieldsetProps) => {\n  return (\n    <InternalField\n      htmlFor={id}\n      fieldType=\"fieldset\"\n      renderAsTitle={renderAsTitle}\n      {...fieldProps}\n    >\n      {children}\n    </InternalField>\n  )\n}\n"],"names":[],"mappings":";;;AAQO,MAAM,WAAW,CAAC;AAAA,EACvB,QAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,EAAA;AAAA,EACA,GAAG,UAAA;AACL,CAAqB,KAAA;AACnB,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAA;AAAA,MACT,SAAU,EAAA,UAAA;AAAA,MACV,aAAA;AAAA,MACC,GAAG,UAAA;AAAA,MAEH,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAI3D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,EAAE,EACF,GAAG,UAAU,EACC,EAAE,EAAE;IAClB,OAAO,CACL,oBAAC,aAAa,IACZ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,UAAU,EACpB,aAAa,EAAE,aAAa,KACxB,UAAU,IAEb,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/fields/Fieldset/index.js

@@ -0,0 +1,2 @@
+export * from './Fieldset';
+//# sourceMappingURL=index.js.map

package/dist/fields/Fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fields/Fieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/fields/commonFieldTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=commonFieldTypes.js.map

package/dist/fields/commonFieldTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonFieldTypes.js","sourceRoot":"","sources":["../../src/fields/commonFieldTypes.ts"],"names":[],"mappings":""}