@nurimedia/react-ui 0.1.0

package/dist/Tooltip/index.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tooltip/index.ts
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => Tooltip,
+  TooltipProvider: () => TooltipProvider
+});
+module.exports = __toCommonJS(Tooltip_exports);
+
+// src/Tooltip/Tooltip.tsx
+var import_styles = require("./styles.css");
+var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_react = require("react");
+
+// src/utils/cx.ts
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+// src/Tooltip/Tooltip.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var HasProviderContext = (0, import_react.createContext)(false);
+function TooltipProvider({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HasProviderContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixTooltip.Provider, { ...props, children }) });
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  arrow = true,
+  delayDuration,
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled = false,
+  container,
+  className
+}) {
+  const hasProvider = (0, import_react.useContext)(HasProviderContext);
+  if (disabled) return children;
+  const root = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    RadixTooltip.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixTooltip.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixTooltip.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          RadixTooltip.Content,
+          {
+            className: cx("nuri-tooltip", className),
+            side,
+            align,
+            sideOffset: 4,
+            collisionPadding: 8,
+            arrowPadding: 6,
+            hideWhenDetached: true,
+            children: [
+              content,
+              arrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixTooltip.Arrow, { className: "nuri-tooltip__arrow", width: 14, height: 7 })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return hasProvider ? root : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadixTooltip.Provider, { delayDuration: 100, children: root });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  TooltipProvider
+});
+//# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/index.ts","../../src/Tooltip/Tooltip.tsx","../../src/utils/cx.ts"],"sourcesContent":["export { Tooltip, TooltipProvider } from './Tooltip.js';\nexport type { TooltipProps, TooltipProviderProps } from './Tooltip.js';\n","'use client';\n\nimport './styles.css';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { createContext, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Side = 'top' | 'bottom' | 'left' | 'right';\ntype Align = 'start' | 'center' | 'end';\n\nexport interface TooltipProps {\n  /** 툴팁 내용. */\n  content: ReactNode;\n  /** 트리거 — 단일 엘리먼트에 asChild로 위임 (Button, 아이콘 버튼 등). */\n  children: ReactElement;\n  /**\n   * 툴팁이 뜨는 방향. (디자인의 Direction은 꼬리 방향 기준이라 반대 —\n   * 예: 디자인 Direction=Bottom ⇒ side=\"top\")\n   * 공간이 부족하면 자동으로 반대쪽으로 반전된다.\n   * @default 'top'\n   */\n  side?: Side;\n  /** 트리거 기준 정렬. @default 'center' */\n  align?: Align;\n  /** 꼬리(화살표) 표시 여부 — 디자인의 showTail. @default true */\n  arrow?: boolean;\n  /**\n   * 열림 지연 ms. 미지정 시 — 단독 사용은 100ms(거의 즉시, 스쳐 지나갈 때 깜빡임만 방지),\n   * TooltipProvider 안에서는 프로바이더 설정을 따름. 0이면 즉시.\n   * 키보드 포커스는 지연 없이 항상 즉시 표시된다.\n   */\n  delayDuration?: number;\n  /** 열림 상태 제어 — 항상 표시(코치마크류)나 수동 제어에 사용. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** true면 툴팁 없이 트리거만 렌더 (조건부 툴팁). @default false */\n  disabled?: boolean;\n  /** 포털 렌더 대상. 기본 document.body. */\n  container?: HTMLElement | null;\n  /** 툴팁 패널에 추가할 className. */\n  className?: string;\n}\n\n// TooltipProvider 존재 감지용 — 없으면 Tooltip이 자체 Provider로 감싼다(제로 셋업).\nconst HasProviderContext = createContext(false);\n\nexport type TooltipProviderProps = RadixTooltip.TooltipProviderProps;\n\n/**\n * 지연 시간을 공유하는 프로바이더 (선택). 앱 루트에 1회 두면 툴팁 하나를 본 직후\n * 인접 트리거로 이동할 때 지연 없이 바로 표시된다(skipDelayDuration).\n * 없어도 Tooltip은 단독으로 동작한다.\n *\n * @example\n * <TooltipProvider delayDuration={300}><App /></TooltipProvider>\n */\nexport function TooltipProvider({ children, ...props }: TooltipProviderProps) {\n  return (\n    <HasProviderContext.Provider value={true}>\n      <RadixTooltip.Provider {...props}>{children}</RadixTooltip.Provider>\n    </HasProviderContext.Provider>\n  );\n}\n\n/**\n * 툴팁. Radix Tooltip 기반 — hover와 **키보드 포커스** 모두에서 열리고,\n * Esc로 닫히며, `aria-describedby`가 자동 연결된다. 포털 + 충돌 감지\n * 포지셔닝이라 부모 overflow에 잘리지 않고 화면 밖으로 나가지 않는다.\n *\n * 터치 기기에서는 표시되지 않는다(hover 개념 부재 — Radix 기본 동작).\n * 닫기 버튼이 있는 지속형 안내(코치마크)는 툴팁 범위가 아니다.\n *\n * @example\n * <Tooltip content=\"즐겨찾기에 추가\">\n *   <Button iconOnly aria-label=\"즐겨찾기\">★</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n  content,\n  children,\n  side = 'top',\n  align = 'center',\n  arrow = true,\n  delayDuration,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  container,\n  className,\n}: TooltipProps) {\n  const hasProvider = useContext(HasProviderContext);\n\n  if (disabled) return children;\n\n  const root = (\n    <RadixTooltip.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n    >\n      <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal container={container}>\n        <RadixTooltip.Content\n          className={cx('nuri-tooltip', className)}\n          side={side}\n          align={align}\n          sideOffset={4}\n          collisionPadding={8}\n          arrowPadding={6}\n          // 트리거가 뷰포트/스크롤 영역에서 완전히 사라지면 툴팁도 숨김\n          // (기준 요소 없이 툴팁만 떠 있는 현상 방지)\n          hideWhenDetached\n        >\n          {content}\n          {arrow && <RadixTooltip.Arrow className=\"nuri-tooltip__arrow\" width={14} height={7} />}\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n\n  // 앱에 TooltipProvider가 없어도 동작하도록 자체 Provider로 폴백.\n  // 앱 Provider가 있으면 감싸지 않는다 — 안쪽 컨텍스트가 이기므로 여기서 또 감싸면\n  // 앱이 설정한 delayDuration·skipDelayDuration이 무시된다.\n  // 폴백 지연 100ms — 거의 즉시로 느껴지되, 마우스가 스쳐 지나갈 때 연쇄 깜빡임은 방지\n  // (버튼 하나를 가로지르는 데 ~30–50ms — 그보다 길게 머문 경우만 의도로 판정).\n  return hasProvider ? (\n    root\n  ) : (\n    <RadixTooltip.Provider delayDuration={100}>{root}</RadixTooltip.Provider>\n  );\n}\n","/**\n * 조건부 className 합성 유틸. falsy 값(undefined/false/null/'')은 제거.\n * @example cx('btn', isActive && 'btn--active', className)\n */\nexport function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,oBAAO;AACP,mBAA8B;AAC9B,mBAA0C;;;ACAnC,SAAS,MAAM,SAA2D;AAC/E,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;;;ADuDM;AAfN,IAAM,yBAAqB,4BAAc,KAAK;AAYvC,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,MAClC,sDAAc,uBAAb,EAAuB,GAAG,OAAQ,UAAS,GAC9C;AAEJ;AAeO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiB;AACf,QAAM,kBAAc,yBAAW,kBAAkB;AAEjD,MAAI,SAAU,QAAO;AAErB,QAAM,OACJ;AAAA,IAAc;AAAA,IAAb;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,oDAAc,sBAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,QACxC,4CAAc,qBAAb,EAAoB,WACnB;AAAA,UAAc;AAAA,UAAb;AAAA,YACC,WAAW,GAAG,gBAAgB,SAAS;AAAA,YACvC;AAAA,YACA;AAAA,YACA,YAAY;AAAA,YACZ,kBAAkB;AAAA,YAClB,cAAc;AAAA,YAGd,kBAAgB;AAAA,YAEf;AAAA;AAAA,cACA,SAAS,4CAAc,oBAAb,EAAmB,WAAU,uBAAsB,OAAO,IAAI,QAAQ,GAAG;AAAA;AAAA;AAAA,QACtF,GACF;AAAA;AAAA;AAAA,EACF;AAQF,SAAO,cACL,OAEA,4CAAc,uBAAb,EAAsB,eAAe,KAAM,gBAAK;AAErD;","names":[]}

