@exem-ui/react 0.3.4-next.20261014014656 → 0.3.4-next.20261014064943

package/dist/{chunk-5SYAB4WP.mjs → chunk-QO7JYX6Q.mjs}

@@ -1,14 +1,14 @@
-import { ChevronDown, Search, Check } from './chunk-DKADAZLG.mjs';
+import { iconSizes, ChevronDown, Search, Check } from './chunk-DKADAZLG.mjs';
 import { cva, cn } from '@exem-ui/core/utils';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as React from 'react';
-import { createContext, forwardRef, useId, useContext, createElement, useRef, useState } from 'react';
+import { createContext, forwardRef, cloneElement, useId, useContext, useState, useMemo, useEffect, createElement, useRef, isValidElement } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as TabsPrimitive2 from '@radix-ui/react-tabs';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 
 var colorPaletteColorClasses = {
   mono: { background: "bg-mono-dark", text: "text-mono-dark" },
@@ -869,6 +869,7 @@ var segmentListVariants = cva(
   {
     variants: {
       size: {
+        xsmall: "h-6 gap-0 p-0.5",
         small: "h-7 gap-0 p-0.5",
         medium: "h-8 gap-0 p-0.5",
         large: "h-10 gap-0 p-0.5"
@@ -885,12 +886,14 @@ var segmentItemVariants = cva(
     "focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring",
     "disabled:cursor-not-allowed",
     "data-[state=active]:bg-component-segmentedOption data-[state=active]:text-text-primary data-[state=active]:shadow-weak",
+    "[&[data-state=active]>svg]:text-icon-secondary",
     "data-[state=inactive]:text-text-tertiary data-[state=inactive]:disabled:text-text-disabled",
     "transition-colors duration-200 ease-in-out"
   ],
   {
     variants: {
       size: {
+        xsmall: "h-5 gap-0.5 text-caption font-medium",
         small: "h-6 gap-0.5 text-body-3 font-medium",
         medium: "h-7 gap-1 text-body-2 font-medium",
         large: "h-9 gap-1.5 text-body-2 font-medium"
@@ -901,18 +904,12 @@ var segmentItemVariants = cva(
     }
   }
 );
-var segmentIconVariants = cva("flex items-center justify-center", {
-  variants: {
-    size: {
-      small: "size-4",
-      medium: "size-4",
-      large: "size-5"
-    }
-  },
-  defaultVariants: {
-    size: "medium"
-  }
-});
+var segmentIconSizeMap = {
+  xsmall: iconSizes.xs,
+  small: iconSizes.sm,
+  medium: iconSizes.sm,
+  large: iconSizes.md
+};
 var SegmentContext = createContext(void 0);
 var useSegmentContext = () => {
   const context = useContext(SegmentContext);
@@ -947,7 +944,7 @@ Segment.Item = forwardRef(
         className: cn(segmentItemVariants({ size }), className),
         ...props,
         children: [
-          leftIcon && /* @__PURE__ */ jsx("span", { className: cn(segmentIconVariants({ size })), children: leftIcon }),
+          leftIcon && cloneElement(leftIcon, { size: segmentIconSizeMap[size] }),
           /* @__PURE__ */ jsx("span", { className: "flex items-center", children })
         ]
       }
@@ -1370,83 +1367,159 @@ function FlatTabs({
   return /* @__PURE__ */ jsx(Tabs, { ...rootProps, children: /* @__PURE__ */ jsx(Tabs.List, { className, children: items.map(({ value, children, ...itemProps }) => /* @__PURE__ */ jsx(Tabs.Trigger, { value, ...itemProps, children }, value)) }) });
 }
 FlatTabs.displayName = "FlatTabs";
-var tooltipContentVariants = cva(
-  [
-    // Base layout
-    "z-50 flex flex-col items-start overflow-hidden",
-    "rounded-medium",
-    "text-text-static-light",
-    "bg-component-tooltip border border-border-primary",
-    "shadow-medium",
-    "animate-in fade-in-0 zoom-in-95",
-    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-    "data-[side=bottom]:slide-in-from-top-2",
-    "data-[side=left]:slide-in-from-right-2",
-    "data-[side=right]:slide-in-from-left-2",
-    "data-[side=top]:slide-in-from-bottom-2"
-  ],
-  {
-    variants: {
-      size: {
-        tiny: "px-2 py-1 text-body-3",
-        small: "w-[160px] gap-[8px] px-[12px] py-[10px]",
-        medium: "w-[240px] gap-[8px] px-[12px] py-[10px]",
-        large: "w-[320px] gap-[8px] px-[12px] py-[10px]",
-        xlarge: "w-[400px] gap-[8px] px-[12px] py-[10px]"
-      }
-    },
-    defaultVariants: { size: "small" }
-  }
-);
-var tooltipTitleVariants = cva([
-  "text-body-1 font-semibold text-text-static-light",
-  "group-data-[size=tiny]/tooltip-content:text-body-3"
-]);
-var tooltipTextVariants = cva([
-  "text-body-2 font-regular text-text-static-light",
-  "group-data-[size=tiny]/tooltip-content:text-body-3"
-]);
-var Tooltip = TooltipPrimitive.Root;
-Tooltip.Provider = TooltipPrimitive.Provider;
-Tooltip.Trigger = TooltipPrimitive.Trigger;
-Tooltip.Content = forwardRef(({ className, sideOffset = 4, size, children, portalContainer, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    "data-size": size,
-    className: cn("group/tooltip-content", tooltipContentVariants({ size }), className),
-    ...props,
-    children
+var tooltipVariants = {
+  positioner: "z-50",
+  content: cva(
+    [
+      "flex flex-col items-start overflow-hidden",
+      "rounded-medium",
+      "text-text-static-light",
+      // Figma의 Tooltip은 테마와 무관하게 다크 모드 값으로 고정된다. bg-component-tooltip은 두 테마가
+      // 같지만 border-primary는 라이트에서 밝아지므로, 다크 값인 gray-08을 직접 쓴다.
+      "bg-component-tooltip border border-gray-08",
+      "shadow-medium",
+      "origin-[var(--transform-origin)] transition-[transform,scale,opacity] duration-150",
+      "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+      "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+      "data-[instant]:transition-none"
+    ],
+    {
+      variants: {
+        size: {
+          tiny: "px-2 py-1 text-body-3",
+          small: "w-[160px] gap-1 px-[12px] py-[10px]",
+          medium: "w-[240px] gap-1 px-[12px] py-[10px]",
+          large: "w-[320px] gap-1 px-[12px] py-[10px]",
+          xlarge: "w-[400px] gap-1 px-[12px] py-[10px]"
+        }
+      },
+      defaultVariants: { size: "small" }
+    }
+  ),
+  title: cva([
+    "text-body-2 font-medium text-text-static-light",
+    "group-data-[size=tiny]/tooltip-content:text-body-3"
+  ]),
+  description: cva([
+    "text-body-2 font-regular text-text-static-light",
+    "group-data-[size=tiny]/tooltip-content:text-body-3"
+  ])
+};
+var TooltipA11yContext = createContext({ setPopupId: () => {
+} });
+function TooltipPopupMounted({ id }) {
+  const { setPopupId } = useContext(TooltipA11yContext);
+  useEffect(() => {
+    setPopupId(id);
+    return () => setPopupId(void 0);
+  }, [id, setPopupId]);
+  return null;
+}
+function TooltipRoot(props) {
+  const [popupId, setPopupId] = useState();
+  const a11y = useMemo(() => ({ popupId, setPopupId }), [popupId]);
+  return /* @__PURE__ */ jsx(TooltipA11yContext.Provider, { value: a11y, children: /* @__PURE__ */ jsx(Tooltip$1.Root, { ...props }) });
+}
+function TooltipProvider(props) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { ...props });
+}
+function TooltipTrigger(props) {
+  const { popupId } = useContext(TooltipA11yContext);
+  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", "aria-describedby": popupId, ...props });
+}
+function TooltipContent({
+  className,
+  children,
+  size,
+  sideOffset = 4,
+  side,
+  align,
+  alignOffset,
+  portalContainer,
+  id: idProp,
+  ...props
+}) {
+  const fallbackId = useId();
+  const popupId = idProp ?? fallbackId;
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+    Tooltip$1.Positioner,
+    {
+      className: tooltipVariants.positioner,
+      sideOffset,
+      side,
+      align,
+      alignOffset,
+      children: /* @__PURE__ */ jsxs(
+        Tooltip$1.Popup,
+        {
+          "data-slot": "tooltip-content",
+          "data-size": size,
+          id: popupId,
+          role: "tooltip",
+          className: cn("group/tooltip-content", tooltipVariants.content({ size }), className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(TooltipPopupMounted, { id: popupId }),
+            children
+          ]
+        }
+      )
+    }
+  ) });
+}
+function TooltipTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "tooltip-title", className: cn(tooltipVariants.title(), className), ...props });
+}
+function TooltipDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "tooltip-description",
+      className: cn(tooltipVariants.description(), className),
+      ...props
+    }
+  );
+}
+TooltipRoot.displayName = "Tooltip";
+TooltipProvider.displayName = "Tooltip.Provider";
+TooltipTrigger.displayName = "Tooltip.Trigger";
+TooltipContent.displayName = "Tooltip.Content";
+TooltipTitle.displayName = "Tooltip.Title";
+TooltipDescription.displayName = "Tooltip.Description";
+var Tooltip = Object.assign(TooltipRoot, {
+  Provider: TooltipProvider,
+  Trigger: TooltipTrigger,
+  Content: TooltipContent,
+  Title: TooltipTitle,
+  Description: TooltipDescription
+});
+var FlatTooltip = ({
+  children,
+  title,
+  size,
+  description,
+  delay,
+  closeDelay,
+  ...props
+}) => {
+  if (!isValidElement(children)) {
+    return children;
   }
-) }));
-Tooltip.Title = forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(tooltipTitleVariants(), className), ...props, children })
-);
-Tooltip.Description = forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(tooltipTextVariants(), className), ...props, children })
-);
-Tooltip.displayName = "Tooltip";
-Tooltip.Content.displayName = "Tooltip.Content";
-Tooltip.Title.displayName = "Tooltip.Title";
-Tooltip.Description.displayName = "Tooltip.Description";
-Tooltip.Trigger.displayName = "Tooltip.Trigger";
-Tooltip.Provider.displayName = "Tooltip.Provider";
-var FlatTooltip = ({ children, title, size, description, ...props }) => {
-  return /* @__PURE__ */ jsx(Tooltip.Provider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children }),
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { render: children, delay, closeDelay }),
     /* @__PURE__ */ jsxs(Tooltip.Content, { size, ...props, children: [
       title && /* @__PURE__ */ jsx(Tooltip.Title, { children: title }),
       description && /* @__PURE__ */ jsx(Tooltip.Description, { children: description })
     ] })
