@channel.io/bezier-react 1.4.0 → 1.6.0

package/dist/cjs/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { window } from '~/src/utils/domUtils'\n\nimport type TooltipProps from './Tooltip.types'\nimport { TooltipPosition } from './Tooltip.types'\nimport TooltipContent from './TooltipContent'\n\nimport { Container } from './Tooltip.styled'\n\nexport const TOOLTIP_TEST_ID = 'bezier-react-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content'\n\nfunction Tooltip(\n  {\n    as,\n    testId = TOOLTIP_TEST_ID,\n    contentTestId = TOOLTIP_CONTENT_TEST_ID,\n    className,\n    contentClassName,\n    contentInterpolation,\n    contentWrapperStyle,\n    content = null,\n    lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n    placement = TooltipPosition.BottomCenter,\n    disabled = false,\n    offset = 4,\n    keepInContainer = false,\n    allowHover = false,\n    delayShow = 0,\n    delayHide = 0,\n    children,\n    ...otherProps\n  }: TooltipProps,\n  forwardedRef: Ref<any>,\n) {\n  const [show, setShow] = useState(false)\n  const [didMount, setDidMount] = useState(show)\n\n  const tooltipContainerRef = useRef<HTMLDivElement>(null)\n  const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n  useEffect(function hideTooltipContentWhenDisabled() {\n    if (disabled) {\n      setShow(false)\n    }\n  }, [disabled])\n\n  useEffect(function updateDidMount() {\n    setDidMount((prev) => prev || show)\n  }, [show])\n\n  const handleMouseEnter = useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = window.setTimeout(() => {\n      setShow(true)\n    }, delayShow)\n  }, [\n    delayShow,\n    disabled,\n  ])\n\n  const handleMouseLeave = useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = window.setTimeout(() => {\n      setShow(false)\n    }, delayHide)\n  }, [\n    delayHide,\n    disabled,\n  ])\n\n  const TooltipComponent = useMemo(() => {\n    if (!lazy || didMount) {\n      return (\n        <TooltipContent\n          as={as}\n          content={content}\n          contentClassName={contentClassName}\n          contentInterpolation={contentInterpolation}\n          contentWrapperStyle={contentWrapperStyle}\n          disabled={disabled}\n          placement={placement}\n          offset={offset}\n          allowHover={allowHover}\n          keepInContainer={keepInContainer}\n          tooltipContainer={tooltipContainerRef.current}\n          forwardedRef={forwardedRef}\n          testId={contentTestId}\n        />\n      )\n    }\n\n    return null\n  }, [\n    lazy,\n    didMount,\n    as,\n    content,\n    contentClassName,\n    contentInterpolation,\n    contentWrapperStyle,\n    disabled,\n    placement,\n    offset,\n    allowHover,\n    keepInContainer,\n    forwardedRef,\n    contentTestId,\n  ])\n\n  if (!children) {\n    return null\n  }\n\n  return (\n    <Container\n      ref={tooltipContainerRef}\n      data-testid={testId}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...otherProps}\n    >\n      { children }\n      { show && TooltipComponent }\n    </Container>\n  )\n}\n\nexport default React.memo(forwardRef(Tooltip))\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","Tooltip","as","testId","contentTestId","className","contentClassName","contentInterpolation","contentWrapperStyle","content","lazy","placement","TooltipPosition","BottomCenter","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","window","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","TooltipContent","tooltipContainer","Container","Object","assign","ref","onMouseEnter","onMouseLeave","memo","forwardRef"],"mappings":"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"}

package/dist/cjs/components/Tooltip/Tooltip.styled.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var ZIndex = require('../../constants/ZIndex.js');
+var Typography = require('../../foundation/Typography.js');
+var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
+var Mixins = require('../../foundation/Mixins.js');
+
+const Container = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Tooltipstyled__Container",
+  componentId: "sc-51cb65-0"
+})(["position:relative;"]);
+const ContentWrapper = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Tooltipstyled__ContentWrapper",
+  componentId: "sc-51cb65-1"
+})(["position:absolute;top:0;left:0;z-index:", ";", ""], ZIndex.ZIndex.Tooltip, ({
+  disabled
+}) => disabled && FoundationStyledComponent.css`
+    display: none;
+  `);
+const Content = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Tooltipstyled__Content",
+  componentId: "sc-51cb65-2"
+})(["box-sizing:border-box;width:max-content;max-width:260px;height:max-content;padding:8px 14px;color:", ";word-break:normal;word-wrap:break-word;", ";", ";", ""], ({
+  foundation
+}) => foundation?.subTheme?.['txt-black-darkest'], ({
+  foundation
+}) => foundation?.elevation?.ev2(true), ({
+  foundation
+}) => foundation?.rounding?.round8, ({
+  interpolation
+}) => interpolation);
+const EllipsisableContent = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Tooltipstyled__EllipsisableContent",
+  componentId: "sc-51cb65-3"
+})(["", ""], Mixins.ellipsis(20, Typography.LineHeightAbsoluteNumber.Lh18));
+
+exports.Container = Container;
+exports.Content = Content;
+exports.ContentWrapper = ContentWrapper;
+exports.EllipsisableContent = EllipsisableContent;
+//# sourceMappingURL=Tooltip.styled.js.map

