@remember-web/primitive 0.0.0-alpha.1

package/dist/primitive/src/Floating/Popover/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/Floating/Popover/styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport { PopoverContent } from '@radix-ui/react-popover';\n\nimport { bg100, contents000 } from '@remember-web/mixin';\n\nexport const showFadeIn = keyframes`\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n`;\nexport const showFadeOut = keyframes`\n    from {\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n    }\n`;\n\nexport const StyledPopoverContent = styled(PopoverContent)`\n  contain: paint;\n  width: fit-content;\n  margin: 0;\n  padding: 0;\n  border-radius: 4px;\n\n  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n  color: ${contents000};\n  background-color: ${bg100};\n  white-space: pre-line;\n\n  height: 100%;\n  will-change: box-shadow;\n\n  &:focus {\n    outline: none;\n  }\n  &[data-state='open'] {\n    animation: ${showFadeIn} 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n  &:not([data-state='open']) {\n    animation: ${showFadeOut} 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n`;\n\nStyledPopoverContent.defaultProps = {\n  avoidCollisions: true,\n  align: 'start',\n  side: 'bottom',\n  sideOffset: 4,\n};\n"],"names":["showFadeIn","keyframes","_templateObject","_taggedTemplateLiteral","showFadeOut","_templateObject2","StyledPopoverContent","styled","PopoverContent","_templateObject3","contents000","bg100","defaultProps","avoidCollisions","align","side","sideOffset"],"mappings":";;;;;;AAKO,IAAMA,UAAU,GAAGC,SAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAOlC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,WAAW,GAAGH,SAAS,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,CAOnC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMG,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,2fAQ/CO,WAAW,EACAC,KAAK,EAUVX,UAAU,EAGVI,WAAW,EAE3B;AAEDE,oBAAoB,CAACM,YAAY,GAAG;AAClCC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,UAAU,EAAE,CAAA;AACd,CAAC;;;;"}

package/dist/primitive/src/Floating/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,34 @@
+import type { StoryObj } from '@storybook/react';
+import Tooltip from '.';
+type Story = StoryObj<typeof Tooltip>;
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+    argTypes: {
+        content: {
+            type: "string";
+        };
+        size: {
+            option: string[];
+        };
+        hasArrow: {
+            if: {
+                arg: string;
+                eq: string;
+            };
+            defaultValue: boolean;
+            type: "boolean";
+        };
+        open: {
+            if: {
+                arg: string;
+                eq: string;
+            };
+            defaultValue: boolean;
+            type: "boolean";
+        };
+    };
+};
+export declare const Default: Story;
+export default meta;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

package/dist/primitive/src/Floating/Tooltip/Tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,OAAO,MAAM,GAAG,CAAC;AAExB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBsB,CAAC;AAGjC,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/primitive/src/Floating/Tooltip/index.cjs