-  ] }) });
+  ] });
 };
 function ConditionalTooltip({ children, tooltip }) {
   if (typeof tooltip === "string") {
     return /* @__PURE__ */ jsx(FlatTooltip, { size: "tiny", description: tooltip, children });
   }
   if (tooltip && typeof tooltip === "object" && "description" in tooltip && tooltip.use !== false) {
-    return /* @__PURE__ */ jsx(FlatTooltip, { size: tooltip.size || "tiny", ...tooltip, children });
+    const { use: _use, ...config } = tooltip;
+    return /* @__PURE__ */ jsx(FlatTooltip, { ...config, size: config.size || "tiny", children });
   }
   return children;
 }

package/dist/flat/index.d.mts

@@ -1,13 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorPaletteColor, G as ColorPaletteProps, I as Icon, S as Size, V as Variant, u as SegmentItemProps, w as SegmentRootProps, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-CQYzMWkr.mjs';
-export { Q as ConditionalTooltip, a as ConditionalTooltipProps, R as FlatTooltip, O as FlatTooltipProps, P as TooltipConfig } from '../FlatTooltip-CQYzMWkr.mjs';
+import { C as ColorPaletteColor, G as ColorPaletteProps, I as Icon, S as Size, V as Variant, u as SegmentItemProps, w as SegmentRootProps, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-eHUMKbuv.mjs';
+export { Q as ConditionalTooltip, a as ConditionalTooltipProps, R as FlatTooltip, O as FlatTooltipProps, P as TooltipConfig } from '../FlatTooltip-eHUMKbuv.mjs';
 import { ReactNode, ComponentProps } from 'react';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-radio-group';
+import '../types-xnO0gkCW.mjs';
 import '@radix-ui/react-select';
-import 'class-variance-authority/types';
+import '@base-ui/react/tooltip';
 import '@exem-ui/core/utils';
-import '@radix-ui/react-tooltip';
+import 'class-variance-authority/types';
 
 type FlatColorPaletteProps<P extends readonly ColorPaletteColor[] = readonly ColorPaletteColor[]> = Omit<ColorPaletteProps, 'value' | 'defaultValue' | 'onValueChange' | 'children'> & {
     /** 표시할 색상 팔레트. 소비자가 직접 구성하며 `ColorPaletteColors` 상수로 작성하면 오타가 잡힙니다. */

package/dist/flat/index.d.ts

@@ -1,13 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorPaletteColor, G as ColorPaletteProps, I as Icon, S as Size, V as Variant, u as SegmentItemProps, w as SegmentRootProps, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-CQYzMWkr.js';
-export { Q as ConditionalTooltip, a as ConditionalTooltipProps, R as FlatTooltip, O as FlatTooltipProps, P as TooltipConfig } from '../FlatTooltip-CQYzMWkr.js';
+import { C as ColorPaletteColor, G as ColorPaletteProps, I as Icon, S as Size, V as Variant, u as SegmentItemProps, w as SegmentRootProps, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-CrfIdqNq.js';
+export { Q as ConditionalTooltip, a as ConditionalTooltipProps, R as FlatTooltip, O as FlatTooltipProps, P as TooltipConfig } from '../FlatTooltip-CrfIdqNq.js';
 import { ReactNode, ComponentProps } from 'react';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-radio-group';
+import '../types-xnO0gkCW.js';
 import '@radix-ui/react-select';
-import 'class-variance-authority/types';
+import '@base-ui/react/tooltip';
 import '@exem-ui/core/utils';
-import '@radix-ui/react-tooltip';
+import 'class-variance-authority/types';
 
 type FlatColorPaletteProps<P extends readonly ColorPaletteColor[] = readonly ColorPaletteColor[]> = Omit<ColorPaletteProps, 'value' | 'defaultValue' | 'onValueChange' | 'children'> & {
     /** 표시할 색상 팔레트. 소비자가 직접 구성하며 `ColorPaletteColors` 상수로 작성하면 오타가 잡힙니다. */

package/dist/flat/index.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var chunkMC4SYR5X_js = require('../chunk-MC4SYR5X.js');
+var chunk2JF444FU_js = require('../chunk-2JF444FU.js');
 require('../chunk-6NFYQZSK.js');
 
 
 
 Object.defineProperty(exports, "ConditionalTooltip", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.ConditionalTooltip; }
+  get: function () { return chunk2JF444FU_js.ConditionalTooltip; }
 });
 Object.defineProperty(exports, "FlatColorPalette", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.FlatColorPalette; }
+  get: function () { return chunk2JF444FU_js.FlatColorPalette; }
 });
 Object.defineProperty(exports, "FlatCombobox", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.FlatCombobox; }