package/dist/cjs/components/Tooltip/Tooltip.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styled.js","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"sourcesContent":["import {\n  LineHeightAbsoluteNumber,\n  css,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport type { InterpolationProps } from '~/src/types/Foundation'\n\ninterface ContentWrapperProps {\n  disabled: boolean\n}\n\nexport const Container = styled.div`\n  position: relative;\n`\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Tooltip};\n\n  ${({ disabled }) => disabled && css`\n    display: none;\n  `}\n`\n\nexport const Content = styled.div<InterpolationProps>`\n  box-sizing: border-box;\n  width: max-content;\n  max-width: 260px;\n  height: max-content;\n  padding: 8px 14px;\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n  word-break: normal;\n  word-wrap: break-word;\n  ${({ foundation }) => foundation?.elevation?.ev2(true)};\n  ${({ foundation }) => foundation?.rounding?.round8};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const EllipsisableContent = styled.div`\n  ${ellipsis(20, LineHeightAbsoluteNumber.Lh18)}\n`\n"],"names":["Container","styled","div","withConfig","displayName","componentId","ContentWrapper","ZIndex","Tooltip","disabled","css","Content","foundation","subTheme","elevation","ev2","rounding","round8","interpolation","EllipsisableContent","ellipsis","LineHeightAbsoluteNumber","Lh18"],"mappings":";;;;;;;MAcaA,SAAS,gBAAGC,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAElC,CAAA,CAAA,CAAA,oBAAA,CAAA,EAAA;MACYC,cAAc,gBAAGL,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yCAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAI3BE,aAAM,CAACC,OAAO,EAEvB,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,IAAIC,6BAAI,CAAA;AACtC;AACA,EAAA,CAAG,EACF;MAEYC,OAAO,gBAAGV,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oGAAA,EAAA,0CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAMtB,CAAC;AAAEO,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,QAAQ,GAAG,mBAAmB,CAAC,EAGtE,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEE,SAAS,EAAEC,GAAG,CAAC,IAAI,CAAC,EACpD,CAAC;AAAEH,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEI,QAAQ,EAAEC,MAAM,EAEhD,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAEYC,mBAAmB,gBAAGlB,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oCAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CACzCe,CAAAA,CAAAA,CAAAA,EAAAA,EAAAA,EAAAA,CAAAA,EAAAA,eAAQ,CAAC,EAAE,EAAEC,mCAAwB,CAACC,IAAI,CAAC;;;;;;;"}

package/dist/cjs/components/Tooltip/Tooltip.types.js

@@ -0,0 +1,20 @@
+'use strict';
+
+let TooltipPosition = /*#__PURE__*/function (TooltipPosition) {
+  TooltipPosition["TopCenter"] = "topCenter";
+  TooltipPosition["TopLeft"] = "topLeft";
+  TooltipPosition["TopRight"] = "topRight";
+  TooltipPosition["RightCenter"] = "rightCenter";
+  TooltipPosition["RightTop"] = "rightTop";
+  TooltipPosition["RightBottom"] = "rightBottom";
+  TooltipPosition["BottomCenter"] = "bottomCenter";
+  TooltipPosition["BottomLeft"] = "bottomLeft";
+  TooltipPosition["BottomRight"] = "bottomRight";
+  TooltipPosition["LeftCenter"] = "leftCenter";
+  TooltipPosition["LeftTop"] = "leftTop";
+  TooltipPosition["LeftBottom"] = "leftBottom";
+  return TooltipPosition;
+}({});
+
+exports.TooltipPosition = TooltipPosition;
+//# sourceMappingURL=Tooltip.types.js.map