package/dist/Tooltip/index.d.cts

@@ -0,0 +1,65 @@
+import * as react from 'react';
+import { ReactNode, ReactElement } from 'react';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+
+type Side = 'top' | 'bottom' | 'left' | 'right';
+type Align = 'start' | 'center' | 'end';
+interface TooltipProps {
+    /** 툴팁 내용. */
+    content: ReactNode;
+    /** 트리거 — 단일 엘리먼트에 asChild로 위임 (Button, 아이콘 버튼 등). */
+    children: ReactElement;
+    /**
+     * 툴팁이 뜨는 방향. (디자인의 Direction은 꼬리 방향 기준이라 반대 —
+     * 예: 디자인 Direction=Bottom ⇒ side="top")
+     * 공간이 부족하면 자동으로 반대쪽으로 반전된다.
+     * @default 'top'
+     */
+    side?: Side;
+    /** 트리거 기준 정렬. @default 'center' */
+    align?: Align;
+    /** 꼬리(화살표) 표시 여부 — 디자인의 showTail. @default true */
+    arrow?: boolean;
+    /**
+     * 열림 지연 ms. 미지정 시 — 단독 사용은 100ms(거의 즉시, 스쳐 지나갈 때 깜빡임만 방지),
+     * TooltipProvider 안에서는 프로바이더 설정을 따름. 0이면 즉시.
+     * 키보드 포커스는 지연 없이 항상 즉시 표시된다.
+     */
+    delayDuration?: number;
+    /** 열림 상태 제어 — 항상 표시(코치마크류)나 수동 제어에 사용. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** true면 툴팁 없이 트리거만 렌더 (조건부 툴팁). @default false */
+    disabled?: boolean;
+    /** 포털 렌더 대상. 기본 document.body. */
+    container?: HTMLElement | null;
+    /** 툴팁 패널에 추가할 className. */
+    className?: string;
+}
+type TooltipProviderProps = RadixTooltip.TooltipProviderProps;
+/**
+ * 지연 시간을 공유하는 프로바이더 (선택). 앱 루트에 1회 두면 툴팁 하나를 본 직후
+ * 인접 트리거로 이동할 때 지연 없이 바로 표시된다(skipDelayDuration).
+ * 없어도 Tooltip은 단독으로 동작한다.
+ *
+ * @example
+ * <TooltipProvider delayDuration={300}><App /></TooltipProvider>
+ */
+declare function TooltipProvider({ children, ...props }: TooltipProviderProps): react.JSX.Element;
+/**
+ * 툴팁. Radix Tooltip 기반 — hover와 **키보드 포커스** 모두에서 열리고,
+ * Esc로 닫히며, `aria-describedby`가 자동 연결된다. 포털 + 충돌 감지
+ * 포지셔닝이라 부모 overflow에 잘리지 않고 화면 밖으로 나가지 않는다.
+ *
+ * 터치 기기에서는 표시되지 않는다(hover 개념 부재 — Radix 기본 동작).
+ * 닫기 버튼이 있는 지속형 안내(코치마크)는 툴팁 범위가 아니다.
+ *
+ * @example
+ * <Tooltip content="즐겨찾기에 추가">
+ *   <Button iconOnly aria-label="즐겨찾기">★</Button>
+ * </Tooltip>
+ */
+declare function Tooltip({ content, children, side, align, arrow, delayDuration, open, defaultOpen, onOpenChange, disabled, container, className, }: TooltipProps): react.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,65 @@
+import * as react from 'react';
+import { ReactNode, ReactElement } from 'react';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+
+type Side = 'top' | 'bottom' | 'left' | 'right';
+type Align = 'start' | 'center' | 'end';
+interface TooltipProps {
+    /** 툴팁 내용. */
+    content: ReactNode;
+    /** 트리거 — 단일 엘리먼트에 asChild로 위임 (Button, 아이콘 버튼 등). */
+    children: ReactElement;
+    /**
+     * 툴팁이 뜨는 방향. (디자인의 Direction은 꼬리 방향 기준이라 반대 —
+     * 예: 디자인 Direction=Bottom ⇒ side="top")
+     * 공간이 부족하면 자동으로 반대쪽으로 반전된다.
+     * @default 'top'
+     */
+    side?: Side;
+    /** 트리거 기준 정렬. @default 'center' */
+    align?: Align;
+    /** 꼬리(화살표) 표시 여부 — 디자인의 showTail. @default true */
+    arrow?: boolean;
+    /**
+     * 열림 지연 ms. 미지정 시 — 단독 사용은 100ms(거의 즉시, 스쳐 지나갈 때 깜빡임만 방지),
+     * TooltipProvider 안에서는 프로바이더 설정을 따름. 0이면 즉시.
+     * 키보드 포커스는 지연 없이 항상 즉시 표시된다.
+     */
+    delayDuration?: number;
+    /** 열림 상태 제어 — 항상 표시(코치마크류)나 수동 제어에 사용. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** true면 툴팁 없이 트리거만 렌더 (조건부 툴팁). @default false */
+    disabled?: boolean;
+    /** 포털 렌더 대상. 기본 document.body. */
+    container?: HTMLElement | null;
+    /** 툴팁 패널에 추가할 className. */
+    className?: string;
+}
+type TooltipProviderProps = RadixTooltip.TooltipProviderProps;
+/**
+ * 지연 시간을 공유하는 프로바이더 (선택). 앱 루트에 1회 두면 툴팁 하나를 본 직후
+ * 인접 트리거로 이동할 때 지연 없이 바로 표시된다(skipDelayDuration).
+ * 없어도 Tooltip은 단독으로 동작한다.
+ *
+ * @example
+ * <TooltipProvider delayDuration={300}><App /></TooltipProvider>
+ */
+declare function TooltipProvider({ children, ...props }: TooltipProviderProps): react.JSX.Element;
+/**
+ * 툴팁. Radix Tooltip 기반 — hover와 **키보드 포커스** 모두에서 열리고,
+ * Esc로 닫히며, `aria-describedby`가 자동 연결된다. 포털 + 충돌 감지
+ * 포지셔닝이라 부모 overflow에 잘리지 않고 화면 밖으로 나가지 않는다.
+ *
+ * 터치 기기에서는 표시되지 않는다(hover 개념 부재 — Radix 기본 동작).
+ * 닫기 버튼이 있는 지속형 안내(코치마크)는 툴팁 범위가 아니다.
+ *
+ * @example
+ * <Tooltip content="즐겨찾기에 추가">
+ *   <Button iconOnly aria-label="즐겨찾기">★</Button>
+ * </Tooltip>
+ */
+declare function Tooltip({ content, children, side, align, arrow, delayDuration, open, defaultOpen, onOpenChange, disabled, container, className, }: TooltipProps): react.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };

