@channel.io/bezier-react 1.10.2 → 1.11.0

package/dist/cjs/components/Forms/SegmentedControl/SegmentedControl.styled.js

@@ -18,9 +18,10 @@ const ItemContainer = /*#__PURE__*/FoundationStyledComponent.styled(AlphaStack.A
 }).withConfig({
   displayName: "SegmentedControlstyled__ItemContainer",
   componentId: "sc-15mhli4-0"
-})(["z-index:", ";"], ZIndex.ZIndex.Float);
+})(["z-index:", ";overflow:hidden;"], ZIndex.ZIndex.Float);
 const ItemLabel = /*#__PURE__*/FoundationStyledComponent.styled(Text.default).attrs({
-  bold: true
+  bold: true,
+  truncated: true
 }).withConfig({
   displayName: "SegmentedControlstyled__ItemLabel",
   componentId: "sc-15mhli4-1"
@@ -28,7 +29,7 @@ const ItemLabel = /*#__PURE__*/FoundationStyledComponent.styled(Text.default).at
 const Item = /*#__PURE__*/FoundationStyledComponent.styled.button.withConfig({
   displayName: "SegmentedControlstyled__Item",
   componentId: "sc-15mhli4-2"
-})(["all:unset;position:relative;display:flex;flex:1;align-items:center;justify-content:center;", " &[data-checked]{color:var(--txt-black-darkest);cursor:default;}&:not([data-checked]){color:var(--txt-black-dark);cursor:pointer;}&:disabled{cursor:not-allowed;}&::after{position:absolute;top:0;left:0;z-index:", ";display:block;width:100%;height:100%;content:'';border-radius:inherit;", "}&:focus-visible{&::after{", "}}&:not([data-checked]):not(&:disabled):hover{background-color:var(--bg-black-light);}"], ({
+})(["all:unset;position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-width:0;", " &[data-checked]{color:var(--txt-black-darkest);cursor:default;}&:not([data-checked]){color:var(--txt-black-dark);cursor:pointer;}&:disabled{cursor:not-allowed;}&::after{position:absolute;top:0;left:0;z-index:", ";display:block;width:100%;height:100%;content:'';border-radius:inherit;", "}&:focus-visible{&::after{", "}}&:not([data-checked]):not(&:disabled):hover{background-color:var(--bg-black-light);}"], ({
   foundation
 }) => foundation?.transition?.getTransitionsCSS('background-color'), ZIndex.ZIndex.Float, ({
   foundation

package/dist/cjs/components/Forms/SegmentedControl/SegmentedControl.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.styled.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"sourcesContent":["/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before */\nimport {\n  Transition,\n  Typography,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\nimport { Text } from '~/src/components/Text'\n\nimport { SegmentedControlSize } from './SegmentedControl.types'\n\nexport const ItemContainer = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  align: 'center',\n  spacing: 2,\n})`\n  z-index: ${ZIndex.Float};\n`\n\nexport const ItemLabel = styled(Text).attrs({ bold: true })`\n  padding: 1px 4px;\n`\n\nexport const Item = styled.button`\n  all: unset;\n\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')}\n\n  &[data-checked] {\n    color: var(--txt-black-darkest);\n    cursor: default;\n  }\n\n  &:not([data-checked]) {\n    color: var(--txt-black-dark);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  /* NOTE: (@ed) focus indicator */\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: ${ZIndex.Float};\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: '';\n    border-radius: inherit;\n    ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['box-shadow'])}\n  }\n\n  &:focus-visible {\n    &::after {\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  &:not([data-checked]):not(&:disabled):hover {\n    background-color: var(--bg-black-light);\n  }\n`\n\nexport const indicatorTransitionMeta = {\n  duration: Transition.TransitionDuration.M,\n}\n\nexport const Indicator = styled.div`\n  --bezier-react-segmented-control-indicator-transform: none;\n  --bezier-react-segmented-control-indicator-width: auto;\n  --bezier-react-segmented-control-indicator-height: auto;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Float};\n\n  width: var(--bezier-react-segmented-control-indicator-width);\n  height: var(--bezier-react-segmented-control-indicator-height);\n\n  ${({ foundation }) => foundation?.elevation.ev1()}\n  /* NOTE: (@ed) Overrides the elevation mixin. Do not change the order! */\n  background-color: var(--bg-white-high);\n\n  transform: var(--bezier-react-segmented-control-indicator-transform);\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('transform', indicatorTransitionMeta.duration)}\n`\n\nexport const Container = styled(AlphaStack).attrs({ direction: 'horizontal' })`\n  --bezier-react-segmented-control-width: auto;\n\n  position: relative;\n  z-index: ${ZIndex.Base};\n  box-sizing: border-box;\n  width: var(--bezier-react-segmented-control-width);\n  background-color: var(--bg-black-lighter);\n\n  &.${SegmentedControlSize.XS} {\n    height: 24px;\n    padding: 1px;\n    border-radius: 6px;\n    ${Typography.Size13}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 5px;\n    }\n\n    ${Item} {\n      padding: 1px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.S} {\n    height: 28px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 2px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.M} {\n    height: 36px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 6px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.L} {\n    height: 44px;\n    padding: 4px;\n    border-radius: 12px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 8px;\n    }\n\n    ${Item} {\n      padding: 8px 0;\n    }\n  }\n\n  &[data-disabled] {\n    opacity: ${DisabledOpacity};\n\n    ${Item},\n    ${Indicator} {\n      cursor: not-allowed;\n    }\n  }\n`\n"],"names":["ItemContainer","styled","AlphaStack","attrs","direction","align","spacing","withConfig","displayName","componentId","ZIndex","Float","ItemLabel","Text","bold","Item","button","foundation","transition","getTransitionsCSS","focusedInputWrapperStyle","indicatorTransitionMeta","duration","Transition","TransitionDuration","M","Indicator","div","elevation","ev1","Container","Base","SegmentedControlSize","XS","Typography","Size13","S","Size14","L","DisabledOpacity"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.styled.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"sourcesContent":["/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before */\nimport {\n  Transition,\n  Typography,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\nimport { Text } from '~/src/components/Text'\n\nimport { SegmentedControlSize } from './SegmentedControl.types'\n\nexport const ItemContainer = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  align: 'center',\n  spacing: 2,\n})`\n  z-index: ${ZIndex.Float};\n  overflow: hidden;\n`\n\nexport const ItemLabel = styled(Text).attrs({\n  bold: true,\n  truncated: true,\n})`\n  padding: 1px 4px;\n`\n\nexport const Item = styled.button`\n  all: unset;\n\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')}\n\n  &[data-checked] {\n    color: var(--txt-black-darkest);\n    cursor: default;\n  }\n\n  &:not([data-checked]) {\n    color: var(--txt-black-dark);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  /* NOTE: (@ed) focus indicator */\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: ${ZIndex.Float};\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: '';\n    border-radius: inherit;\n    ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['box-shadow'])}\n  }\n\n  &:focus-visible {\n    &::after {\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  &:not([data-checked]):not(&:disabled):hover {\n    background-color: var(--bg-black-light);\n  }\n`\n\nexport const indicatorTransitionMeta = {\n  duration: Transition.TransitionDuration.M,\n}\n\nexport const Indicator = styled.div`\n  --bezier-react-segmented-control-indicator-transform: none;\n  --bezier-react-segmented-control-indicator-width: auto;\n  --bezier-react-segmented-control-indicator-height: auto;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Float};\n\n  width: var(--bezier-react-segmented-control-indicator-width);\n  height: var(--bezier-react-segmented-control-indicator-height);\n\n  ${({ foundation }) => foundation?.elevation.ev1()}\n  /* NOTE: (@ed) Overrides the elevation mixin. Do not change the order! */\n  background-color: var(--bg-white-high);\n\n  transform: var(--bezier-react-segmented-control-indicator-transform);\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('transform', indicatorTransitionMeta.duration)}\n`\n\nexport const Container = styled(AlphaStack).attrs({ direction: 'horizontal' })`\n  --bezier-react-segmented-control-width: auto;\n\n  position: relative;\n  z-index: ${ZIndex.Base};\n  box-sizing: border-box;\n  width: var(--bezier-react-segmented-control-width);\n  background-color: var(--bg-black-lighter);\n\n  &.${SegmentedControlSize.XS} {\n    height: 24px;\n    padding: 1px;\n    border-radius: 6px;\n    ${Typography.Size13}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 5px;\n    }\n\n    ${Item} {\n      padding: 1px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.S} {\n    height: 28px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 2px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.M} {\n    height: 36px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 6px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.L} {\n    height: 44px;\n    padding: 4px;\n    border-radius: 12px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 8px;\n    }\n\n    ${Item} {\n      padding: 8px 0;\n    }\n  }\n\n  &[data-disabled] {\n    opacity: ${DisabledOpacity};\n\n    ${Item},\n    ${Indicator} {\n      cursor: not-allowed;\n    }\n  }\n`\n"],"names":["ItemContainer","styled","AlphaStack","attrs","direction","align","spacing","withConfig","displayName","componentId","ZIndex","Float","ItemLabel","Text","bold","truncated","Item","button","foundation","transition","getTransitionsCSS","focusedInputWrapperStyle","indicatorTransitionMeta","duration","Transition","TransitionDuration","M","Indicator","div","elevation","ev1","Container","Base","SegmentedControlSize","XS","Typography","Size13","S","Size14","L","DisabledOpacity"],"mappings":"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"}

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

@@ -113,31 +113,12 @@ function TooltipProvider({
     value: contextValue
   }, children));
 }
-
-/**
- * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
- *
- * @example
- *
- * ```tsx
- * // Anatomy of the Tooltip
- * <TooltipProvider>
- *   <Tooltip />
- * </TooltipProvider>
- *
- * // Example of a Tooltip with a button
- * <Tooltip content="Ta-da!">
- *   <button>Hover me</button>
- * </Tooltip>
- * ```
- */
-const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
+const TooltipImpl = /*#__PURE__*/React.forwardRef(function TooltipImpl({
   as,
   children,
   defaultShow,
   onShow: onShowProp,
   onHide: onHideProp,
-  disabled,
   content,
   description,
   icon,
@@ -174,9 +155,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
     onHideProp?.();
   }, [onHideProp]);
   const onOpenChange = React.useCallback(open => {
-    if (disabled) {
-      return;
-    }
     if (open) {
       onShow();
       return;
@@ -192,7 +170,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
       return;
     }
     onHide();
-  }, [disabled, delayHide, onShow, onHide]);
+  }, [delayHide, onShow, onHide]);
   return /*#__PURE__*/React.createElement(index.Root, {
     open: show,
     defaultOpen: defaultShow,
@@ -217,6 +195,38 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
   })))));
 });
 