package/dist/cjs/components/Tooltip/Tooltip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type Ref } from 'react'\n\nimport {\n  type AdditionalStylableProps,\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n  type RenderConfigProps,\n} from '~/src/types/ComponentProps'\n\ninterface TooltipOptions {\n  placement?: TooltipPosition\n  offset?: number\n  keepInContainer?: boolean\n  allowHover?: boolean\n  delayShow?: number\n  delayHide?: number\n  contentTestId?: string\n  lazy?: boolean\n}\n\nexport default interface TooltipProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  ContentProps,\n  DisableProps,\n  AdditionalStylableProps<'content' | 'contentWrapper'>,\n  React.HTMLAttributes<HTMLDivElement>,\n  TooltipOptions {\n}\n\nexport interface TooltipContentProps extends Pick<\nTooltipOptions,\n'keepInContainer' |\n'placement' |\n'offset' |\n'allowHover'\n>,\n  RenderConfigProps,\n  ContentProps,\n  AdditionalStylableProps<'content' | 'contentWrapper'>,\n  DisableProps {\n  tooltipContainer: HTMLDivElement | null\n  forwardedRef: Ref<HTMLDivElement>\n}\n\nexport interface GetTooltipStyle extends Required<Pick<TooltipOptions, 'placement' | 'offset' | 'allowHover'>> {\n  tooltipContainer: HTMLDivElement\n}\n\nexport interface GetReplacement extends Required<Pick<TooltipOptions, 'placement' | 'keepInContainer'>> {\n  tooltip: HTMLDivElement\n}\n\nexport enum TooltipPosition {\n  TopCenter = 'topCenter',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  RightCenter = 'rightCenter',\n  RightTop = 'rightTop',\n  RightBottom = 'rightBottom',\n  BottomCenter = 'bottomCenter',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  LeftCenter = 'leftCenter',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n}\n"],"names":["TooltipPosition"],"mappings":";;AAuDYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/components/Tooltip/TooltipContent.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+var useEventHandler = require('../../hooks/useEventHandler.js');
+var useMergeRefs = require('../../hooks/useMergeRefs.js');
+var domUtils = require('../../utils/domUtils.js');
+var typeUtils = require('../../utils/typeUtils.js');
+var Text = require('../Text/Text.js');
+var Tooltip_types = require('./Tooltip.types.js');
+var utils = require('./utils.js');
+var Tooltip_styled = require('./Tooltip.styled.js');
+var Typography = require('../../foundation/Typography.js');
+
+function getNewLineComponent(strContent) {
+  return strContent.split('\n').map((str, index) => {
+    if (index === 0) {
+      return /*#__PURE__*/React.createElement(Text.default, {
+        key: str,
+        typo: Typography.Typography.Size14
+      }, str);
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: str
+    }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text.default, {
+      typo: Typography.Typography.Size14
+    }, str));
+  });
+}
+function getContentComponent(content) {
+  if (typeUtils.isArray(content)) {
+    return content.map(item => {
+      if (typeUtils.isString(item)) {
+        return getNewLineComponent(item);
+      }
+      return item;
+    });
+  }
+  if (typeUtils.isString(content)) {
+    return getNewLineComponent(content);
+  }
+  return content;
+}
+const TooltipContent = ({
+  as,
+  content,
+  contentClassName,
+  contentInterpolation,
+  contentWrapperStyle: givenContentWrapperStyle,
+  disabled = false,
+  keepInContainer = false,
+  placement = Tooltip_types.TooltipPosition.BottomCenter,
+  tooltipContainer,
+  offset = 4,
+  allowHover = false,
+  testId,
+  forwardedRef
+}) => {
+  const tooltipRef = React.useRef(null);
+  const tooltipWrapperRef = React.useRef(null);
+  const mergedRef = useMergeRefs.default(tooltipRef, forwardedRef);
+  const [replacement, setReplacement] = React.useState(placement);
+  const handleClickTooltip = React.useCallback(event => {
+    event.stopPropagation();
+  }, []);
+  useEventHandler.default(tooltipRef.current, 'click', handleClickTooltip);
+  React.useEffect(() => {
+    if (!tooltipRef.current) {
+      return;
+    }
+    const newPlacement = utils.getReplacement({
+      tooltip: tooltipRef.current,
+      keepInContainer,
+      placement
+    });
+    setReplacement(newPlacement);
+  }, [keepInContainer, placement]);
+  const ContentComponent = React.useMemo(() => getContentComponent(content), [content]);
+  const contentWrapperStyle = React.useMemo(() => {
+    if (tooltipContainer) {
+      return {
+        ...givenContentWrapperStyle,
+        ...utils.getTooltipStyle({
+          tooltipContainer,
+          placement: replacement,
+          offset,
+          allowHover
+        })
+      };
+    }
+    return {};
+  }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
+  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Tooltip_styled.ContentWrapper, {
+    ref: tooltipWrapperRef,
+    disabled: disabled || typeUtils.isEmpty(content),
+    style: contentWrapperStyle
+  }, /*#__PURE__*/React.createElement(Tooltip_styled.Content, {
+    as: as,
+    "data-testid": testId,
+    className: contentClassName,
+    interpolation: contentInterpolation,
+    ref: mergedRef
+  }, /*#__PURE__*/React.createElement(Tooltip_styled.EllipsisableContent, null, ContentComponent))), domUtils.getRootElement());
+};
+var TooltipContent$1 = TooltipContent;
+
+exports.default = TooltipContent$1;
+//# sourceMappingURL=TooltipContent.js.map