@@ -0,0 +1,136 @@
+"use client";
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var RadixTooltip = require('@radix-ui/react-tooltip');
+var react = require('react');
+var common = require('../../../../shared/utils/common.cjs');
+var icon = require('@remember-web/icon');
+var mixin = require('@remember-web/mixin');
+var styles = require('./styles.cjs');
+var types = require('./types.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
+
+var _excluded = ["children", "content", "contentOptions", "defaultOpen", "side", "gap", "onOpenChange", "onClickOutside"];
+var hoverable = common.isSSR() ? true : window.matchMedia('(any-hover: hover)').matches;
+function Tooltip(_ref) {
+  var children = _ref.children,
+    content = _ref.content,
+    contentOptions = _ref.contentOptions,
+    defaultOpen = _ref.defaultOpen,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? 'top' : _ref$side,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 4 : _ref$gap,
+    onOpenChange = _ref.onOpenChange,
+    onClickOutside = _ref.onClickOutside,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  var _useState = react.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
+    _open = _useState2[0],
+    _setOpen = _useState2[1];
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'hover' : _props$type,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size;
+  var _ref2 = contentOptions !== null && contentOptions !== void 0 ? contentOptions : {},
+    _ref2$backgroundColor = _ref2.backgroundColor,
+    backgroundColor = _ref2$backgroundColor === void 0 ? mixin.contents000 : _ref2$backgroundColor,
+    _ref2$contentColor = _ref2.contentColor,
+    contentColor = _ref2$contentColor === void 0 ? mixin.contents999 : _ref2$contentColor,
+    _ref2$maxWidth = _ref2.maxWidth,
+    maxWidth = _ref2$maxWidth === void 0 ? 'initial' : _ref2$maxWidth,
+    _ref2$textAlign = _ref2.textAlign,
+    textAlign = _ref2$textAlign === void 0 ? 'center' : _ref2$textAlign,
+    _onClick = _ref2.onClick,
+    _ref2$zIndex = _ref2.zIndex,
+    zIndex = _ref2$zIndex === void 0 ? 0 : _ref2$zIndex;
+  /**
+   * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정
+   *
+   * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */
+  var isHoverType = hoverable && type === 'hover';
+  var isClickType = !hoverable || type === 'click';
+  var isCloseButtonType = type === 'closeButton';
+  /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */
+  var isClickTrigger = isClickType || isCloseButtonType;
+  var isOpen = types.isStaticTypeProps(props) ? props.open : isHoverType ? undefined : _open;
+  return /*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Provider, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(RadixTooltip__namespace.Root, {
+      open: isOpen,
+      defaultOpen: defaultOpen,
+      delayDuration: 100,
+      onOpenChange: onOpenChange,
+      children: [/*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Trigger, {
+        asChild: true,
+        onClick: isClickTrigger ? function () {
+          return _setOpen(isClickType ? function (prev) {
+            return !prev;
+          } : true);
+        } : undefined,
+        children: /*#__PURE__*/jsxRuntime.jsx(styles.TooltipTriggerWrapper, {
+          children: children
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Portal, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(styles.TooltipContent, {
+          $size: size,
+          $maxWidth: maxWidth,
+          $backgroundColor: backgroundColor,
+          $contentColor: contentColor,
+          $textAlign: textAlign,
+          $zIndex: zIndex,
+          sideOffset: gap,
+          side: side,
+          onPointerDownOutside: function onPointerDownOutside(e) {
+            if (isClickType) {
+              _setOpen(false);
+            }
+            onClickOutside === null || onClickOutside === void 0 || onClickOutside(e);
+          },
+          collisionPadding: 20,
+          onClick: function onClick(e) {
+            _onClick === null || _onClick === void 0 || _onClick(e);
+          },
+          children: [content, type === 'closeButton' && /*#__PURE__*/jsxRuntime.jsx(styles.CloseButton, {
+            onClick: function onClick() {
+              return _setOpen(false);
+            },
+            children: /*#__PURE__*/jsxRuntime.jsx(icon.IconCloseS, {})
+          }), types.isLargeSizeProps(props) && props.hasArrow && /*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Arrow, {
+            width: 14,
+            height: 8,
+            color: backgroundColor
+          })]
+        })
+      })]
+    })
+  });
+}
+
+module.exports = Tooltip;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Floating/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/Floating/Tooltip/index.tsx"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { useState, type PropsWithChildren } from 'react';\n\nimport { isSSR } from '@remember-web/shared/utils/common';\nimport { IconCloseS } from '@remember-web/icon';\nimport { contents000, contents999 } from '@remember-web/mixin';\n\nimport { CloseButton, TooltipContent, TooltipTriggerWrapper } from './styles';\nimport {\n  isLargeSizeProps,\n  isStaticTypeProps,\n  type TooltipProps,\n  type TooltipSize,\n  type TooltipType,\n} from './types';\n\nconst hoverable = isSSR()\n  ? true\n  : window.matchMedia('(any-hover: hover)').matches;\n\nexport default function Tooltip<\n  Type extends TooltipType = 'hover',\n  Size extends TooltipSize = 'small'\n>({\n  children,\n  content,\n  contentOptions,\n  defaultOpen,\n  side = 'top',\n  gap = 4,\n  onOpenChange,\n  onClickOutside,\n  ...props\n}: PropsWithChildren<TooltipProps<Type, Size>>) {\n  const [_open, _setOpen] = useState(defaultOpen ?? false);\n  const { type = 'hover', size = 'small' } = props;\n  const {\n    backgroundColor = contents000,\n    contentColor = contents999,\n    maxWidth = 'initial',\n    textAlign = 'center',\n    onClick,\n    zIndex = 0,\n  } = contentOptions ?? {};\n  /**\n   * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정\n   *\n   * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */\n  const isHoverType = hoverable && type === 'hover';\n  const isClickType = !hoverable || type === 'click';\n  const isCloseButtonType = type === 'closeButton';\n  /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */\n  const isClickTrigger = isClickType || isCloseButtonType;\n  const isOpen = isStaticTypeProps(props)\n    ? props.open\n    : isHoverType\n    ? undefined\n    : _open;\n\n  return (\n    <RadixTooltip.Provider>\n      <RadixTooltip.Root\n        open={isOpen}\n        defaultOpen={defaultOpen}\n        delayDuration={100}\n        onOpenChange={onOpenChange}\n      >\n        <RadixTooltip.Trigger\n          asChild\n          onClick={\n            isClickTrigger\n              ? () => _setOpen(isClickType ? (prev) => !prev : true)\n              : undefined\n          }\n        >\n          <TooltipTriggerWrapper>{children}</TooltipTriggerWrapper>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <TooltipContent\n            $size={size}\n            $maxWidth={maxWidth}\n            $backgroundColor={backgroundColor}\n            $contentColor={contentColor}\n            $textAlign={textAlign}\n            $zIndex={zIndex}\n            sideOffset={gap}\n            side={side}\n            onPointerDownOutside={(e) => {\n              if (isClickType) {\n                _setOpen(false);\n              }\n              onClickOutside?.(e);\n            }}\n            collisionPadding={20}\n            onClick={(e) => {\n              if (isClickType) {\n                () => _setOpen(false);\n              }\n              onClick?.(e);\n            }}\n          >\n            {content}\n            {type === 'closeButton' && (\n              <CloseButton onClick={() => _setOpen(false)}>\n                <IconCloseS />\n              </CloseButton>\n            )}\n            {isLargeSizeProps(props) && props.hasArrow && (\n              <RadixTooltip.Arrow\n                width={14}\n                height={8}\n                color={backgroundColor}\n              />\n            )}\n          </TooltipContent>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n}\n"],"names":["side","gap","props","_open","_setOpen","type","size","backgroundColor","contentColor","maxWidth","textAlign","zIndex","children","open","defaultOpen","delayDuration","onOpenChange","$size","$maxWidth","$backgroundColor","$contentColor","$textAlign","$zIndex","sideOffset","onPointerDownOutside","onClickOutside","collisionPadding","onClick","width","height","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAkBb;AAIe;AAaiC;;;;;AAL9CA;;AACAC;;;AAGGC;;;AAEIC;AAAOC;AACd;AAAQC;;AAAgBC;;;AAEtBC;;AACAC;;AACAC;;AACAC;;;AAEAC;AAEF;AACF;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AAMA;AACwBC;AAElBC;AACAC;AACAC;AACAC;AAA2BJ;;;AAMnB;AAAkC;AAAU;AAAQ;;AAIpCA;;AAAmC;;AAIvDK;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAvB;AACAwB;AACE;;AAEA;AACAC;;AAEFC;AACAC;AAIEA;;;;;;AAK4Cf;AAC5B;AAKdgB;AACAC;AACAC;AAAuB;;AAGZ;;AAED;AAG1B;;"}

package/dist/primitive/src/Floating/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import { type PropsWithChildren } from 'react';
+import { type TooltipProps, type TooltipSize, type TooltipType } from './types';
+export default function Tooltip<Type extends TooltipType = 'hover', Size extends TooltipSize = 'small'>({ children, content, contentOptions, defaultOpen, side, gap, onOpenChange, onClickOutside, ...props }: PropsWithChildren<TooltipProps<Type, Size>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Floating/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOzD,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAMjB,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAI,SAAS,WAAW,GAAG,OAAO,EAClC,IAAI,SAAS,WAAW,GAAG,OAAO,EAClC,EACA,QAAQ,EACR,OAAO,EACP,cAAc,EACd,WAAW,EACX,IAAY,EACZ,GAAO,EACP,YAAY,EACZ,cAAc,EACd,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,2CAsF7C"}

package/dist/primitive/src/Floating/Tooltip/index.js

@@ -0,0 +1,110 @@
+"use client";
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { useState } from 'react';
+import { isSSR } from '../../../../shared/utils/common.js';
+import { IconCloseS } from '@remember-web/icon';
+import { contents000, contents999 } from '@remember-web/mixin';
+import { TooltipTriggerWrapper, TooltipContent, CloseButton } from './styles.js';
+import { isStaticTypeProps, isLargeSizeProps } from './types.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["children", "content", "contentOptions", "defaultOpen", "side", "gap", "onOpenChange", "onClickOutside"];
+var hoverable = isSSR() ? true : window.matchMedia('(any-hover: hover)').matches;
+function Tooltip(_ref) {
+  var children = _ref.children,
+    content = _ref.content,
+    contentOptions = _ref.contentOptions,
+    defaultOpen = _ref.defaultOpen,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? 'top' : _ref$side,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 4 : _ref$gap,
+    onOpenChange = _ref.onOpenChange,
+    onClickOutside = _ref.onClickOutside,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false),
+    _useState2 = _slicedToArray(_useState, 2),
+    _open = _useState2[0],
+    _setOpen = _useState2[1];
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'hover' : _props$type,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size;
+  var _ref2 = contentOptions !== null && contentOptions !== void 0 ? contentOptions : {},
+    _ref2$backgroundColor = _ref2.backgroundColor,
+    backgroundColor = _ref2$backgroundColor === void 0 ? contents000 : _ref2$backgroundColor,
+    _ref2$contentColor = _ref2.contentColor,
+    contentColor = _ref2$contentColor === void 0 ? contents999 : _ref2$contentColor,
+    _ref2$maxWidth = _ref2.maxWidth,
+    maxWidth = _ref2$maxWidth === void 0 ? 'initial' : _ref2$maxWidth,
+    _ref2$textAlign = _ref2.textAlign,
+    textAlign = _ref2$textAlign === void 0 ? 'center' : _ref2$textAlign,
+    _onClick = _ref2.onClick,
+    _ref2$zIndex = _ref2.zIndex,
+    zIndex = _ref2$zIndex === void 0 ? 0 : _ref2$zIndex;
+  /**
+   * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정
+   *
+   * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */
+  var isHoverType = hoverable && type === 'hover';
+  var isClickType = !hoverable || type === 'click';
+  var isCloseButtonType = type === 'closeButton';
+  /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */
+  var isClickTrigger = isClickType || isCloseButtonType;
+  var isOpen = isStaticTypeProps(props) ? props.open : isHoverType ? undefined : _open;
+  return /*#__PURE__*/jsx(RadixTooltip.Provider, {
+    children: /*#__PURE__*/jsxs(RadixTooltip.Root, {
+      open: isOpen,
+      defaultOpen: defaultOpen,
+      delayDuration: 100,
+      onOpenChange: onOpenChange,
+      children: [/*#__PURE__*/jsx(RadixTooltip.Trigger, {
+        asChild: true,
+        onClick: isClickTrigger ? function () {
+          return _setOpen(isClickType ? function (prev) {
+            return !prev;
+          } : true);
+        } : undefined,
+        children: /*#__PURE__*/jsx(TooltipTriggerWrapper, {
+          children: children
+        })
+      }), /*#__PURE__*/jsx(RadixTooltip.Portal, {
+        children: /*#__PURE__*/jsxs(TooltipContent, {
+          $size: size,
+          $maxWidth: maxWidth,
+          $backgroundColor: backgroundColor,
+          $contentColor: contentColor,
+          $textAlign: textAlign,
+          $zIndex: zIndex,
+          sideOffset: gap,
+          side: side,
+          onPointerDownOutside: function onPointerDownOutside(e) {
+            if (isClickType) {
+              _setOpen(false);
+            }
+            onClickOutside === null || onClickOutside === void 0 || onClickOutside(e);
+          },
+          collisionPadding: 20,
+          onClick: function onClick(e) {
+            _onClick === null || _onClick === void 0 || _onClick(e);
+          },
+          children: [content, type === 'closeButton' && /*#__PURE__*/jsx(CloseButton, {
+            onClick: function onClick() {
+              return _setOpen(false);
+            },
+            children: /*#__PURE__*/jsx(IconCloseS, {})
+          }), isLargeSizeProps(props) && props.hasArrow && /*#__PURE__*/jsx(RadixTooltip.Arrow, {
+            width: 14,
+            height: 8,
+            color: backgroundColor
+          })]
+        })
+      })]
+    })
+  });
+}
+
+export { Tooltip as default };
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/Floating/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Floating/Tooltip/index.tsx"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { useState, type PropsWithChildren } from 'react';\n\nimport { isSSR } from '@remember-web/shared/utils/common';\nimport { IconCloseS } from '@remember-web/icon';\nimport { contents000, contents999 } from '@remember-web/mixin';\n\nimport { CloseButton, TooltipContent, TooltipTriggerWrapper } from './styles';\nimport {\n  isLargeSizeProps,\n  isStaticTypeProps,\n  type TooltipProps,\n  type TooltipSize,\n  type TooltipType,\n} from './types';\n\nconst hoverable = isSSR()\n  ? true\n  : window.matchMedia('(any-hover: hover)').matches;\n\nexport default function Tooltip<\n  Type extends TooltipType = 'hover',\n  Size extends TooltipSize = 'small'\n>({\n  children,\n  content,\n  contentOptions,\n  defaultOpen,\n  side = 'top',\n  gap = 4,\n  onOpenChange,\n  onClickOutside,\n  ...props\n}: PropsWithChildren<TooltipProps<Type, Size>>) {\n  const [_open, _setOpen] = useState(defaultOpen ?? false);\n  const { type = 'hover', size = 'small' } = props;\n  const {\n    backgroundColor = contents000,\n    contentColor = contents999,\n    maxWidth = 'initial',\n    textAlign = 'center',\n    onClick,\n    zIndex = 0,\n  } = contentOptions ?? {};\n  /**\n   * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정\n   *\n   * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */\n  const isHoverType = hoverable && type === 'hover';\n  const isClickType = !hoverable || type === 'click';\n  const isCloseButtonType = type === 'closeButton';\n  /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */\n  const isClickTrigger = isClickType || isCloseButtonType;\n  const isOpen = isStaticTypeProps(props)\n    ? props.open\n    : isHoverType\n    ? undefined\n    : _open;\n\n  return (\n    <RadixTooltip.Provider>\n      <RadixTooltip.Root\n        open={isOpen}\n        defaultOpen={defaultOpen}\n        delayDuration={100}\n        onOpenChange={onOpenChange}\n      >\n        <RadixTooltip.Trigger\n          asChild\n          onClick={\n            isClickTrigger\n              ? () => _setOpen(isClickType ? (prev) => !prev : true)\n              : undefined\n          }\n        >\n          <TooltipTriggerWrapper>{children}</TooltipTriggerWrapper>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <TooltipContent\n            $size={size}\n            $maxWidth={maxWidth}\n            $backgroundColor={backgroundColor}\n            $contentColor={contentColor}\n            $textAlign={textAlign}\n            $zIndex={zIndex}\n            sideOffset={gap}\n            side={side}\n            onPointerDownOutside={(e) => {\n              if (isClickType) {\n                _setOpen(false);\n              }\n              onClickOutside?.(e);\n            }}\n            collisionPadding={20}\n            onClick={(e) => {\n              if (isClickType) {\n                () => _setOpen(false);\n              }\n              onClick?.(e);\n            }}\n          >\n            {content}\n            {type === 'closeButton' && (\n              <CloseButton onClick={() => _setOpen(false)}>\n                <IconCloseS />\n              </CloseButton>\n            )}\n            {isLargeSizeProps(props) && props.hasArrow && (\n              <RadixTooltip.Arrow\n                width={14}\n                height={8}\n                color={backgroundColor}\n              />\n            )}\n          </TooltipContent>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n}\n"],"names":["side","gap","props","_open","_setOpen","type","size","backgroundColor","contentColor","maxWidth","textAlign","zIndex","children","open","defaultOpen","delayDuration","onOpenChange","$size","$maxWidth","$backgroundColor","$contentColor","$textAlign","$zIndex","sideOffset","onPointerDownOutside","onClickOutside","collisionPadding","onClick","width","height","color"],"mappings":";;;;;;;;;;;;AAAa;AAkBb;AAIe;AAaiC;;;;;AAL9CA;;AACAC;;;AAGGC;;;AAEIC;AAAOC;AACd;AAAQC;;AAAgBC;;;AAEtBC;;AACAC;;AACAC;;AACAC;;;AAEAC;AAEF;AACF;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AAMA;AACwBC;AAElBC;AACAC;AACAC;AACAC;AAA2BJ;;;AAMnB;AAAkC;AAAU;AAAQ;;AAIpCA;;AAAmC;;AAIvDK;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAvB;AACAwB;AACE;;AAEA;AACAC;;AAEFC;AACAC;AAIEA;;;;;;AAK4Cf;AAC5B;AAKdgB;AACAC;AACAC;AAAuB;;AAGZ;;AAED;AAG1B;;"}

package/dist/primitive/src/Floating/Tooltip/styles.cjs

@@ -0,0 +1,60 @@
+"use client";
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var RadixTooltip = require('@radix-ui/react-tooltip');
+var styled = require('styled-components');
+var mixin = require('@remember-web/mixin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var TOOLTIP_CONTENT_CONSTANTS = {
+  large: {
+    padding: '8px 12px',
+    typography: 'Body1'
+  },
+  small: {
+    padding: '4px 8px',
+    typography: 'Body2'
+  }
+};
+var fadeIn = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var TooltipTriggerWrapper = styled__default.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n"])));
+var TooltipContent = styled__default.default(RadixTooltip__namespace.Content)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ", " 200ms forwards;\n  gap: 4px;\n\n  ", ";\n"])), mixin.contents999, mixin.contents000, fadeIn, function (_ref) {
+  var $size = _ref.$size,
+    $maxWidth = _ref.$maxWidth,
+    $zIndex = _ref.$zIndex,
+    $backgroundColor = _ref.$backgroundColor,
+    $contentColor = _ref.$contentColor,
+    $textAlign = _ref.$textAlign;
+  return [styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n      padding: ", ";\n      ", ";\n      background-color: ", ";\n      color: ", ";\n      text-align: ", ";\n      z-index: ", ";\n    "])), TOOLTIP_CONTENT_CONSTANTS[$size].padding, mixin.getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography), $backgroundColor, $contentColor, $textAlign, $zIndex), typeof $maxWidth === 'string' ? "max-width: ".concat($maxWidth, ";") : "max-width: ".concat($maxWidth, "px;")];
+});
+var CloseButton = styled__default.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n"])));
+
+exports.CloseButton = CloseButton;
+exports.TooltipContent = TooltipContent;
+exports.TooltipTriggerWrapper = TooltipTriggerWrapper;
+//# sourceMappingURL=styles.cjs.map

package/dist/primitive/src/Floating/Tooltip/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../src/Floating/Tooltip/styles.ts"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { TypographyStyle } from '@remember-web/mixin';\nimport {\n  contents000,\n  contents999,\n  getTypographyStyles,\n} from '@remember-web/mixin';\n\nimport type { TooltipSize, TooltipTextAlign } from './types';\n\nconst TOOLTIP_CONTENT_CONSTANTS: Record<\n  TooltipSize,\n  { padding: string; typography: TypographyStyle }\n> = {\n  large: {\n    padding: '8px 12px',\n    typography: 'Body1',\n  },\n  small: {\n    padding: '4px 8px',\n    typography: 'Body2',\n  },\n};\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nexport const TooltipTriggerWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n`;\n\nexport const TooltipContent = styled(RadixTooltip.Content)<{\n  $size: TooltipSize;\n  $maxWidth: number | string;\n  $backgroundColor: string;\n  $contentColor: string;\n  $textAlign?: TooltipTextAlign;\n  $zIndex?: number;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ${contents999};\n  background-color: ${contents000};\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ${fadeIn} 200ms forwards;\n  gap: 4px;\n\n  ${({\n    $size,\n    $maxWidth,\n    $zIndex,\n    $backgroundColor,\n    $contentColor,\n    $textAlign,\n  }) => [\n    css`\n      padding: ${TOOLTIP_CONTENT_CONSTANTS[$size].padding};\n      ${getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography)};\n      background-color: ${$backgroundColor};\n      color: ${$contentColor};\n      text-align: ${$textAlign};\n      z-index: ${$zIndex};\n    `,\n    typeof $maxWidth === 'string'\n      ? `max-width: ${$maxWidth};`\n      : `max-width: ${$maxWidth}px;`,\n  ]};\n`;\n\nexport const CloseButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["large","padding","typography","small","TooltipTriggerWrapper","CloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAcb;AAIEA;AACEC;AACAC;;AAEFC;AACEF;AACAC;AACF;AACF;AAEA;AASaE;AAQN;AAkBH;;;;;;;AAmBD;AAGUC;;;;"}

package/dist/primitive/src/Floating/Tooltip/styles.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import type { TooltipSize, TooltipTextAlign } from './types';
+export declare const TooltipTriggerWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const TooltipContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<RadixTooltip.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
+    $size: TooltipSize;
+    $maxWidth: number | string;
+    $backgroundColor: string;
+    $contentColor: string;
+    $textAlign?: TooltipTextAlign | undefined;
+    $zIndex?: number | undefined;
+}>> & Omit<import("react").ForwardRefExoticComponent<RadixTooltip.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const CloseButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/primitive/src/Floating/Tooltip/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAUxD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAyB7D,eAAO,MAAM,qBAAqB,gNAMjC,CAAC;AAEF,eAAO,MAAM,cAAc;;;WAClB,WAAW;eACP,MAAM,GAAG,MAAM;sBACR,MAAM;mBACT,MAAM;;;sLAkCtB,CAAC;AAEF,eAAO,MAAM,WAAW,4NAOvB,CAAC"}

package/dist/primitive/src/Floating/Tooltip/styles.js

@@ -0,0 +1,32 @@
+"use client";
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import styled, { keyframes, css } from 'styled-components';
+import { contents999, contents000, getTypographyStyles } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var TOOLTIP_CONTENT_CONSTANTS = {
+  large: {
+    padding: '8px 12px',
+    typography: 'Body1'
+  },
+  small: {
+    padding: '4px 8px',
+    typography: 'Body2'
+  }
+};
+var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var TooltipTriggerWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n"])));
+var TooltipContent = styled(RadixTooltip.Content)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ", " 200ms forwards;\n  gap: 4px;\n\n  ", ";\n"])), contents999, contents000, fadeIn, function (_ref) {
+  var $size = _ref.$size,
+    $maxWidth = _ref.$maxWidth,
+    $zIndex = _ref.$zIndex,
+    $backgroundColor = _ref.$backgroundColor,
+    $contentColor = _ref.$contentColor,
+    $textAlign = _ref.$textAlign;
+  return [css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      padding: ", ";\n      ", ";\n      background-color: ", ";\n      color: ", ";\n      text-align: ", ";\n      z-index: ", ";\n    "])), TOOLTIP_CONTENT_CONSTANTS[$size].padding, getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography), $backgroundColor, $contentColor, $textAlign, $zIndex), typeof $maxWidth === 'string' ? "max-width: ".concat($maxWidth, ";") : "max-width: ".concat($maxWidth, "px;")];
+});
+var CloseButton = styled.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n"])));
+
+export { CloseButton, TooltipContent, TooltipTriggerWrapper };
+//# sourceMappingURL=styles.js.map

package/dist/primitive/src/Floating/Tooltip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/Floating/Tooltip/styles.ts"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { TypographyStyle } from '@remember-web/mixin';\nimport {\n  contents000,\n  contents999,\n  getTypographyStyles,\n} from '@remember-web/mixin';\n\nimport type { TooltipSize, TooltipTextAlign } from './types';\n\nconst TOOLTIP_CONTENT_CONSTANTS: Record<\n  TooltipSize,\n  { padding: string; typography: TypographyStyle }\n> = {\n  large: {\n    padding: '8px 12px',\n    typography: 'Body1',\n  },\n  small: {\n    padding: '4px 8px',\n    typography: 'Body2',\n  },\n};\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nexport const TooltipTriggerWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n`;\n\nexport const TooltipContent = styled(RadixTooltip.Content)<{\n  $size: TooltipSize;\n  $maxWidth: number | string;\n  $backgroundColor: string;\n  $contentColor: string;\n  $textAlign?: TooltipTextAlign;\n  $zIndex?: number;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ${contents999};\n  background-color: ${contents000};\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ${fadeIn} 200ms forwards;\n  gap: 4px;\n\n  ${({\n    $size,\n    $maxWidth,\n    $zIndex,\n    $backgroundColor,\n    $contentColor,\n    $textAlign,\n  }) => [\n    css`\n      padding: ${TOOLTIP_CONTENT_CONSTANTS[$size].padding};\n      ${getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography)};\n      background-color: ${$backgroundColor};\n      color: ${$contentColor};\n      text-align: ${$textAlign};\n      z-index: ${$zIndex};\n    `,\n    typeof $maxWidth === 'string'\n      ? `max-width: ${$maxWidth};`\n      : `max-width: ${$maxWidth}px;`,\n  ]};\n`;\n\nexport const CloseButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["large","padding","typography","small","TooltipTriggerWrapper","CloseButton"],"mappings":";;;;;;AAAa;AAcb;AAIEA;AACEC;AACAC;;AAEFC;AACEF;AACAC;AACF;AACF;AAEA;AASaE;AAQN;AAkBH;;;;;;;AAmBD;AAGUC;;"}

package/dist/primitive/src/Floating/Tooltip/types.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var isStaticTypeProps = function isStaticTypeProps(props) {
+  return 'type' in props && props.type === 'static';
+};
+var isLargeSizeProps = function isLargeSizeProps(props) {
+  return 'size' in props && props.size === 'large';
+};
+
+exports.isLargeSizeProps = isLargeSizeProps;
+exports.isStaticTypeProps = isStaticTypeProps;
+//# sourceMappingURL=types.cjs.map

package/dist/primitive/src/Floating/Tooltip/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../../../src/Floating/Tooltip/types.ts"],"sourcesContent":["import type {\n  DismissableLayerProps,\n  PopperContentProps,\n  TooltipProps as RadixTooltipProps,\n} from '@radix-ui/react-tooltip';\nimport type { ReactNode } from 'react';\n\nexport type TooltipSize = 'small' | 'large';\nexport type TooltipType = 'hover' | 'click' | 'closeButton' | 'static';\nexport type TooltipTextAlign = 'left' | 'center' | 'right';\n\nexport type TooltipProps<Type extends TooltipType, Size extends TooltipSize> = {\n  content: ReactNode;\n  defaultOpen?: boolean;\n  gap?: 4 | 8 | (number & {});\n  side?: PopperContentProps['side'];\n  type?: Type;\n  size?: Size;\n  contentOptions?: TooltipContentOptionProps;\n  onOpenChange?: RadixTooltipProps['onOpenChange'];\n  onClickOutside?: DismissableLayerProps['onPointerDownOutside'];\n} & (Type extends Exclude<TooltipType, 'static'> ? {} : { open: boolean }) &\n  (Size extends 'large' ? { hasArrow?: boolean } : {});\n\nexport const isStaticTypeProps = (\n  props: Pick<TooltipProps<any, any>, 'type'>\n): props is TooltipProps<'static', any> =>\n  'type' in props && props.type === 'static';\n\nexport const isLargeSizeProps = (\n  props: Pick<TooltipProps<any, any>, 'size'>\n): props is TooltipProps<any, 'large'> =>\n  'size' in props && props.size === 'large';\n\nexport type TooltipContentOptionProps = {\n  maxWidth?: number | string;\n  backgroundColor?: string;\n  contentColor?: string;\n  zIndex?: number;\n  textAlign?: TooltipTextAlign;\n  onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n"],"names":["isStaticTypeProps","props","type","isLargeSizeProps","size"],"mappings":";;IAwBaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC5BC,KAA2C,EAAA;EAAA,OAE3C,MAAM,IAAIA,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAK,QAAQ,CAAA;AAAA,EAAA;IAE/BC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAC3BF,KAA2C,EAAA;EAAA,OAE3C,MAAM,IAAIA,KAAK,IAAIA,KAAK,CAACG,IAAI,KAAK,OAAO,CAAA;AAAA;;;;;"}

package/dist/primitive/src/Floating/Tooltip/types.d.ts

@@ -0,0 +1,31 @@
+import type { DismissableLayerProps, PopperContentProps, TooltipProps as RadixTooltipProps } from '@radix-ui/react-tooltip';
+import type { ReactNode } from 'react';
+export type TooltipSize = 'small' | 'large';
+export type TooltipType = 'hover' | 'click' | 'closeButton' | 'static';
+export type TooltipTextAlign = 'left' | 'center' | 'right';
+export type TooltipProps<Type extends TooltipType, Size extends TooltipSize> = {
+    content: ReactNode;
+    defaultOpen?: boolean;
+    gap?: 4 | 8 | (number & {});
+    side?: PopperContentProps['side'];
+    type?: Type;
+    size?: Size;
+    contentOptions?: TooltipContentOptionProps;
+    onOpenChange?: RadixTooltipProps['onOpenChange'];
+    onClickOutside?: DismissableLayerProps['onPointerDownOutside'];
+} & (Type extends Exclude<TooltipType, 'static'> ? {} : {
+    open: boolean;
+}) & (Size extends 'large' ? {
+    hasArrow?: boolean;
+} : {});
+export declare const isStaticTypeProps: (props: Pick<TooltipProps<any, any>, 'type'>) => props is TooltipProps<"static", any>;
+export declare const isLargeSizeProps: (props: Pick<TooltipProps<any, any>, 'size'>) => props is TooltipProps<any, "large">;
+export type TooltipContentOptionProps = {
+    maxWidth?: number | string;
+    backgroundColor?: string;
+    contentColor?: string;
+    zIndex?: number;
+    textAlign?: TooltipTextAlign;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/primitive/src/Floating/Tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,IAAI,iBAAiB,EAClC,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,YAAY,CAAC,IAAI,SAAS,WAAW,EAAE,IAAI,SAAS,WAAW,IAAI;IAC7E,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,cAAc,CAAC,EAAE,yBAAyB,CAAC;IAC3C,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;CAChE,GAAG,CAAC,IAAI,SAAS,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,GACxE,CAAC,IAAI,SAAS,OAAO,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,EAAE,CAAC,CAAC;AAEvD,eAAO,MAAM,iBAAiB,UACrB,KAAK,aAAa,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,yCAED,CAAC;AAE7C,eAAO,MAAM,gBAAgB,UACpB,KAAK,aAAa,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,wCAEF,CAAC;AAE5C,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE,CAAC"}

package/dist/primitive/src/Floating/Tooltip/types.js

@@ -0,0 +1,9 @@
+var isStaticTypeProps = function isStaticTypeProps(props) {
+  return 'type' in props && props.type === 'static';
+};
+var isLargeSizeProps = function isLargeSizeProps(props) {
+  return 'size' in props && props.size === 'large';
+};
+
+export { isLargeSizeProps, isStaticTypeProps };
+//# sourceMappingURL=types.js.map

package/dist/primitive/src/Floating/Tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/Floating/Tooltip/types.ts"],"sourcesContent":["import type {\n  DismissableLayerProps,\n  PopperContentProps,\n  TooltipProps as RadixTooltipProps,\n} from '@radix-ui/react-tooltip';\nimport type { ReactNode } from 'react';\n\nexport type TooltipSize = 'small' | 'large';\nexport type TooltipType = 'hover' | 'click' | 'closeButton' | 'static';\nexport type TooltipTextAlign = 'left' | 'center' | 'right';\n\nexport type TooltipProps<Type extends TooltipType, Size extends TooltipSize> = {\n  content: ReactNode;\n  defaultOpen?: boolean;\n  gap?: 4 | 8 | (number & {});\n  side?: PopperContentProps['side'];\n  type?: Type;\n  size?: Size;\n  contentOptions?: TooltipContentOptionProps;\n  onOpenChange?: RadixTooltipProps['onOpenChange'];\n  onClickOutside?: DismissableLayerProps['onPointerDownOutside'];\n} & (Type extends Exclude<TooltipType, 'static'> ? {} : { open: boolean }) &\n  (Size extends 'large' ? { hasArrow?: boolean } : {});\n\nexport const isStaticTypeProps = (\n  props: Pick<TooltipProps<any, any>, 'type'>\n): props is TooltipProps<'static', any> =>\n  'type' in props && props.type === 'static';\n\nexport const isLargeSizeProps = (\n  props: Pick<TooltipProps<any, any>, 'size'>\n): props is TooltipProps<any, 'large'> =>\n  'size' in props && props.size === 'large';\n\nexport type TooltipContentOptionProps = {\n  maxWidth?: number | string;\n  backgroundColor?: string;\n  contentColor?: string;\n  zIndex?: number;\n  textAlign?: TooltipTextAlign;\n  onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n"],"names":["isStaticTypeProps","props","type","isLargeSizeProps","size"],"mappings":"IAwBaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC5BC,KAA2C,EAAA;EAAA,OAE3C,MAAM,IAAIA,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAK,QAAQ,CAAA;AAAA,EAAA;IAE/BC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAC3BF,KAA2C,EAAA;EAAA,OAE3C,MAAM,IAAIA,KAAK,IAAIA,KAAK,CAACG,IAAI,KAAK,OAAO,CAAA;AAAA;;;;"}

package/dist/primitive/src/Floating/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Tooltip } from './Tooltip';
+export { default as Popover } from './Popover';
+export { default as DropdownMenu } from './DropdownMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Floating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Floating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts

@@ -0,0 +1,47 @@
+declare const meta: {
+    readonly parameters: {
+        readonly layout: "fullscreen";
+    };
+    readonly title: "Gnb/Gnb";
+    readonly argTypes: {
+        readonly login: {
+            readonly control: "radio";
+            readonly options: readonly ["로그인", "비로그인"];
+        };
+        readonly profileType: {
+            readonly if: {
+                readonly arg: "login";
+                readonly eq: "로그인";
+            };
+            readonly control: "radio";
+            readonly options: readonly ["B2B", "B2C", "B2C_EMPTY"];
+        };
+        readonly profileImage: {
+            readonly if: {
+                readonly arg: "profileType";
+            };
+            readonly control: "radio";
+            readonly options: readonly [undefined, "있음"];
+        };
+        readonly isNotificationEmpty: {
+            readonly control: "radio";
+            readonly options: readonly [true, false];
+        };
+    };
+    readonly args: {
+        readonly login: "로그인";
+        readonly profileType: "B2C";
+        readonly isNotificationEmpty: true;
+    };
+};
+export default meta;
+type Args = {
+    login: (typeof meta)['argTypes']['login']['options'][number];
+    profileType: (typeof meta)['argTypes']['profileType']['options'][number];
+    profileImage: (typeof meta)['argTypes']['profileImage']['options'][number];
+    isNotificationEmpty: (typeof meta)['argTypes']['isNotificationEmpty']['options'][number];
+};
+export declare const Basic: {
+    readonly render: ({ login, profileType, profileImage }: Args) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=GnbComplete.stories.d.ts.map

package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbComplete.stories.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/GnbComplete.stories.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BA,CAAC;AAEX,eAAe,IAAI,CAAC;AAEpB,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACzE,YAAY,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3E,mBAAmB,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,qBAAqB,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;CAC1F,CAAC;AAEF,eAAO,MAAM,KAAK;4DAC6B,IAAI;CAsTzC,CAAC"}

package/dist/primitive/src/Gnb/const.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+exports.GNB_VARS = void 0;
+(function (_GNB_VARS) {
+  _GNB_VARS.MAX_CONTENT_WIDTH = '1120px';
+  _GNB_VARS.Z_INDEX = 9700;
+  _GNB_VARS.HEIGHT = '60px';
+})(exports.GNB_VARS || (exports.GNB_VARS = {}));
+var dataAttrs = {
+  // 모바일 사이즈 에서만 보임 (boolean)
+  onlyMobile: 'data-only-mobile',
+  // 데스크탑 사이즈 에서만 보임 (boolean)
+  onlyDesktop: 'data-only-desktop',
+  // 모바일 popover가 열려있는 경우 숨김 (boolean)
+  isPopoverHidden: 'data-is-mobile-popover-hidden',
+  // 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)
+  mobilePopoverCloseButton: 'data-mobile-popover-close-button',
+  // 모바일일시 풀로 차게 함 (boolean)
+  mobileFullover: 'data-mobile-fullover'
+};
+
+exports.dataAttrs = dataAttrs;
+//# sourceMappingURL=const.cjs.map