+/**
+ * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
+ *
+ * @example
+ *
+ * ```tsx
+ * // Anatomy of the Tooltip
+ * <TooltipProvider>
+ *   <Tooltip />
+ * </TooltipProvider>
+ *
+ * // Example of a Tooltip with a button
+ * <Tooltip content="Ta-da!">
+ *   <button>Hover me</button>
+ * </Tooltip>
+ * ```
+ */
+const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
+  children,
+  disabled,
+  content,
+  ...rest
+}, forwardedRef) {
+  if (disabled || typeUtils.isEmpty(content)) {
+    return children ?? null;
+  }
+  return /*#__PURE__*/React.createElement(TooltipImpl, Object.assign({
+    ref: forwardedRef,
+    content: content
+  }, rest), children);
+});
+
 exports.Tooltip = Tooltip;
 exports.TooltipProvider = TooltipProvider;
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { getRootElement } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 300,\n  delayHide = 0,\n  skipDelayShow = 500,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  disabled,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container: givenContainer,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  const defaultContainer = getRootElement()\n  const container = givenContainer ?? defaultContainer\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (disabled) { return }\n\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    disabled,\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","givenContainer","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","defaultContainer","getRootElement","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { getRootElement } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport {\n  isBoolean,\n  isEmpty,\n} from '~/src/utils/typeUtils'\n\nimport {\n  type TooltipImplProps,\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 300,\n  delayHide = 0,\n  skipDelayShow = 500,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\nconst TooltipImpl = forwardRef<HTMLDivElement, TooltipImplProps>(function TooltipImpl({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container: givenContainer,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  const defaultContainer = getRootElement()\n  const container = givenContainer ?? defaultContainer\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  children,\n  disabled,\n  content,\n  ...rest\n}, forwardedRef) {\n  if (disabled || isEmpty(content)) {\n    return children ?? null\n  }\n\n  return (\n    <TooltipImpl\n      ref={forwardedRef}\n      content={content}\n      {...rest}\n    >\n      { children }\n    </TooltipImpl>\n  )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","TooltipImpl","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","content","description","icon","offset","container","givenContainer","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","defaultContainer","getRootElement","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source","Tooltip","disabled","isEmpty"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\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\ninterface TooltipProviderOptions {\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @default 500\n   */\n  skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n  /**\n   * The open state of the tooltip when it is initially rendered.\n   */\n  defaultShow?: boolean\n  /**\n   * An element that sits below the tooltip content.\n   */\n  description?: React.ReactNode\n  /**\n   * A decorative icon that sits right of the tooltip content.\n   */\n  icon?: BezierIcon\n  /**\n   * Options to determine the location from the trigger.\n   * @default TooltipPosition.BottomCenter\n   */\n  placement?: TooltipPosition\n  /**\n   * The distance in pixels from the trigger.\n   * @default 4\n   */\n  offset?: number\n  /**\n   * Specify a container element to portal the content into.\n   * @note When placed inside a `Modal`, default value is the container element of `Modal`.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n  /**\n   * When `true`, overrides the `position` of the tooltip\n   * to prevent collisions with boundary edges.\n   * @default true\n   */\n  keepInContainer?: boolean\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * Callback function to be called when the tooltip is opened.\n   */\n  onShow?: () => void\n  /**\n   * Callback function to be called when the tooltip is closed.\n   */\n  onHide?: () => void\n  /**\n   * Event handler called when the escape key is down.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the component.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n  ChildrenProps,\n  TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n  BezierComponentProps,\n  ChildrenProps<React.ReactElement>,\n  ContentProps,\n  DisableProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n  TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":";;AASA;AACA;AACA;AACYA,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;;;;"}
+{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\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\ninterface TooltipProviderOptions {\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @default 500\n   */\n  skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n  /**\n   * The open state of the tooltip when it is initially rendered.\n   */\n  defaultShow?: boolean\n  /**\n   * An element that sits below the tooltip content.\n   */\n  description?: React.ReactNode\n  /**\n   * A decorative icon that sits right of the tooltip content.\n   */\n  icon?: BezierIcon\n  /**\n   * Options to determine the location from the trigger.\n   * @default TooltipPosition.BottomCenter\n   */\n  placement?: TooltipPosition\n  /**\n   * The distance in pixels from the trigger.\n   * @default 4\n   */\n  offset?: number\n  /**\n   * Specify a container element to portal the content into.\n   * @note When placed inside a `Modal`, default value is the container element of `Modal`.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n  /**\n   * When `true`, overrides the `position` of the tooltip\n   * to prevent collisions with boundary edges.\n   * @default true\n   */\n  keepInContainer?: boolean\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * Callback function to be called when the tooltip is opened.\n   */\n  onShow?: () => void\n  /**\n   * Callback function to be called when the tooltip is closed.\n   */\n  onHide?: () => void\n  /**\n   * Event handler called when the escape key is down.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the component.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n  ChildrenProps,\n  TooltipProviderOptions {}\n\nexport interface TooltipImplProps extends\n  BezierComponentProps,\n  ChildrenProps<React.ReactElement>,\n  ContentProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n  TooltipOptions {}\n\nexport interface TooltipProps extends\n  DisableProps,\n  TooltipImplProps {}\n"],"names":["TooltipPosition"],"mappings":";;AASA;AACA;AACA;AACYA,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/esm/components/Forms/SegmentedControl/SegmentedControl.styled.mjs

@@ -16,9 +16,10 @@ const ItemContainer = /*#__PURE__*/FoundationStyled(AlphaStack).attrs({
 }).withConfig({
   displayName: "SegmentedControlstyled__ItemContainer",
   componentId: "sc-15mhli4-0"
-})(["z-index:", ";"], ZIndex.Float);
+})(["z-index:", ";overflow:hidden;"], ZIndex.Float);
 const ItemLabel = /*#__PURE__*/FoundationStyled(Text).attrs({
-  bold: true
+  bold: true,
+  truncated: true
 }).withConfig({
   displayName: "SegmentedControlstyled__ItemLabel",
   componentId: "sc-15mhli4-1"
@@ -26,7 +27,7 @@ const ItemLabel = /*#__PURE__*/FoundationStyled(Text).attrs({
 const Item = /*#__PURE__*/FoundationStyled.button.withConfig({
   displayName: "SegmentedControlstyled__Item",
   componentId: "sc-15mhli4-2"
-})(["all:unset;position:relative;display:flex;flex:1;align-items:center;justify-content:center;", " &[data-checked]{color:var(--txt-black-darkest);cursor:default;}&:not([data-checked]){color:var(--txt-black-dark);cursor:pointer;}&:disabled{cursor:not-allowed;}&::after{position:absolute;top:0;left:0;z-index:", ";display:block;width:100%;height:100%;content:'';border-radius:inherit;", "}&:focus-visible{&::after{", "}}&:not([data-checked]):not(&:disabled):hover{background-color:var(--bg-black-light);}"], ({
+})(["all:unset;position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-width:0;", " &[data-checked]{color:var(--txt-black-darkest);cursor:default;}&:not([data-checked]){color:var(--txt-black-dark);cursor:pointer;}&:disabled{cursor:not-allowed;}&::after{position:absolute;top:0;left:0;z-index:", ";display:block;width:100%;height:100%;content:'';border-radius:inherit;", "}&:focus-visible{&::after{", "}}&:not([data-checked]):not(&:disabled):hover{background-color:var(--bg-black-light);}"], ({
   foundation
 }) => foundation?.transition?.getTransitionsCSS('background-color'), ZIndex.Float, ({
   foundation

package/dist/esm/components/Forms/SegmentedControl/SegmentedControl.styled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.styled.mjs","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"sourcesContent":["/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before */\nimport {\n  Transition,\n  Typography,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\nimport { Text } from '~/src/components/Text'\n\nimport { SegmentedControlSize } from './SegmentedControl.types'\n\nexport const ItemContainer = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  align: 'center',\n  spacing: 2,\n})`\n  z-index: ${ZIndex.Float};\n`\n\nexport const ItemLabel = styled(Text).attrs({ bold: true })`\n  padding: 1px 4px;\n`\n\nexport const Item = styled.button`\n  all: unset;\n\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')}\n\n  &[data-checked] {\n    color: var(--txt-black-darkest);\n    cursor: default;\n  }\n\n  &:not([data-checked]) {\n    color: var(--txt-black-dark);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  /* NOTE: (@ed) focus indicator */\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: ${ZIndex.Float};\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: '';\n    border-radius: inherit;\n    ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['box-shadow'])}\n  }\n\n  &:focus-visible {\n    &::after {\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  &:not([data-checked]):not(&:disabled):hover {\n    background-color: var(--bg-black-light);\n  }\n`\n\nexport const indicatorTransitionMeta = {\n  duration: Transition.TransitionDuration.M,\n}\n\nexport const Indicator = styled.div`\n  --bezier-react-segmented-control-indicator-transform: none;\n  --bezier-react-segmented-control-indicator-width: auto;\n  --bezier-react-segmented-control-indicator-height: auto;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Float};\n\n  width: var(--bezier-react-segmented-control-indicator-width);\n  height: var(--bezier-react-segmented-control-indicator-height);\n\n  ${({ foundation }) => foundation?.elevation.ev1()}\n  /* NOTE: (@ed) Overrides the elevation mixin. Do not change the order! */\n  background-color: var(--bg-white-high);\n\n  transform: var(--bezier-react-segmented-control-indicator-transform);\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('transform', indicatorTransitionMeta.duration)}\n`\n\nexport const Container = styled(AlphaStack).attrs({ direction: 'horizontal' })`\n  --bezier-react-segmented-control-width: auto;\n\n  position: relative;\n  z-index: ${ZIndex.Base};\n  box-sizing: border-box;\n  width: var(--bezier-react-segmented-control-width);\n  background-color: var(--bg-black-lighter);\n\n  &.${SegmentedControlSize.XS} {\n    height: 24px;\n    padding: 1px;\n    border-radius: 6px;\n    ${Typography.Size13}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 5px;\n    }\n\n    ${Item} {\n      padding: 1px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.S} {\n    height: 28px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 2px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.M} {\n    height: 36px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 6px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.L} {\n    height: 44px;\n    padding: 4px;\n    border-radius: 12px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 8px;\n    }\n\n    ${Item} {\n      padding: 8px 0;\n    }\n  }\n\n  &[data-disabled] {\n    opacity: ${DisabledOpacity};\n\n    ${Item},\n    ${Indicator} {\n      cursor: not-allowed;\n    }\n  }\n`\n"],"names":["ItemContainer","styled","AlphaStack","attrs","direction","align","spacing","withConfig","displayName","componentId","ZIndex","Float","ItemLabel","Text","bold","Item","button","foundation","transition","getTransitionsCSS","focusedInputWrapperStyle","indicatorTransitionMeta","duration","Transition","TransitionDuration","M","Indicator","div","elevation","ev1","Container","Base","SegmentedControlSize","XS","Typography","Size13","S","Size14","L","DisabledOpacity"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.styled.mjs","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"sourcesContent":["/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before */\nimport {\n  Transition,\n  Typography,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\nimport { Text } from '~/src/components/Text'\n\nimport { SegmentedControlSize } from './SegmentedControl.types'\n\nexport const ItemContainer = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  align: 'center',\n  spacing: 2,\n})`\n  z-index: ${ZIndex.Float};\n  overflow: hidden;\n`\n\nexport const ItemLabel = styled(Text).attrs({\n  bold: true,\n  truncated: true,\n})`\n  padding: 1px 4px;\n`\n\nexport const Item = styled.button`\n  all: unset;\n\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')}\n\n  &[data-checked] {\n    color: var(--txt-black-darkest);\n    cursor: default;\n  }\n\n  &:not([data-checked]) {\n    color: var(--txt-black-dark);\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  /* NOTE: (@ed) focus indicator */\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: ${ZIndex.Float};\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: '';\n    border-radius: inherit;\n    ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['box-shadow'])}\n  }\n\n  &:focus-visible {\n    &::after {\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  &:not([data-checked]):not(&:disabled):hover {\n    background-color: var(--bg-black-light);\n  }\n`\n\nexport const indicatorTransitionMeta = {\n  duration: Transition.TransitionDuration.M,\n}\n\nexport const Indicator = styled.div`\n  --bezier-react-segmented-control-indicator-transform: none;\n  --bezier-react-segmented-control-indicator-width: auto;\n  --bezier-react-segmented-control-indicator-height: auto;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Float};\n\n  width: var(--bezier-react-segmented-control-indicator-width);\n  height: var(--bezier-react-segmented-control-indicator-height);\n\n  ${({ foundation }) => foundation?.elevation.ev1()}\n  /* NOTE: (@ed) Overrides the elevation mixin. Do not change the order! */\n  background-color: var(--bg-white-high);\n\n  transform: var(--bezier-react-segmented-control-indicator-transform);\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('transform', indicatorTransitionMeta.duration)}\n`\n\nexport const Container = styled(AlphaStack).attrs({ direction: 'horizontal' })`\n  --bezier-react-segmented-control-width: auto;\n\n  position: relative;\n  z-index: ${ZIndex.Base};\n  box-sizing: border-box;\n  width: var(--bezier-react-segmented-control-width);\n  background-color: var(--bg-black-lighter);\n\n  &.${SegmentedControlSize.XS} {\n    height: 24px;\n    padding: 1px;\n    border-radius: 6px;\n    ${Typography.Size13}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 5px;\n    }\n\n    ${Item} {\n      padding: 1px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.S} {\n    height: 28px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 2px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.M} {\n    height: 36px;\n    padding: 2px;\n    border-radius: 8px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 6px;\n    }\n\n    ${Item} {\n      padding: 6px 0;\n    }\n  }\n\n  &.${SegmentedControlSize.L} {\n    height: 44px;\n    padding: 4px;\n    border-radius: 12px;\n    ${Typography.Size14}\n\n    ${Item},\n    ${Indicator} {\n      border-radius: 8px;\n    }\n\n    ${Item} {\n      padding: 8px 0;\n    }\n  }\n\n  &[data-disabled] {\n    opacity: ${DisabledOpacity};\n\n    ${Item},\n    ${Indicator} {\n      cursor: not-allowed;\n    }\n  }\n`\n"],"names":["ItemContainer","styled","AlphaStack","attrs","direction","align","spacing","withConfig","displayName","componentId","ZIndex","Float","ItemLabel","Text","bold","truncated","Item","button","foundation","transition","getTransitionsCSS","focusedInputWrapperStyle","indicatorTransitionMeta","duration","Transition","TransitionDuration","M","Indicator","div","elevation","ev1","Container","Base","SegmentedControlSize","XS","Typography","Size13","S","Size14","L","DisabledOpacity"],"mappings":"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"}

package/dist/esm/components/Tooltip/Tooltip.mjs

@@ -2,7 +2,7 @@ import React__default, { useMemo, forwardRef, useState, useRef, useEffect, useCa
 import { Provider as $a093c7e1ec25a057$export$2881499e37b75b9a, Root as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, Trigger as $a093c7e1ec25a057$export$41fb9f06171c75f4, Portal as $a093c7e1ec25a057$export$602eac185826482c, Content as $a093c7e1ec25a057$export$7c6e2c02157bb7d2 } from '../../node_modules/@radix-ui/react-tooltip/dist/index.mjs';
 import { getRootElement } from '../../utils/domUtils.mjs';
 import { createContext } from '../../utils/reactUtils.mjs';
-import { isBoolean } from '../../utils/typeUtils.mjs';
+import { isEmpty, isBoolean } from '../../utils/typeUtils.mjs';
 import { TooltipPosition } from './Tooltip.types.mjs';
 import { TooltipContent, TextContainer, Content, Description, Icon } from './Tooltip.styled.mjs';
 
@@ -111,31 +111,12 @@ function TooltipProvider({
     value: contextValue
   }, children));
 }
-
-/**
- * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
- *
- * @example
- *
- * ```tsx
- * // Anatomy of the Tooltip
- * <TooltipProvider>
- *   <Tooltip />
- * </TooltipProvider>
- *
- * // Example of a Tooltip with a button
- * <Tooltip content="Ta-da!">
- *   <button>Hover me</button>
- * </Tooltip>
- * ```
- */
-const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
+const TooltipImpl = /*#__PURE__*/forwardRef(function TooltipImpl({
   as,
   children,
   defaultShow,
   onShow: onShowProp,
   onHide: onHideProp,
-  disabled,
   content,
   description,
   icon,
@@ -172,9 +153,6 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
     onHideProp?.();
   }, [onHideProp]);
   const onOpenChange = useCallback(open => {
-    if (disabled) {
-      return;
-    }
     if (open) {
       onShow();
       return;
@@ -190,7 +168,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
       return;
     }
     onHide();
-  }, [disabled, delayHide, onShow, onHide]);
+  }, [delayHide, onShow, onHide]);
   return /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, {
     open: show,
     defaultOpen: defaultShow,
@@ -215,5 +193,37 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
   })))));
 });
 
+/**
+ * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
+ *
+ * @example
+ *
+ * ```tsx
+ * // Anatomy of the Tooltip
+ * <TooltipProvider>
+ *   <Tooltip />
+ * </TooltipProvider>
+ *
+ * // Example of a Tooltip with a button
+ * <Tooltip content="Ta-da!">
+ *   <button>Hover me</button>
+ * </Tooltip>
+ * ```
+ */
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
+  children,
+  disabled,
+  content,
+  ...rest
+}, forwardedRef) {
+  if (disabled || isEmpty(content)) {
+    return children ?? null;
+  }
+  return /*#__PURE__*/React__default.createElement(TooltipImpl, Object.assign({
+    ref: forwardedRef,
+    content: content
+  }, rest), children);
+});
+
 export { Tooltip, TooltipProvider };
 //# sourceMappingURL=Tooltip.mjs.map