package/dist/cjs/components/Tooltip/TooltipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { Typography } from '~/src/foundation'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { getRootElement } from '~/src/utils/domUtils'\nimport {\n  isArray,\n  isEmpty,\n  isString,\n} from '~/src/utils/typeUtils'\n\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type TooltipContentProps,\n  TooltipPosition,\n} from './Tooltip.types'\nimport {\n  getReplacement,\n  getTooltipStyle,\n} from './utils'\n\nimport {\n  Content,\n  ContentWrapper,\n  EllipsisableContent,\n} from './Tooltip.styled'\n\nfunction getNewLineComponent(strContent: string) {\n  return (\n    strContent.split('\\n').map((str, index) => {\n      if (index === 0) {\n        return (\n          <Text key={str} typo={Typography.Size14}>\n            { str }\n          </Text>\n        )\n      }\n\n      return (\n        <React.Fragment key={str}>\n          <br />\n          <Text typo={Typography.Size14}>\n            { str }\n          </Text>\n        </React.Fragment>\n      )\n    })\n  )\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n  if (isArray(content)) {\n    return content.map(item => {\n      if (isString(item)) {\n        return getNewLineComponent(item)\n      }\n\n      return item\n    })\n  }\n\n  if (isString(content)) {\n    return getNewLineComponent(content)\n  }\n\n  return content\n}\n\nconst TooltipContent: React.FC<TooltipContentProps> = ({\n  as,\n  content,\n  contentClassName,\n  contentInterpolation,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = TooltipPosition.BottomCenter,\n  tooltipContainer,\n  offset = 4,\n  allowHover = false,\n  testId,\n  forwardedRef,\n}) => {\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n  const [replacement, setReplacement] = useState(placement)\n\n  const handleClickTooltip = useCallback((event: HTMLElementEventMap['click']) => {\n    event.stopPropagation()\n  }, [])\n\n  useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n  useEffect(() => {\n    if (!tooltipRef.current) { return }\n    const newPlacement = getReplacement({\n      tooltip: tooltipRef.current,\n      keepInContainer,\n      placement,\n    })\n    setReplacement(newPlacement)\n  }, [\n    keepInContainer,\n    placement,\n  ])\n\n  const ContentComponent = useMemo(() => getContentComponent(content), [content])\n\n  const contentWrapperStyle = useMemo(() => {\n    if (tooltipContainer) {\n      return {\n        ...givenContentWrapperStyle,\n        ...getTooltipStyle({\n          tooltipContainer,\n          placement: replacement,\n          offset,\n          allowHover,\n        }),\n      }\n    }\n\n    return {}\n  }, [\n    tooltipContainer,\n    givenContentWrapperStyle,\n    replacement,\n    offset,\n    allowHover,\n  ])\n\n  return (\n    ReactDOM.createPortal(\n      <ContentWrapper\n        ref={tooltipWrapperRef}\n        disabled={disabled || isEmpty(content)}\n        style={contentWrapperStyle}\n      >\n        <Content\n          as={as}\n          data-testid={testId}\n          className={contentClassName}\n          interpolation={contentInterpolation}\n          ref={mergedRef}\n        >\n          <EllipsisableContent>\n            { ContentComponent }\n          </EllipsisableContent>\n        </Content>\n      </ContentWrapper>,\n      getRootElement(),\n    )\n  )\n}\n\nexport default TooltipContent\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Typography","Size14","Fragment","getContentComponent","content","isArray","item","isString","TooltipContent","as","contentClassName","contentInterpolation","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","TooltipPosition","BottomCenter","tooltipContainer","offset","allowHover","testId","forwardedRef","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","ReactDOM","createPortal","ContentWrapper","ref","isEmpty","style","Content","className","interpolation","EllipsisableContent","getRootElement"],"mappings":"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"}

package/dist/cjs/components/Tooltip/utils.js