package/dist/Tooltip/index.js

@@ -0,0 +1,67 @@
+// src/Tooltip/Tooltip.tsx
+import "./styles.css";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { createContext, useContext } from "react";
+
+// src/utils/cx.ts
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+// src/Tooltip/Tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var HasProviderContext = createContext(false);
+function TooltipProvider({ children, ...props }) {
+  return /* @__PURE__ */ jsx(HasProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsx(RadixTooltip.Provider, { ...props, children }) });
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  arrow = true,
+  delayDuration,
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled = false,
+  container,
+  className
+}) {
+  const hasProvider = useContext(HasProviderContext);
+  if (disabled) return children;
+  const root = /* @__PURE__ */ jsxs(
+    RadixTooltip.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
+      children: [
+        /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(RadixTooltip.Portal, { container, children: /* @__PURE__ */ jsxs(
+          RadixTooltip.Content,
+          {
+            className: cx("nuri-tooltip", className),
+            side,
+            align,
+            sideOffset: 4,
+            collisionPadding: 8,
+            arrowPadding: 6,
+            hideWhenDetached: true,
+            children: [
+              content,
+              arrow && /* @__PURE__ */ jsx(RadixTooltip.Arrow, { className: "nuri-tooltip__arrow", width: 14, height: 7 })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return hasProvider ? root : /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration: 100, children: root });
+}
+export {
+  Tooltip,
+  TooltipProvider
+};
+//# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx","../../src/utils/cx.ts"],"sourcesContent":["'use client';\n\nimport './styles.css';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { createContext, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\ntype Side = 'top' | 'bottom' | 'left' | 'right';\ntype Align = 'start' | 'center' | 'end';\n\nexport interface TooltipProps {\n  /** 툴팁 내용. */\n  content: ReactNode;\n  /** 트리거 — 단일 엘리먼트에 asChild로 위임 (Button, 아이콘 버튼 등). */\n  children: ReactElement;\n  /**\n   * 툴팁이 뜨는 방향. (디자인의 Direction은 꼬리 방향 기준이라 반대 —\n   * 예: 디자인 Direction=Bottom ⇒ side=\"top\")\n   * 공간이 부족하면 자동으로 반대쪽으로 반전된다.\n   * @default 'top'\n   */\n  side?: Side;\n  /** 트리거 기준 정렬. @default 'center' */\n  align?: Align;\n  /** 꼬리(화살표) 표시 여부 — 디자인의 showTail. @default true */\n  arrow?: boolean;\n  /**\n   * 열림 지연 ms. 미지정 시 — 단독 사용은 100ms(거의 즉시, 스쳐 지나갈 때 깜빡임만 방지),\n   * TooltipProvider 안에서는 프로바이더 설정을 따름. 0이면 즉시.\n   * 키보드 포커스는 지연 없이 항상 즉시 표시된다.\n   */\n  delayDuration?: number;\n  /** 열림 상태 제어 — 항상 표시(코치마크류)나 수동 제어에 사용. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** true면 툴팁 없이 트리거만 렌더 (조건부 툴팁). @default false */\n  disabled?: boolean;\n  /** 포털 렌더 대상. 기본 document.body. */\n  container?: HTMLElement | null;\n  /** 툴팁 패널에 추가할 className. */\n  className?: string;\n}\n\n// TooltipProvider 존재 감지용 — 없으면 Tooltip이 자체 Provider로 감싼다(제로 셋업).\nconst HasProviderContext = createContext(false);\n\nexport type TooltipProviderProps = RadixTooltip.TooltipProviderProps;\n\n/**\n * 지연 시간을 공유하는 프로바이더 (선택). 앱 루트에 1회 두면 툴팁 하나를 본 직후\n * 인접 트리거로 이동할 때 지연 없이 바로 표시된다(skipDelayDuration).\n * 없어도 Tooltip은 단독으로 동작한다.\n *\n * @example\n * <TooltipProvider delayDuration={300}><App /></TooltipProvider>\n */\nexport function TooltipProvider({ children, ...props }: TooltipProviderProps) {\n  return (\n    <HasProviderContext.Provider value={true}>\n      <RadixTooltip.Provider {...props}>{children}</RadixTooltip.Provider>\n    </HasProviderContext.Provider>\n  );\n}\n\n/**\n * 툴팁. Radix Tooltip 기반 — hover와 **키보드 포커스** 모두에서 열리고,\n * Esc로 닫히며, `aria-describedby`가 자동 연결된다. 포털 + 충돌 감지\n * 포지셔닝이라 부모 overflow에 잘리지 않고 화면 밖으로 나가지 않는다.\n *\n * 터치 기기에서는 표시되지 않는다(hover 개념 부재 — Radix 기본 동작).\n * 닫기 버튼이 있는 지속형 안내(코치마크)는 툴팁 범위가 아니다.\n *\n * @example\n * <Tooltip content=\"즐겨찾기에 추가\">\n *   <Button iconOnly aria-label=\"즐겨찾기\">★</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n  content,\n  children,\n  side = 'top',\n  align = 'center',\n  arrow = true,\n  delayDuration,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  container,\n  className,\n}: TooltipProps) {\n  const hasProvider = useContext(HasProviderContext);\n\n  if (disabled) return children;\n\n  const root = (\n    <RadixTooltip.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n    >\n      <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal container={container}>\n        <RadixTooltip.Content\n          className={cx('nuri-tooltip', className)}\n          side={side}\n          align={align}\n          sideOffset={4}\n          collisionPadding={8}\n          arrowPadding={6}\n          // 트리거가 뷰포트/스크롤 영역에서 완전히 사라지면 툴팁도 숨김\n          // (기준 요소 없이 툴팁만 떠 있는 현상 방지)\n          hideWhenDetached\n        >\n          {content}\n          {arrow && <RadixTooltip.Arrow className=\"nuri-tooltip__arrow\" width={14} height={7} />}\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n\n  // 앱에 TooltipProvider가 없어도 동작하도록 자체 Provider로 폴백.\n  // 앱 Provider가 있으면 감싸지 않는다 — 안쪽 컨텍스트가 이기므로 여기서 또 감싸면\n  // 앱이 설정한 delayDuration·skipDelayDuration이 무시된다.\n  // 폴백 지연 100ms — 거의 즉시로 느껴지되, 마우스가 스쳐 지나갈 때 연쇄 깜빡임은 방지\n  // (버튼 하나를 가로지르는 데 ~30–50ms — 그보다 길게 머문 경우만 의도로 판정).\n  return hasProvider ? (\n    root\n  ) : (\n    <RadixTooltip.Provider delayDuration={100}>{root}</RadixTooltip.Provider>\n  );\n}\n","/**\n * 조건부 className 합성 유틸. falsy 값(undefined/false/null/'')은 제거.\n * @example cx('btn', isActive && 'btn--active', className)\n */\nexport function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n"],"mappings":";AAEA,OAAO;AACP,YAAY,kBAAkB;AAC9B,SAAS,eAAe,kBAAkB;;;ACAnC,SAAS,MAAM,SAA2D;AAC/E,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;;;ADuDM,cA6CE,YA7CF;AAfN,IAAM,qBAAqB,cAAc,KAAK;AAYvC,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,MAClC,8BAAc,uBAAb,EAAuB,GAAG,OAAQ,UAAS,GAC9C;AAEJ;AAeO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiB;AACf,QAAM,cAAc,WAAW,kBAAkB;AAEjD,MAAI,SAAU,QAAO;AAErB,QAAM,OACJ;AAAA,IAAc;AAAA,IAAb;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAc,sBAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,QACxC,oBAAc,qBAAb,EAAoB,WACnB;AAAA,UAAc;AAAA,UAAb;AAAA,YACC,WAAW,GAAG,gBAAgB,SAAS;AAAA,YACvC;AAAA,YACA;AAAA,YACA,YAAY;AAAA,YACZ,kBAAkB;AAAA,YAClB,cAAc;AAAA,YAGd,kBAAgB;AAAA,YAEf;AAAA;AAAA,cACA,SAAS,oBAAc,oBAAb,EAAmB,WAAU,uBAAsB,OAAO,IAAI,QAAQ,GAAG;AAAA;AAAA;AAAA,QACtF,GACF;AAAA;AAAA;AAAA,EACF;AAQF,SAAO,cACL,OAEA,oBAAc,uBAAb,EAAsB,eAAe,KAAM,gBAAK;AAErD;","names":[]}

package/dist/Tooltip/styles.css

@@ -0,0 +1,42 @@
+.nuri-tooltip {
+  box-sizing: border-box;
+  z-index: var(--nuri-tooltip-z-index);
+  max-width: var(--nuri-tooltip-max-width);
+  padding: var(--nuri-tooltip-padding-y) var(--nuri-tooltip-padding-x);
+  border-radius: var(--nuri-tooltip-radius);
+  background-color: var(--nuri-tooltip-bg);
+  color: var(--nuri-tooltip-text);
+  font-family: inherit; /* 앱 폰트 상속 */
+  font-size: var(--nuri-tooltip-font-size);
+  font-weight: var(--nuri-tooltip-font-weight);
+  line-height: var(--nuri-tooltip-line-height);
+  word-break: break-word; /* 긴 콘텐츠는 max-width에서 줄바꿈 */
+  user-select: none;
+}
+
+.nuri-tooltip__arrow {
+  fill: var(--nuri-tooltip-bg);
+}
+
+/* ── 애니메이션 — 뜨는 방향에 맞춰 살짝 이동 + 페이드 ── */
+.nuri-tooltip[data-state='delayed-open'],
+.nuri-tooltip[data-state='instant-open'] {
+  animation: nuri-tooltip-in 120ms ease;
+}
+@keyframes nuri-tooltip-in {
+  from {
+    opacity: 0;
+    transform: scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nuri-tooltip[data-state='delayed-open'],
+  .nuri-tooltip[data-state='instant-open'] {
+    animation-duration: 1ms;
+  }
+}