package/dist/esm/components/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { getRootElement } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 300,\n  delayHide = 0,\n  skipDelayShow = 500,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  disabled,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container: givenContainer,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  const defaultContainer = getRootElement()\n  const container = givenContainer ?? defaultContainer\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (disabled) { return }\n\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    disabled,\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","givenContainer","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","defaultContainer","getRootElement","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { getRootElement } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport {\n  isBoolean,\n  isEmpty,\n} from '~/src/utils/typeUtils'\n\nimport {\n  type TooltipImplProps,\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 300,\n  delayHide = 0,\n  skipDelayShow = 500,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\nconst TooltipImpl = forwardRef<HTMLDivElement, TooltipImplProps>(function TooltipImpl({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container: givenContainer,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  const defaultContainer = getRootElement()\n  const container = givenContainer ?? defaultContainer\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  children,\n  disabled,\n  content,\n  ...rest\n}, forwardedRef) {\n  if (disabled || isEmpty(content)) {\n    return children ?? null\n  }\n\n  return (\n    <TooltipImpl\n      ref={forwardedRef}\n      content={content}\n      {...rest}\n    >\n      { children }\n    </TooltipImpl>\n  )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","TooltipImpl","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","content","description","icon","offset","container","givenContainer","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","defaultContainer","getRootElement","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source","Tooltip","disabled","isEmpty"],"mappings":";;;;;;;;AA2BA,SAASA,eAAeA,CACtBC,SAA0B,EACoC;AAC9D,EAAA,QAAQA,SAAS;IACf,KAAKC,eAAe,CAACC,SAAS;MAC5B,OAAO;AACLC,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACI,OAAO;MAC1B,OAAO;AACLF,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACK,QAAQ;MAC3B,OAAO;AACLH,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACM,WAAW;MAC9B,OAAO;AACLJ,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACO,QAAQ;MAC3B,OAAO;AACLL,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACQ,WAAW;MAC9B,OAAO;AACLN,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACS,YAAY;MAC/B,OAAO;AACLP,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACU,UAAU;MAC7B,OAAO;AACLR,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACW,WAAW;MAC9B,OAAO;AACLT,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACY,UAAU;MAC7B,OAAO;AACLV,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACa,OAAO;MAC1B,OAAO;AACLX,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;IACH,KAAKH,eAAe,CAACc,UAAU;MAC7B,OAAO;AACLZ,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;AACH,IAAA;AACE;MACA,OAAO;AACLD,QAAAA,IAAI,EAAEa,SAAS;AACfZ,QAAAA,KAAK,EAAEY,SAAAA;OACR,CAAA;AACL,GAAA;AACF,CAAA;AAEA,MAAM;AACJ;AACF;AACA;AACEC,4BAA4B,EAC5BC,uBAAuB,CACxB,GAAGC,aAAa,CAA2D,IAAI,EAAE,iBAAiB,CAAC,CAAA;;AAEpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,SAAS,GAAG,GAAG;AACfC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,aAAa,GAAG,GAAA;AACI,CAAC,EAAE;AACvB,EAAA,MAAMC,YAAY,GAAGC,OAAO,CAAC,OAAO;AAClCH,IAAAA,SAAAA;AACF,GAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC,CAAA;AAEhB,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,yCAAyB,EAAA;AACxBC,IAAAA,aAAa,EAAER,SAAU;AACzBS,IAAAA,iBAAiB,EAAEP,aAAc;AACjCQ,IAAAA,uBAAuB,EAAE,CAACX,UAAAA;AAAW,GAAA,eAErCM,cAAA,CAAAC,aAAA,CAACZ,4BAA4B,EAAA;AAACiB,IAAAA,KAAK,EAAER,YAAAA;GACjCL,EAAAA,QAC0B,CACL,CAAC,CAAA;AAEhC,CAAA;AAEA,MAAMc,WAAW,gBAAGC,UAAU,CAAmC,SAASD,WAAWA,CAAC;EACpFE,EAAE;EACFhB,QAAQ;EACRiB,WAAW;AACXC,EAAAA,MAAM,EAAEC,UAAU;AAClBC,EAAAA,MAAM,EAAEC,UAAU;EAClBC,OAAO;EACPC,WAAW;EACXC,IAAI;EACJ7C,SAAS,GAAGC,eAAe,CAACS,YAAY;AACxCoC,EAAAA,MAAM,GAAG,CAAC;AACVC,EAAAA,SAAS,EAAEC,cAAc;AACzBC,EAAAA,eAAe,GAAG,IAAI;EACtB3B,UAAU;EACVC,SAAS;AACTC,EAAAA,SAAS,EAAE0B,aAAa;EACxB,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;EACf,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAUjB,WAAW,IAAI,KAAK,CAAC,CAAA;AAC/D,EAAA,MAAMkB,UAAU,GAAGC,MAAM,EAAkB,CAAA;EAE3C,MAAM;AAAEjC,IAAAA,SAAS,EAAEkC,eAAAA;AAAgB,GAAC,GAAGxC,uBAAuB,CAAC,SAAS,CAAC,CAAA;AACzE,EAAA,MAAMM,SAAS,GAAG0B,aAAa,IAAIQ,eAAe,CAAA;AAElD,EAAA,MAAMC,gBAAgB,GAAGC,cAAc,EAAE,CAAA;AACzC,EAAA,MAAMb,SAAS,GAAGC,cAAc,IAAIW,gBAAgB,CAAA;AAEpDE,EAAAA,SAAS,CAAC,SAASC,cAAcA,GAAG;IAClC,OAAO,SAASC,OAAOA,GAAG;MACxB,IAAIP,UAAU,CAACQ,OAAO,EAAE;AACtBC,QAAAA,YAAY,CAACT,UAAU,CAACQ,OAAO,CAAC,CAAA;AAClC,OAAA;KACD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMzB,MAAM,GAAG2B,WAAW,CAAC,MAAM;IAC/BZ,OAAO,CAAC,IAAI,CAAC,CAAA;AACbd,IAAAA,UAAU,IAAI,CAAA;AAChB,GAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,MAAMC,MAAM,GAAGyB,WAAW,CAAC,MAAM;IAC/BZ,OAAO,CAAC,KAAK,CAAC,CAAA;AACdZ,IAAAA,UAAU,IAAI,CAAA;AAChB,GAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,MAAMyB,YAAY,GAAGD,WAAW,CAAEE,IAAa,IAAK;AAClD,IAAA,IAAIA,IAAI,EAAE;AACR7B,MAAAA,MAAM,EAAE,CAAA;AACR,MAAA,OAAA;AACF,KAAA;IAEA,IAAIiB,UAAU,CAACQ,OAAO,EAAE;AACtBC,MAAAA,YAAY,CAACT,UAAU,CAACQ,OAAO,CAAC,CAAA;MAChCR,UAAU,CAACQ,OAAO,GAAGhD,SAAS,CAAA;AAChC,KAAA;IAEA,IAAIQ,SAAS,GAAG,CAAC,EAAE;AACjBgC,MAAAA,UAAU,CAACQ,OAAO,GAAGK,UAAU,CAAC,MAAM;AACpC5B,QAAAA,MAAM,EAAE,CAAA;OACT,EAAEjB,SAAS,CAAC,CAAA;AACb,MAAA,OAAA;AACF,KAAA;AAEAiB,IAAAA,MAAM,EAAE,CAAA;GACT,EAAE,CACDjB,SAAS,EACTe,MAAM,EACNE,MAAM,CACP,CAAC,CAAA;AAEF,EAAA,oBACEb,cAAA,CAAAC,aAAA,CAACC,yCAAqB,EAAA;AACpBsC,IAAAA,IAAI,EAAEf,IAAK;AACXiB,IAAAA,WAAW,EAAEhC,WAAY;AACzBP,IAAAA,aAAa,EAAER,SAAU;IACzBU,uBAAuB,EAAEsC,SAAS,CAACjD,UAAU,CAAC,GAAG,CAACA,UAAU,GAAGN,SAAU;AACzEmD,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAA,eAE3BvC,cAAA,CAAAC,aAAA,CAACC,yCAAwB,EAAA;IAAC0C,OAAO,EAAA,IAAA;GAC7BnD,EAAAA,QACsB,CAAC,eAE3BO,cAAA,CAAAC,aAAA,CAACC,yCAAuB,EAAA;AAACiB,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAC5CnB,cAAA,CAAAC,aAAA,CAACC,yCAAwB,EAAA2C,MAAA,CAAAC,MAAA,CACnBvB,EAAAA,EAAAA,IAAI,EACJpD,eAAe,CAACC,SAAS,CAAC,EAAA;IAC9BwE,OAAO,EAAA,IAAA;AACPG,IAAAA,GAAG,EAAEvB,YAAa;AAClBwB,IAAAA,UAAU,EAAE9B,MAAO;AACnB+B,IAAAA,eAAe,EAAE5B,eAAgB;AACjC6B,IAAAA,gBAAgB,EAAE,CAAE;IACpBC,gBAAgB,EAAA,IAAA;AAAA,GAAA,CAAA,eAEhBnD,cAAA,CAAAC,aAAA,CAACmD,cAAqB,EAAA;AAACC,IAAAA,WAAW,EAAE5C,EAAAA;AAAG,GAAA,eACrCT,cAAA,CAAAC,aAAA,CAACmD,aAAoB,EACnBpD,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACmD,OAAc,EACXrC,IAAAA,EAAAA,OACY,CAAC,EAEfC,WAAW,iBACXhB,cAAA,CAAAC,aAAA,CAACmD,WAAkB,QACfpC,WACgB,CAEF,CAAC,EAErBC,IAAI,iBACJjB,cAAA,CAAAC,aAAA,CAACmD,IAAW,EAAA;AAACE,IAAAA,MAAM,EAAErC,IAAAA;AAAK,GAAE,CAET,CACC,CACH,CACJ,CAAC,CAAA;AAE5B,CAAC,CAAC,CAAA;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACasC,OAAO,gBAAG/C,UAAU,CAA+B,SAAS+C,OAAOA,CAAC;EAC/E9D,QAAQ;EACR+D,QAAQ;EACRzC,OAAO;EACP,GAAGQ,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;AACf,EAAA,IAAIgC,QAAQ,IAAIC,OAAO,CAAC1C,OAAO,CAAC,EAAE;IAChC,OAAOtB,QAAQ,IAAI,IAAI,CAAA;AACzB,GAAA;EAEA,oBACEO,cAAA,CAAAC,aAAA,CAACM,WAAW,EAAAsC,MAAA,CAAAC,MAAA,CAAA;AACVC,IAAAA,GAAG,EAAEvB,YAAa;AAClBT,IAAAA,OAAO,EAAEA,OAAAA;GACLQ,EAAAA,IAAI,CAEN9B,EAAAA,QACS,CAAC,CAAA;AAElB,CAAC;;;;"}

package/dist/esm/components/Tooltip/Tooltip.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.mjs","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\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\ninterface TooltipProviderOptions {\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @default 500\n   */\n  skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n  /**\n   * The open state of the tooltip when it is initially rendered.\n   */\n  defaultShow?: boolean\n  /**\n   * An element that sits below the tooltip content.\n   */\n  description?: React.ReactNode\n  /**\n   * A decorative icon that sits right of the tooltip content.\n   */\n  icon?: BezierIcon\n  /**\n   * Options to determine the location from the trigger.\n   * @default TooltipPosition.BottomCenter\n   */\n  placement?: TooltipPosition\n  /**\n   * The distance in pixels from the trigger.\n   * @default 4\n   */\n  offset?: number\n  /**\n   * Specify a container element to portal the content into.\n   * @note When placed inside a `Modal`, default value is the container element of `Modal`.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n  /**\n   * When `true`, overrides the `position` of the tooltip\n   * to prevent collisions with boundary edges.\n   * @default true\n   */\n  keepInContainer?: boolean\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * Callback function to be called when the tooltip is opened.\n   */\n  onShow?: () => void\n  /**\n   * Callback function to be called when the tooltip is closed.\n   */\n  onHide?: () => void\n  /**\n   * Event handler called when the escape key is down.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the component.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n  ChildrenProps,\n  TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n  BezierComponentProps,\n  ChildrenProps<React.ReactElement>,\n  ContentProps,\n  DisableProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n  TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":"AASA;AACA;AACA;AACYA,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;;;;"}
+{"version":3,"file":"Tooltip.types.mjs","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\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\ninterface TooltipProviderOptions {\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @default 500\n   */\n  skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n  /**\n   * The open state of the tooltip when it is initially rendered.\n   */\n  defaultShow?: boolean\n  /**\n   * An element that sits below the tooltip content.\n   */\n  description?: React.ReactNode\n  /**\n   * A decorative icon that sits right of the tooltip content.\n   */\n  icon?: BezierIcon\n  /**\n   * Options to determine the location from the trigger.\n   * @default TooltipPosition.BottomCenter\n   */\n  placement?: TooltipPosition\n  /**\n   * The distance in pixels from the trigger.\n   * @default 4\n   */\n  offset?: number\n  /**\n   * Specify a container element to portal the content into.\n   * @note When placed inside a `Modal`, default value is the container element of `Modal`.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n  /**\n   * When `true`, overrides the `position` of the tooltip\n   * to prevent collisions with boundary edges.\n   * @default true\n   */\n  keepInContainer?: boolean\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * Callback function to be called when the tooltip is opened.\n   */\n  onShow?: () => void\n  /**\n   * Callback function to be called when the tooltip is closed.\n   */\n  onHide?: () => void\n  /**\n   * Event handler called when the escape key is down.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the component.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n  ChildrenProps,\n  TooltipProviderOptions {}\n\nexport interface TooltipImplProps extends\n  BezierComponentProps,\n  ChildrenProps<React.ReactElement>,\n  ContentProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n  TooltipOptions {}\n\nexport interface TooltipProps extends\n  DisableProps,\n  TooltipImplProps {}\n"],"names":["TooltipPosition"],"mappings":"AASA;AACA;AACA;AACYA,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/types/components/Forms/SegmentedControl/SegmentedControl.styled.d.ts

@@ -10,7 +10,8 @@ export declare const ItemLabel: import("styled-components").StyledComponent<impo
     foundation?: import("../../../foundation").Foundation | undefined;
 } & {
     bold: true;
-}, "bold">;
+    truncated: true;
+}, "bold" | "truncated">;
 export declare const Item: import("styled-components").StyledComponent<"button", import("../../../foundation").Foundation, {
     foundation?: import("../../../foundation").Foundation | undefined;
 }, never>;

package/dist/types/components/Forms/SegmentedControl/SegmentedControl.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"names":[],"mappings":";AAgBA,eAAO,MAAM,aAAa;;;;;;qCAMzB,CAAA;AAED,eAAO,MAAM,SAAS;;;;UAErB,CAAA;AAED,eAAO,MAAM,IAAI;;SAgDhB,CAAA;AAED,eAAO,MAAM,uBAAuB;;CAEnC,CAAA;AAED,eAAO,MAAM,SAAS;;SAmBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;eAiFrB,CAAA"}
+{"version":3,"file":"SegmentedControl.styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControl.styled.ts"],"names":[],"mappings":";AAgBA,eAAO,MAAM,aAAa;;;;;;qCAOzB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;wBAKrB,CAAA;AAED,eAAO,MAAM,IAAI;;SAiDhB,CAAA;AAED,eAAO,MAAM,uBAAuB;;CAEnC,CAAA;AAED,eAAO,MAAM,SAAS;;SAmBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;eAiFrB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAQd,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAA;AAqFxB;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAkB,EAClB,SAAe,EACf,SAAa,EACb,aAAmB,GACpB,EAAE,oBAAoB,qBAgBtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,qFAsHlB,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAWd,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAA;AAqFxB;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAkB,EAClB,SAAe,EACf,SAAa,EACb,aAAmB,GACpB,EAAE,oBAAoB,qBAgBtB;AAsHD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,qFAmBlB,CAAA"}

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

@@ -116,7 +116,9 @@ interface TooltipOptions {
 }
 export interface TooltipProviderProps extends ChildrenProps, TooltipProviderOptions {
 }
-export interface TooltipProps extends BezierComponentProps, ChildrenProps<React.ReactElement>, ContentProps, DisableProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>, TooltipOptions {
+export interface TooltipImplProps extends BezierComponentProps, ChildrenProps<React.ReactElement>, ContentProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>, TooltipOptions {
+}
+export interface TooltipProps extends DisableProps, TooltipImplProps {
 }
 export {};
 //# sourceMappingURL=Tooltip.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,mCAAkC;AAEnC;;GAEG;AACH,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B;AAED,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,aAAa,EAAE,YAAY,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CACrF;AAED,MAAM,WAAW,oBAAqB,SACpC,aAAa,EACb,sBAAsB;CAAG;AAE3B,MAAM,WAAW,YAAa,SAC5B,oBAAoB,EACpB,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,EACpF,cAAc;CAAG"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,mCAAkC;AAEnC;;GAEG;AACH,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B;AAED,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,aAAa,EAAE,YAAY,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CACrF;AAED,MAAM,WAAW,oBAAqB,SACpC,aAAa,EACb,sBAAsB;CAAG;AAE3B,MAAM,WAAW,gBAAiB,SAChC,oBAAoB,EACpB,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EACjC,YAAY,EACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,EACpF,cAAc;CAAG;AAEnB,MAAM,WAAW,YAAa,SAC5B,YAAY,EACZ,gBAAgB;CAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "1.10.2",
+  "version": "1.11.0",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",

package/src/components/Forms/SegmentedControl/SegmentedControl.styled.ts

@@ -20,9 +20,13 @@ export const ItemContainer = styled(AlphaStack).attrs({
   spacing: 2,
 })`
   z-index: ${ZIndex.Float};
+  overflow: hidden;
 `
 
-export const ItemLabel = styled(Text).attrs({ bold: true })`
+export const ItemLabel = styled(Text).attrs({
+  bold: true,
+  truncated: true,
+})`
   padding: 1px 4px;
 `
 
@@ -34,6 +38,7 @@ export const Item = styled.button`
   flex: 1;
   align-items: center;
   justify-content: center;
+  min-width: 0;
 
   ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')}
 

package/src/components/Forms/Slider/__snapshots__/Slider.test.tsx.snap

@@ -147,7 +147,6 @@ exports[`Slider Snapshot should match snapshot 1`] = `
         data-radix-collection-item=""
         data-state="closed"
         role="slider"
-        style=""
         tabindex="0"
       />
     </span>

package/src/components/Tooltip/Tooltip.test.tsx

@@ -40,42 +40,42 @@ describe('Tooltip', () => {
 
   describe('ARIA', () => {
     it('should be accessible', () => {
-      const { container } = renderTooltip({ defaultShow: true })
+      const { container } = renderTooltip({ defaultShow: true, content: 'tooltip content' })
       expect(isInaccessible(container)).toBe(false)
     })
 
     it('The element that serves as the tooltip container has role `tooltip`.', () => {
-      const { getByRole } = renderTooltip({ defaultShow: true })
+      const { getByRole } = renderTooltip({ defaultShow: true, content: 'tooltip content' })
       expect(getByRole('tooltip')).toBeInTheDocument()
     })
 
     it('The element that triggers the tooltip references the tooltip element with `aria-describedby`.', () => {
-      const { getByRole } = renderTooltip({ defaultShow: true })
+      const { getByRole } = renderTooltip({ defaultShow: true, content: 'tooltip content' })
       expect(getByRole('button')).toHaveAttribute('aria-describedby', getByRole('tooltip').id)
     })
   })
 
   describe('User Interactions', () => {
     it('The tooltip content should be visible when hover over the trigger.', async () => {
-      const { getByRole } = renderTooltip()
+      const { getByRole } = renderTooltip({ content: 'tooltip content' })
       await user.hover(getByRole('button'))
       expect(getByRole('tooltip')).toBeInTheDocument()
     })
 
     it('The tooltip content should be visible when the keyboard focuses on the trigger.', async () => {
-      const { getByRole } = renderTooltip()
+      const { getByRole } = renderTooltip({ content: 'tooltip content' })
       await user.tab()
       expect(getByRole('tooltip')).toBeInTheDocument()
     })
 
     it('When the tooltip content is visible, pressing Esc should hide the tooltip content.', async () => {
-      const { queryByRole } = renderTooltip({ defaultShow: true })
+      const { queryByRole } = renderTooltip({ defaultShow: true, content: 'tooltip content' })
       await user.keyboard('{Escape}')
       expect(queryByRole('tooltip')).not.toBeInTheDocument()
     })
 
     it('When the `allowHover` property is true, the tooltip content should be hoverable.', async () => {
-      const { getByRole } = renderTooltip({ allowHover: true })
+      const { getByRole } = renderTooltip({ allowHover: true, content: 'tooltip content' })
       await user.hover(getByRole('button'))
       await user.hover(getByRole('tooltip'))
       expect(getByRole('tooltip')).toBeInTheDocument()
@@ -83,21 +83,45 @@ describe('Tooltip', () => {
 
     it('When the tooltip is visible, the `onShow` handler should be called.', async () => {
       const onShow = jest.fn()
-      const { getByRole } = renderTooltip({ onShow })
+      const { getByRole } = renderTooltip({ onShow, content: 'tooltip content' })
       await user.hover(getByRole('button'))
       expect(onShow).toHaveBeenCalled()
     })
 
     it('When the tooltip is hidden, the `onHide` handler should be called.', async () => {
       const onHide = jest.fn()
-      const { getByRole } = renderTooltip({ onHide })
+      const { getByRole } = renderTooltip({ onHide, content: 'tooltip content' })
       await user.hover(getByRole('button'))
       await user.unhover(getByRole('button'))
       expect(onHide).toHaveBeenCalled()
     })
 
+    it('If the `content` property is undefined, the tooltip should not be visible when hovering over it or with keyboard focus.', async () => {
+      const { getByRole, queryByRole } = renderTooltip({ content: undefined })
+      await user.hover(getByRole('button'))
+      expect(queryByRole('tooltip')).not.toBeInTheDocument()
+      await user.tab()
+      expect(queryByRole('tooltip')).not.toBeInTheDocument()
+    })
+
+    it('If the `content` property is null, the tooltip should not be visible when hovering over it or with keyboard focus.', async () => {
+      const { getByRole, queryByRole } = renderTooltip({ content: null })
+      await user.hover(getByRole('button'))
+      expect(queryByRole('tooltip')).not.toBeInTheDocument()
+      await user.tab()
+      expect(queryByRole('tooltip')).not.toBeInTheDocument()
+    })
+
+    it('If the `content` property is empty string, the tooltip should not be visible when hovering over it or with keyboard focus.', async () => {
+      const { getByRole, queryByRole } = renderTooltip({ content: '' })
+      await user.hover(getByRole('button'))
+      expect(queryByRole('tooltip')).not.toBeInTheDocument()
+      await user.tab()
+      expect(queryByRole('tooltip')).not.toBeInTheDocument()
+    })
+
     it('If the `disabled` property is true, the tooltip should not be visible when hovering over it or with keyboard focus.', async () => {
-      const { getByRole, queryByRole } = renderTooltip({ disabled: true })
+      const { getByRole, queryByRole } = renderTooltip({ disabled: true, content: 'tooltip content' })
       await user.hover(getByRole('button'))
       expect(queryByRole('tooltip')).not.toBeInTheDocument()
       await user.tab()
@@ -105,7 +129,8 @@ describe('Tooltip', () => {
     })
 
     it('If the `delayShow` property is greater than 0, the tooltip should be delayed by that number of ms before appearing.', async () => {
-      const { getByRole, queryByRole } = renderTooltip({ delayShow: 1000 })
+      // NOTE: (@ed) To avoid test failure due to timing issue
+      const { getByRole, queryByRole } = renderTooltip({ delayShow: 1000 - 10, content: 'tooltip content' })
       await user.hover(getByRole('button'))
       expect(queryByRole('tooltip')).not.toBeInTheDocument()
       await waitFor(() => {
@@ -114,7 +139,8 @@ describe('Tooltip', () => {
     })
 
     it('If the `delayHide` property is greater than 0, the tooltip should be delayed by that number of ms before disappearing.', async () => {
-      const { getByRole, queryByRole } = renderTooltip({ delayHide: 1000 })
+      // NOTE: (@ed) To avoid test failure due to timing issue
+      const { getByRole, queryByRole } = renderTooltip({ delayHide: 1000 - 10, content: 'tooltip content' })
       await user.hover(getByRole('button'))
       await user.unhover(getByRole('button'))
       expect(queryByRole('tooltip')).toBeInTheDocument()
@@ -134,7 +160,7 @@ describe('TooltipProvider', () => {
       delayShow={0}
       {...rest}
     >
-      <Tooltip>
+      <Tooltip content="tooltip content">
         <button type="button">
           Trigger
         </button>

package/src/components/Tooltip/Tooltip.tsx

@@ -11,9 +11,13 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip'
 
 import { getRootElement } from '~/src/utils/domUtils'
 import { createContext } from '~/src/utils/reactUtils'
-import { isBoolean } from '~/src/utils/typeUtils'
+import {
+  isBoolean,
+  isEmpty,
+} from '~/src/utils/typeUtils'
 
 import {
+  type TooltipImplProps,
   TooltipPosition,
   type TooltipProps,
   type TooltipProviderProps,
@@ -137,30 +141,12 @@ export function TooltipProvider({
   )
 }
 
-/**
- * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
- *
- * @example
- *
- * ```tsx
- * // Anatomy of the Tooltip
- * <TooltipProvider>
- *   <Tooltip />
- * </TooltipProvider>
- *
- * // Example of a Tooltip with a button
- * <Tooltip content="Ta-da!">
- *   <button>Hover me</button>
- * </Tooltip>
- * ```
- */
-export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({
+const TooltipImpl = forwardRef<HTMLDivElement, TooltipImplProps>(function TooltipImpl({
   as,
   children,
   defaultShow,
   onShow: onShowProp,
   onHide: onHideProp,
-  disabled,
   content,
   description,
   icon,
@@ -201,8 +187,6 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
   }, [onHideProp])
 
   const onOpenChange = useCallback((open: boolean) => {
-    if (disabled) { return }
-
     if (open) {
       onShow()
       return
@@ -222,7 +206,6 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
 
     onHide()
   }, [
-    disabled,
     delayHide,
     onShow,
     onHide,
@@ -273,3 +256,41 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
     </TooltipPrimitive.Root>
   )
 })
+
+/**
+ * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
+ *
+ * @example
+ *
+ * ```tsx
+ * // Anatomy of the Tooltip
+ * <TooltipProvider>
+ *   <Tooltip />
+ * </TooltipProvider>
+ *
+ * // Example of a Tooltip with a button
+ * <Tooltip content="Ta-da!">
+ *   <button>Hover me</button>
+ * </Tooltip>
+ * ```
+ */
+export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({
+  children,
+  disabled,
+  content,
+  ...rest
+}, forwardedRef) {
+  if (disabled || isEmpty(content)) {
+    return children ?? null
+  }
+
+  return (
+    <TooltipImpl
+      ref={forwardedRef}
+      content={content}
+      {...rest}
+    >
+      { children }
+    </TooltipImpl>
+  )
+})

package/src/components/Tooltip/Tooltip.types.ts

@@ -125,10 +125,13 @@ export interface TooltipProviderProps extends
   ChildrenProps,
   TooltipProviderOptions {}
 
-export interface TooltipProps extends
+export interface TooltipImplProps extends
   BezierComponentProps,
   ChildrenProps<React.ReactElement>,
   ContentProps,
-  DisableProps,
   Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,
   TooltipOptions {}
+
+export interface TooltipProps extends
+  DisableProps,
+  TooltipImplProps {}