@@ -0,0 +1,159 @@
+'use strict';
+
+var domUtils = require('../../utils/domUtils.js');
+var Tooltip_types = require('./Tooltip.types.js');
+
+function getReplacement({
+  tooltip,
+  keepInContainer,
+  placement
+}) {
+  if (!keepInContainer) {
+    return placement;
+  }
+  const {
+    width: tooltipWidth,
+    height: tooltipHeight,
+    top: tooltipTop,
+    left: tooltipLeft
+  } = tooltip.getBoundingClientRect();
+  const {
+    width: rootWidth,
+    height: rootHeight,
+    top: rootTop,
+    left: rootLeft
+  } = domUtils.getRootElement().getBoundingClientRect();
+  const isOverTop = tooltipTop < rootTop;
+  const isOverBottom = tooltipTop + tooltipHeight > rootTop + rootHeight;
+  const isOverLeft = tooltipLeft < rootLeft;
+  const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth;
+  if (isOverTop) {
+    if (isOverLeft) {
+      return Tooltip_types.TooltipPosition.BottomLeft;
+    }
+    if (isOverRight) {
+      return Tooltip_types.TooltipPosition.BottomRight;
+    }
+    return Tooltip_types.TooltipPosition.BottomCenter;
+  }
+  if (isOverBottom) {
+    if (isOverLeft) {
+      return Tooltip_types.TooltipPosition.TopLeft;
+    }
+    if (isOverRight) {
+      return Tooltip_types.TooltipPosition.TopRight;
+    }
+    return Tooltip_types.TooltipPosition.TopCenter;
+  }
+  if (isOverLeft) {
+    if (isOverTop) {
+      return Tooltip_types.TooltipPosition.RightTop;
+    }
+    if (isOverBottom) {
+      return Tooltip_types.TooltipPosition.RightBottom;
+    }
+    return Tooltip_types.TooltipPosition.RightCenter;
+  }
+  if (isOverRight) {
+    if (isOverTop) {
+      return Tooltip_types.TooltipPosition.LeftTop;
+    }
+    if (isOverBottom) {
+      return Tooltip_types.TooltipPosition.LeftBottom;
+    }
+    return Tooltip_types.TooltipPosition.LeftCenter;
+  }
+  return placement;
+}
+function getTooltipStyle({
+  tooltipContainer,
+  placement,
+  offset,
+  allowHover
+}) {
+  const {
+    top: containerTop,
+    left: containerLeft,
+    width: containerWidth,
+    height: containerHeight
+  } = tooltipContainer.getBoundingClientRect();
+  let top = containerTop;
+  let left = containerLeft;
+  let translateX = 0;
+  let translateY = 0;
+  let offsetTop = 0;
+  let offsetRight = 0;
+  let offsetBottom = 0;
+  let offsetLeft = 0;
+  let offsetStyle = {};
+  switch (placement) {
+    case Tooltip_types.TooltipPosition.TopCenter:
+    case Tooltip_types.TooltipPosition.TopLeft:
+    case Tooltip_types.TooltipPosition.TopRight:
+      translateY = -100;
+      offsetBottom = offset;
+      break;
+    case Tooltip_types.TooltipPosition.RightCenter:
+    case Tooltip_types.TooltipPosition.RightTop:
+    case Tooltip_types.TooltipPosition.RightBottom:
+      left += containerWidth;
+      offsetLeft = offset;
+      break;
+    case Tooltip_types.TooltipPosition.BottomCenter:
+    case Tooltip_types.TooltipPosition.BottomLeft:
+    case Tooltip_types.TooltipPosition.BottomRight:
+      top += containerHeight;
+      offsetTop = offset;
+      break;
+    case Tooltip_types.TooltipPosition.LeftCenter:
+    case Tooltip_types.TooltipPosition.LeftTop:
+    case Tooltip_types.TooltipPosition.LeftBottom:
+      translateX = -100;
+      offsetRight = offset;
+      break;
+  }
+  switch (placement) {
+    case Tooltip_types.TooltipPosition.TopCenter:
+    case Tooltip_types.TooltipPosition.BottomCenter:
+      translateX = -50;
+      left += containerWidth / 2;
+      break;
+    case Tooltip_types.TooltipPosition.TopRight:
+    case Tooltip_types.TooltipPosition.BottomRight:
+      translateX = -100;
+      left += containerWidth;
+      break;
+    case Tooltip_types.TooltipPosition.RightCenter:
+    case Tooltip_types.TooltipPosition.LeftCenter:
+      translateY = -50;
+      top += containerHeight / 2;
+      break;
+    case Tooltip_types.TooltipPosition.RightBottom:
+    case Tooltip_types.TooltipPosition.LeftBottom:
+      translateY = -100;
+      top += containerHeight;
+      break;
+  }
+  if (allowHover) {
+    offsetStyle = {
+      paddingTop: offsetTop,
+      paddingRight: offsetRight,
+      paddingBottom: offsetBottom,
+      paddingLeft: offsetLeft
+    };
+  } else {
+    top += offsetTop - offsetBottom;
+    left += offsetLeft - offsetRight;
+  }
+  return {
+    position: 'fixed',
+    top,
+    left,
+    transform: `translate(${translateX}%, ${translateY}%)`,
+    ...offsetStyle
+  };
+}
+
+exports.getReplacement = getReplacement;
+exports.getTooltipStyle = getTooltipStyle;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/Tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Tooltip/utils.ts"],"sourcesContent":["import { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  type GetReplacement,\n  type GetTooltipStyle,\n  TooltipPosition,\n} from './Tooltip.types'\n\nexport function getReplacement({\n  tooltip,\n  keepInContainer,\n  placement,\n}: GetReplacement): TooltipPosition {\n  if (!keepInContainer) {\n    return placement\n  }\n\n  const {\n    width: tooltipWidth,\n    height: tooltipHeight,\n    top: tooltipTop,\n    left: tooltipLeft,\n  } = tooltip.getBoundingClientRect()\n\n  const {\n    width: rootWidth,\n    height: rootHeight,\n    top: rootTop,\n    left: rootLeft,\n  } = getRootElement().getBoundingClientRect()\n\n  const isOverTop = tooltipTop < rootTop\n  const isOverBottom = tooltipTop + tooltipHeight > rootTop + rootHeight\n  const isOverLeft = tooltipLeft < rootLeft\n  const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth\n\n  if (isOverTop) {\n    if (isOverLeft) {\n      return TooltipPosition.BottomLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.BottomRight\n    }\n    return TooltipPosition.BottomCenter\n  }\n\n  if (isOverBottom) {\n    if (isOverLeft) {\n      return TooltipPosition.TopLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.TopRight\n    }\n    return TooltipPosition.TopCenter\n  }\n\n  if (isOverLeft) {\n    if (isOverTop) {\n      return TooltipPosition.RightTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.RightBottom\n    }\n    return TooltipPosition.RightCenter\n  }\n\n  if (isOverRight) {\n    if (isOverTop) {\n      return TooltipPosition.LeftTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.LeftBottom\n    }\n    return TooltipPosition.LeftCenter\n  }\n\n  return placement\n}\n\nexport function getTooltipStyle({\n  tooltipContainer,\n  placement,\n  offset,\n  allowHover,\n}: GetTooltipStyle) {\n  const {\n    top: containerTop,\n    left: containerLeft,\n    width: containerWidth,\n    height: containerHeight,\n  } = tooltipContainer.getBoundingClientRect()\n\n  let top = containerTop\n  let left = containerLeft\n  let translateX = 0\n  let translateY = 0\n\n  let offsetTop = 0\n  let offsetRight = 0\n  let offsetBottom = 0\n  let offsetLeft = 0\n  let offsetStyle = {}\n\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n    case TooltipPosition.TopLeft:\n    case TooltipPosition.TopRight:\n      translateY = -100\n      offsetBottom = offset\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.RightTop:\n    case TooltipPosition.RightBottom:\n      left += containerWidth\n      offsetLeft = offset\n      break\n    case TooltipPosition.BottomCenter:\n    case TooltipPosition.BottomLeft:\n    case TooltipPosition.BottomRight:\n      top += containerHeight\n      offsetTop = offset\n      break\n    case TooltipPosition.LeftCenter:\n    case TooltipPosition.LeftTop:\n    case TooltipPosition.LeftBottom:\n      translateX = -100\n      offsetRight = offset\n      break\n  }\n\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n    case TooltipPosition.BottomCenter:\n      translateX = -50\n      left += (containerWidth / 2)\n      break\n    case TooltipPosition.TopRight:\n    case TooltipPosition.BottomRight:\n      translateX = -100\n      left += containerWidth\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.LeftCenter:\n      translateY = -50\n      top += (containerHeight / 2)\n      break\n    case TooltipPosition.RightBottom:\n    case TooltipPosition.LeftBottom:\n      translateY = -100\n      top += containerHeight\n      break\n  }\n\n  if (allowHover) {\n    offsetStyle = {\n      paddingTop: offsetTop,\n      paddingRight: offsetRight,\n      paddingBottom: offsetBottom,\n      paddingLeft: offsetLeft,\n    }\n  } else {\n    top += (offsetTop - offsetBottom)\n    left += (offsetLeft - offsetRight)\n  }\n\n  return {\n    position: 'fixed',\n    top,\n    left,\n    transform: `translate(${translateX}%, ${translateY}%)`,\n    ...offsetStyle,\n  }\n}\n"],"names":["getReplacement","tooltip","keepInContainer","placement","width","tooltipWidth","height","tooltipHeight","top","tooltipTop","left","tooltipLeft","getBoundingClientRect","rootWidth","rootHeight","rootTop","rootLeft","getRootElement","isOverTop","isOverBottom","isOverLeft","isOverRight","TooltipPosition","BottomLeft","BottomRight","BottomCenter","TopLeft","TopRight","TopCenter","RightTop","RightBottom","RightCenter","LeftTop","LeftBottom","LeftCenter","getTooltipStyle","tooltipContainer","offset","allowHover","containerTop","containerLeft","containerWidth","containerHeight","translateX","translateY","offsetTop","offsetRight","offsetBottom","offsetLeft","offsetStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","position","transform"],"mappings":"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"}

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var index_module = require('../../node_modules/@radix-ui/react-visually-hidden/dist/index.module.js');
+
+/**
+ * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.
+ * It is useful when you want to provide additional information to screen readers.
+ *
+ * @example
+ *
+ * ```tsx
+ * <VisuallyHidden>
+ *   <span>This is a visually hidden text.</span>
+ * </VisuallyHidden>
+ * ```
+ *
+ */
+function VisuallyHidden({
+  children
+}) {
+  return /*#__PURE__*/React.createElement(index_module.Root, {
+    asChild: true
+  }, children);
+}
+
+exports.VisuallyHidden = VisuallyHidden;
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React from 'react'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n *\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n *\n */\nexport function VisuallyHidden({\n  children,\n}: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      { children }\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","React","createElement","VisuallyHiddenPrimitive","asChild"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAC;AAC7BC,EAAAA,QAAAA;AACmB,CAAC,EAAE;AACtB,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,iBAA4B,EAAA;IAACC,OAAO,EAAA,IAAA;AAAA,GAAA,EACjCJ,QAC0B,CAAC,CAAA;AAEnC;;;;"}