+  get: function () { return chunk2JF444FU_js.FlatCombobox; }
 });
 Object.defineProperty(exports, "FlatSegment", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.FlatSegment; }
+  get: function () { return chunk2JF444FU_js.FlatSegment; }
 });
 Object.defineProperty(exports, "FlatSelect", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.FlatSelect; }
+  get: function () { return chunk2JF444FU_js.FlatSelect; }
 });
 Object.defineProperty(exports, "FlatTabs", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.FlatTabs; }
+  get: function () { return chunk2JF444FU_js.FlatTabs; }
 });
 Object.defineProperty(exports, "FlatTooltip", {
   enumerable: true,
-  get: function () { return chunkMC4SYR5X_js.FlatTooltip; }
+  get: function () { return chunk2JF444FU_js.FlatTooltip; }
 });

package/dist/flat/index.mjs

@@ -1,2 +1,2 @@
-export { ConditionalTooltip, FlatColorPalette, FlatCombobox, FlatSegment, FlatSelect, FlatTabs, FlatTooltip } from '../chunk-5SYAB4WP.mjs';
+export { ConditionalTooltip, FlatColorPalette, FlatCombobox, FlatSegment, FlatSelect, FlatTabs, FlatTooltip } from '../chunk-QO7JYX6Q.mjs';
 import '../chunk-DKADAZLG.mjs';