package/dist/cjs/constants/DisabledOpacity.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const disabledOpacity = 0.4;
+var disabledOpacity$1 = disabledOpacity;
+
+exports.default = disabledOpacity$1;
+//# sourceMappingURL=DisabledOpacity.js.map

package/dist/cjs/constants/DisabledOpacity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledOpacity.js","sources":["../../../src/constants/DisabledOpacity.ts"],"sourcesContent":["const disabledOpacity = 0.4\n\nexport default disabledOpacity\n"],"names":["disabledOpacity"],"mappings":";;;;AAAA,MAAMA,eAAe,GAAG,GAAG,CAAA;AAE3B,wBAAeA,eAAe;;;;"}

package/dist/cjs/constants/ZIndex.js

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * TODO[@ed]: Move inside foundation.
+ */
+/**
+ * Preset of `z-index` values to help control the stacking order of components.
+ * **Recommend using these values instead of hard-coding `z-index` values.**
+ */
+var ZIndex = /*#__PURE__*/function (ZIndex) {
+  ZIndex[ZIndex["Hide"] = -1] = "Hide";
+  ZIndex["Auto"] = "auto";
+  ZIndex[ZIndex["Base"] = 0] = "Base";
+  ZIndex[ZIndex["Float"] = 1] = "Float";
+  ZIndex[ZIndex["Overlay"] = 1000] = "Overlay";
+  ZIndex[ZIndex["Modal"] = 1100] = "Modal";
+  ZIndex[ZIndex["Toast"] = 1200] = "Toast";
+  ZIndex[ZIndex["Tooltip"] = 1300] = "Tooltip";
+  ZIndex[ZIndex["Important"] = 2000] = "Important";
+  return ZIndex;
+}(ZIndex || {});
+
+exports.ZIndex = ZIndex;
+//# sourceMappingURL=ZIndex.js.map

package/dist/cjs/constants/ZIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZIndex.js","sources":["../../../src/constants/ZIndex.ts"],"sourcesContent":["/**\n * TODO[@ed]: Move inside foundation.\n */\n/**\n * Preset of `z-index` values to help control the stacking order of components.\n * **Recommend using these values instead of hard-coding `z-index` values.**\n */\nenum ZIndex {\n  Hide = -1,\n  /**\n   * Default CSS `z-index` value.\n   * It does **not** create a new stacking context.\n   */\n  Auto = 'auto',\n  /**\n   * Used to create a new stacking context.\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n   */\n  Base = 0,\n  Float = 1,\n  /**\n   * Used by `Overlay`, `Select` component.\n   */\n  Overlay = 1000,\n  /**\n   * Used by `Modal`, `ConfirmModal` component.\n   */\n  Modal = 1100,\n  /**\n   * Used by `Toast` component.\n   */\n  Toast = 1200,\n  /**\n   * Used by `Tooltip` component.\n   */\n  Tooltip = 1300,\n  /**\n   * 🚨 **Recommend not to use this value.**\n   * If used unnecessarily, uses only this value for components that must be on **top of everything.**\n   */\n  Important = 2000,\n}\n\nexport { ZIndex }\n"],"names":["ZIndex"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACKA,IAAAA,MAAM,0BAANA,MAAM,EAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,MAAA,CAAA;EAANA,MAAM,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,GAAA,SAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,GAAA,OAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,GAAA,OAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,GAAA,SAAA,CAAA;AAANA,EAAAA,MAAM,CAANA,MAAM,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAANA,MAAM,CAAA;AAAA,CAAA,CAANA,MAAM,IAAA,EAAA;;;;"}

package/dist/cjs/features/Feature.js

@@ -0,0 +1,18 @@
+'use strict';
+
+let FeatureType = /*#__PURE__*/function (FeatureType) {
+  FeatureType["SmoothCorners"] = "smooth-corners";
+  return FeatureType;
+}({});
+class Feature {
+  constructor(name) {
+    this.name = name;
+  }
+  async activate() {
+    return Promise.resolve(false);
+  }
+}
+
+exports.Feature = Feature;
+exports.FeatureType = FeatureType;
+//# sourceMappingURL=Feature.js.map

package/dist/cjs/features/Feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feature.js","sources":["../../../src/features/Feature.ts"],"sourcesContent":["export enum FeatureType {\n  SmoothCorners = 'smooth-corners',\n}\n\nexport class Feature {\n  name: FeatureType\n\n  constructor(name: FeatureType) {\n    this.name = name\n  }\n\n  async activate() {\n    return Promise.resolve(false)\n  }\n}\n"],"names":["FeatureType","Feature","constructor","name","activate","Promise","resolve"],"mappings":";;AAAYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,eAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAIhB,MAAMC,OAAO,CAAC;EAGnBC,WAAWA,CAACC,IAAiB,EAAE;IAC7B,IAAI,CAACA,IAAI,GAAGA,IAAI,CAAA;AAClB,GAAA;EAEA,MAAMC,QAAQA,GAAG;AACf,IAAA,OAAOC,OAAO,CAACC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC/B,GAAA;AACF;;;;;"}

package/dist/cjs/features/FeatureProvider.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var Feature = require('./Feature.js');
+
+const initialFeatureFlag = {
+  [Feature.FeatureType.SmoothCorners]: false
+};
+const FeatureFlagContext = /*#__PURE__*/React.createContext(initialFeatureFlag);
+/**
+ * `FeatureProvider` is a component that activates features and provides.
+ *
+ * @example
+ *
+ * ```tsx
+ * <FeatureProvider features={[SmoothCornersFeature]}>
+ *   <App />
+ * </FeatureProvider>
+ * ```
+ */
+function FeatureProvider({
+  children,
+  features
+}) {
+  const [featureFlag, setFeatureFlag] = React.useState(initialFeatureFlag);
+  React.useLayoutEffect(function activateFeatures() {
+    if (!features) {
+      return;
+    }
+    const promises = features.map(feature => feature.activate().then(activated => ({
+      [feature.name]: activated
+    })));
+    Promise.all(promises).then(flags => {
+      setFeatureFlag(prev => ({
+        ...prev,
+        ...flags.reduce((acc, cur) => ({
+          ...acc,
+          ...cur
+        }), {})
+      }));
+    });
+  }, [features]);
+  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
+    value: featureFlag
+  }, children);
+}
+function useFeatureFlag(featureType) {
+  const contextValue = React.useContext(FeatureFlagContext);
+  return React.useMemo(() => contextValue[featureType], [contextValue, featureType]);
+}
+
+exports.FeatureProvider = FeatureProvider;
+exports.useFeatureFlag = useFeatureFlag;
+//# sourceMappingURL=FeatureProvider.js.map