package/dist/index.d.mts

@@ -2,8 +2,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from '@exem-ui/core/utils';
 import * as React$1 from 'react';
 import React__default, { ComponentProps } from 'react';
-import { C as ColorPaletteColor, a as ConditionalTooltipProps, S as Size$1, I as Icon, V as Variant } from './FlatTooltip-CQYzMWkr.mjs';
-export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-CQYzMWkr.mjs';
+import { C as ColorPaletteColor, a as ConditionalTooltipProps, S as Size$1, I as Icon, V as Variant } from './FlatTooltip-eHUMKbuv.mjs';
+export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-eHUMKbuv.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Button as Button$1 } from '@base-ui/react/button';
 import { I as IconBaseProps } from './types-xnO0gkCW.mjs';
@@ -19,7 +19,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-select';
-import '@radix-ui/react-tooltip';
+import '@base-ui/react/tooltip';
 
 interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
     /** 사용자 이름. 이미지가 없을 때 이니셜 폴백에 사용됩니다. */

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from '@exem-ui/core/utils';
 import * as React$1 from 'react';
 import React__default, { ComponentProps } from 'react';
-import { C as ColorPaletteColor, a as ConditionalTooltipProps, S as Size$1, I as Icon, V as Variant } from './FlatTooltip-CQYzMWkr.js';
-export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-CQYzMWkr.js';
+import { C as ColorPaletteColor, a as ConditionalTooltipProps, S as Size$1, I as Icon, V as Variant } from './FlatTooltip-CrfIdqNq.js';
+export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-CrfIdqNq.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Button as Button$1 } from '@base-ui/react/button';
 import { I as IconBaseProps } from './types-xnO0gkCW.js';
@@ -19,7 +19,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-select';
-import '@radix-ui/react-tooltip';
+import '@base-ui/react/tooltip';
 
 interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
     /** 사용자 이름. 이미지가 없을 때 이니셜 폴백에 사용됩니다. */