package/dist/cjs/features/FeatureProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureProvider.js","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  type Feature,\n  FeatureType,\n} from './Feature'\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst FeatureFlagContext = createContext<FeatureFlag>(initialFeatureFlag)\n\ninterface FeatureProviderProps {\n  children: React.ReactNode\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n *\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({\n  children,\n  features,\n}: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)\n\n  useLayoutEffect(function activateFeatures() {\n    if (!features) {\n      return\n    }\n\n    const promises = features.map(feature => (\n      feature.activate().then(activated => (\n        { [feature.name]: activated }\n      ))\n    ))\n\n    Promise.all(promises).then(flags => {\n      setFeatureFlag(prev => ({\n        ...prev,\n        ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n      }))\n    })\n  }, [features])\n\n  return (\n    <FeatureFlagContext.Provider value={featureFlag}>\n      { children }\n    </FeatureFlagContext.Provider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useContext(FeatureFlagContext)\n\n  return useMemo(() => (\n    contextValue[featureType]\n  ), [\n    contextValue,\n    featureType,\n  ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","React","createElement","Provider","value","useFeatureFlag","featureType","contextValue","useContext","useMemo"],"mappings":";;;;;AAeA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,mBAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAMC,kBAAkB,gBAAGC,mBAAa,CAAcJ,kBAAkB,CAAC,CAAA;AAUzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAcV,kBAAkB,CAAC,CAAA;AAE/EW,EAAAA,qBAAe,CAAC,SAASC,gBAAgBA,GAAG;IAC1C,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,MAAMM,QAAQ,GAAGN,QAAQ,CAACO,GAAG,CAACC,OAAO,IACnCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAACC,SAAS,KAC/B;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAC9B,CACF,CAAC,CAAA;IAEFE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAACK,KAAK,IAAI;MAClCb,cAAc,CAACc,IAAI,KAAK;AACtB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEoB,KAAA,CAAAC,aAAA,CAACzB,kBAAkB,CAAC0B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEtB,WAAAA;AAAY,GAAA,EAC5CF,QACyB,CAAC,CAAA;AAElC,CAAA;AAEO,SAASyB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAGC,gBAAU,CAAC/B,kBAAkB,CAAC,CAAA;AAEnD,EAAA,OAAOgC,aAAO,CAAC,MACbF,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;;"}

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var Feature = require('../Feature.js');
+var smoothCornersScript = require('./smoothCornersScript.js');
+
+/**
+ * 🚨 This is an experimental feature! It may not be suitable for use in production.
+ *
+ * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.
+ * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.
+ */
+class SmoothCornersFeature extends Feature.Feature {
+  constructor(...args) {
+    super(...args);
+    /**
+     * @deprecated (@ed) Upcoming improvements
+     * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
+     */
+    _defineProperty(this, "activated", false);
+  }
+  async activate() {
+    if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {
+      const workletURL = URL.createObjectURL(new Blob([smoothCornersScript.smoothCornersScript], {
+        type: 'application/javascript'
+      }));
+
+      // @ts-ignore
+      const promise = CSS.paintWorklet.addModule(workletURL);
+      return promise.then(() => {
+        this.activated = true;
+        return this.activated;
+      }).catch(() => {
+        this.activated = false;
+        return this.activated;
+      });
+    }
+    return this.activated;
+  }
+}
+var SmoothCornersFeature$1 = new SmoothCornersFeature(Feature.FeatureType.SmoothCorners);
+
+exports.default = SmoothCornersFeature$1;
+//# sourceMappingURL=SmoothCornersFeature.js.map

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothCornersFeature.js","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n  Feature,\n  FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature extends Feature {\n  /**\n   * @deprecated (@ed) Upcoming improvements\n   * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.\n   */\n  activated = false\n\n  async activate() {\n    if (\n      !this.activated\n      && typeof CSS !== 'undefined'\n      && 'paintWorklet' in CSS\n    ) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' }),\n      )\n\n      // @ts-ignore\n      const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>\n\n      return promise\n        .then(() => {\n          this.activated = true\n          return this.activated\n        }).catch(() => {\n          this.activated = false\n          return this.activated\n        })\n    }\n\n    return this.activated\n  }\n}\n\nexport default new SmoothCornersFeature(FeatureType.SmoothCorners)\n"],"names":["SmoothCornersFeature","Feature","constructor","args","_defineProperty","activate","activated","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,eAAO,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACzC;AACF;AACA;AACA;AAHEC,IAAAA,eAAA,oBAIY,KAAK,CAAA,CAAA;AAAA,GAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACC,SAAS,IACZ,OAAOC,GAAG,KAAK,WAAW,IAC1B,cAAc,IAAIA,GAAG,EACxB;AACA,MAAA,MAAMC,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,uCAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;;AAED;MACA,MAAMC,OAAO,GAAGP,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACR,UAAU,CAAkB,CAAA;AAEvE,MAAA,OAAOM,OAAO,CACXG,IAAI,CAAC,MAAM;QACV,IAAI,CAACX,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACY,KAAK,CAAC,MAAM;QACb,IAAI,CAACZ,SAAS,GAAG,KAAK,CAAA;QACtB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAAA;AACN,KAAA;IAEA,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIN,oBAAoB,CAACmB,mBAAW,CAACC,aAAa,CAAC;;;;"}