@remember-web/primitive 0.0.0-alpha.11 → 0.0.0-alpha.3

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/{index.cjs.js → index.cjs}

@@ -5,11 +5,11 @@ 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.js');
+var common = require('../../../../shared/utils/common.cjs');
 var icon = require('@remember-web/icon');
 var mixin = require('@remember-web/mixin');
-var styles = require('./styles.cjs.js');
-var types = require('./types.cjs.js');
+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 }; }
@@ -133,4 +133,4 @@ function Tooltip(_ref) {
 }
 
 module.exports = Tooltip;
-//# sourceMappingURL=index.cjs.js.map
+//# 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.esm.js → index.js}

@@ -3,11 +3,11 @@ 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.esm.js';
+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.esm.js';
-import { isStaticTypeProps, isLargeSizeProps } from './types.esm.js';
+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"];
@@ -107,4 +107,4 @@ function Tooltip(_ref) {
 }
 
 export { Tooltip as default };
-//# sourceMappingURL=index.esm.js.map
+//# 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.js → styles.cjs}

@@ -57,4 +57,4 @@ var CloseButton = styled__default.default.button(_templateObject5 || (_templateO
 exports.CloseButton = CloseButton;
 exports.TooltipContent = TooltipContent;
 exports.TooltipTriggerWrapper = TooltipTriggerWrapper;
-//# sourceMappingURL=styles.cjs.js.map
+//# 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.esm.js → styles.js}

@@ -29,4 +29,4 @@ var TooltipContent = styled(RadixTooltip.Content)(_templateObject3 || (_template
 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.esm.js.map
+//# 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.js → types.cjs}

@@ -9,4 +9,4 @@ var isLargeSizeProps = function isLargeSizeProps(props) {
 
 exports.isLargeSizeProps = isLargeSizeProps;
 exports.isStaticTypeProps = isStaticTypeProps;
-//# sourceMappingURL=types.cjs.js.map
+//# 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.esm.js → types.js}

@@ -6,4 +6,4 @@ var isLargeSizeProps = function isLargeSizeProps(props) {
 };
 
 export { isLargeSizeProps, isStaticTypeProps };
-//# sourceMappingURL=types.esm.js.map
+//# 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/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.cjs","sources":["../../../../src/Gnb/const.ts"],"sourcesContent":["export module GNB_VARS {\n  export const MAX_CONTENT_WIDTH = '1120px';\n  export const Z_INDEX = 9700;\n  export const HEIGHT = '60px';\n}\n\nexport const dataAttrs = {\n  // 모바일 사이즈 에서만 보임 (boolean)\n  onlyMobile: 'data-only-mobile',\n\n  // 데스크탑 사이즈 에서만 보임 (boolean)\n  onlyDesktop: 'data-only-desktop',\n\n  // 모바일 popover가 열려있는 경우 숨김 (boolean)\n  isPopoverHidden: 'data-is-mobile-popover-hidden',\n\n  // 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)\n  mobilePopoverCloseButton: 'data-mobile-popover-close-button',\n\n  // 모바일일시 풀로 차게 함 (boolean)\n  mobileFullover: 'data-mobile-fullover',\n} as const;\n"],"names":["GNB_VARS","_GNB_VARS","MAX_CONTENT_WIDTH","Z_INDEX","HEIGHT","dataAttrs","onlyMobile","onlyDesktop","isPopoverHidden","mobilePopoverCloseButton","mobileFullover"],"mappings":";;AAAcA,0BAAQ;AAAA,CAAA,UAAAC,SAAA,EAAA;AACb,EAAuBA,SAAA,CAAAC,iBAAA,GAAG,SAAQ;AAClC,EAAaD,SAAA,CAAAE,OAAA,GAAG,KAAI;AACpB,EAAYF,SAAA,CAAAG,MAAA,GAAG,OAAM;AAAC,CAHjBJ,EAAAA,gBAAQ,KAARA,gBAAQ,GAAA,EAAA,CAAA,CAAA,CAAA;AAMf,IAAMK,SAAS,GAAG;AACvB;AACAC,EAAAA,UAAU,EAAE,kBAAkB;AAE9B;AACAC,EAAAA,WAAW,EAAE,mBAAmB;AAEhC;AACAC,EAAAA,eAAe,EAAE,+BAA+B;AAEhD;AACAC,EAAAA,wBAAwB,EAAE,kCAAkC;AAE5D;AACAC,EAAAA,cAAc,EAAE,sBAAA;AAClB;;;;"}

package/dist/primitive/src/Gnb/const.d.ts

@@ -0,0 +1,13 @@
+export declare namespace GNB_VARS {
+    const MAX_CONTENT_WIDTH = "1120px";
+    const Z_INDEX = 9700;
+    const HEIGHT = "60px";
+}
+export declare const dataAttrs: {
+    readonly onlyMobile: "data-only-mobile";
+    readonly onlyDesktop: "data-only-desktop";
+    readonly isPopoverHidden: "data-is-mobile-popover-hidden";
+    readonly mobilePopoverCloseButton: "data-mobile-popover-close-button";
+    readonly mobileFullover: "data-mobile-fullover";
+};
+//# sourceMappingURL=const.d.ts.map

package/dist/primitive/src/Gnb/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/const.ts"],"names":[],"mappings":"AAAA,yBAAc,QAAQ,CAAC;IACd,MAAM,iBAAiB,WAAW,CAAC;IACnC,MAAM,OAAO,OAAO,CAAC;IACrB,MAAM,MAAM,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS;;;;;;CAeZ,CAAC"}

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

@@ -0,0 +1,21 @@
+var GNB_VARS;
+(function (_GNB_VARS) {
+  _GNB_VARS.MAX_CONTENT_WIDTH = '1120px';
+  _GNB_VARS.Z_INDEX = 9700;
+  _GNB_VARS.HEIGHT = '60px';
+})(GNB_VARS || (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'
+};
+
+export { GNB_VARS, dataAttrs };
+//# sourceMappingURL=const.js.map

package/dist/primitive/src/Gnb/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../../../src/Gnb/const.ts"],"sourcesContent":["export module GNB_VARS {\n  export const MAX_CONTENT_WIDTH = '1120px';\n  export const Z_INDEX = 9700;\n  export const HEIGHT = '60px';\n}\n\nexport const dataAttrs = {\n  // 모바일 사이즈 에서만 보임 (boolean)\n  onlyMobile: 'data-only-mobile',\n\n  // 데스크탑 사이즈 에서만 보임 (boolean)\n  onlyDesktop: 'data-only-desktop',\n\n  // 모바일 popover가 열려있는 경우 숨김 (boolean)\n  isPopoverHidden: 'data-is-mobile-popover-hidden',\n\n  // 모바일 popover시에만 보이는 gnb 닫기 버튼 (boolean)\n  mobilePopoverCloseButton: 'data-mobile-popover-close-button',\n\n  // 모바일일시 풀로 차게 함 (boolean)\n  mobileFullover: 'data-mobile-fullover',\n} as const;\n"],"names":["GNB_VARS","_GNB_VARS","MAX_CONTENT_WIDTH","Z_INDEX","HEIGHT","dataAttrs","onlyMobile","onlyDesktop","isPopoverHidden","mobilePopoverCloseButton","mobileFullover"],"mappings":"IAAcA,SAAQ;AAAA,CAAA,UAAAC,SAAA,EAAA;AACb,EAAuBA,SAAA,CAAAC,iBAAA,GAAG,SAAQ;AAClC,EAAaD,SAAA,CAAAE,OAAA,GAAG,KAAI;AACpB,EAAYF,SAAA,CAAAG,MAAA,GAAG,OAAM;AAAC,CAHjBJ,EAAAA,QAAQ,KAARA,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA;AAMf,IAAMK,SAAS,GAAG;AACvB;AACAC,EAAAA,UAAU,EAAE,kBAAkB;AAE9B;AACAC,EAAAA,WAAW,EAAE,mBAAmB;AAEhC;AACAC,EAAAA,eAAe,EAAE,+BAA+B;AAEhD;AACAC,EAAAA,wBAAwB,EAAE,kCAAkC;AAE5D;AACAC,EAAAA,cAAc,EAAE,sBAAA;AAClB;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var mixin = require('@remember-web/mixin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var fullPopoverContentCss = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  position: relative;\n  box-sizing: border-box;\n\n  max-height: calc(var(--radix-popper-available-height) - 16px);\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  background-color: ", ";\n"])), mixin.contents999);
+var dataResponsiveCss = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  [data-only-mobile='true'] {\n    display: none;\n  }\n\n  // \uBAA8\uBC14\uC77C \uBC18\uC751\uD615 \uC2A4\uD0C0\uC77C\n  ", "\n"])), mixin.mobileOnly(styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n    [data-only-desktop='true'] {\n      display: none;\n    }\n    [data-only-mobile='true'] {\n      display: inherit;\n    }\n  "])))));
+var defaultGridButtonCss = styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  // reset\n  -webkit-appearance: none;\n  text-align: inherit;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n  font: inherit;\n  appearance: none;\n\n  box-sizing: border-box;\n\n  display: grid;\n  place-items: center;\n\n  cursor: pointer;\n  border-radius: 4px;\n  outline: none;\n\n  color: ", ";\n  background: ", ";\n"])), mixin.primary100, mixin.contents999);
+styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), defaultGridButtonCss, mixin.contents100, mixin.contents150);
+var defaultNaviLinkCss = styled.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ", ";\n\n  &:focus-visible {\n    outline: none;\n  }\n"])), mixin.contents000);
+var naviLinkCss = styled.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n  ", ";\n\n  transition: color 0.1s;\n  will-change: color;\n\n  &:hover,\n  &:focus-visible {\n    color: ", ";\n  }\n"])), defaultNaviLinkCss, mixin.contents150);
+
+exports.dataResponsiveCss = dataResponsiveCss;
+exports.defaultGridButtonCss = defaultGridButtonCss;
+exports.defaultNaviLinkCss = defaultNaviLinkCss;
+exports.fullPopoverContentCss = fullPopoverContentCss;
+exports.naviLinkCss = naviLinkCss;
+//# sourceMappingURL=css.cjs.map

package/dist/primitive/src/Gnb/css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.cjs","sources":["../../../../src/Gnb/css.tsx"],"sourcesContent":["import { css } from 'styled-components';\n\nimport {\n  contents000,\n  contents100,\n  contents150,\n  contents999,\n  mobileOnly,\n  primary100,\n} from '@remember-web/mixin';\n\nexport const fullPopoverContentCss = css`\n  position: relative;\n  box-sizing: border-box;\n\n  max-height: calc(var(--radix-popper-available-height) - 16px);\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  background-color: ${contents999};\n`;\n\nexport const dataResponsiveCss = css`\n  [data-only-mobile='true'] {\n    display: none;\n  }\n\n  // 모바일 반응형 스타일\n  ${mobileOnly(css`\n    [data-only-desktop='true'] {\n      display: none;\n    }\n    [data-only-mobile='true'] {\n      display: inherit;\n    }\n  `)}\n`;\n\nexport const defaultGridButtonCss = css`\n  // reset\n  -webkit-appearance: none;\n  text-align: inherit;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n  font: inherit;\n  appearance: none;\n\n  box-sizing: border-box;\n\n  display: grid;\n  place-items: center;\n\n  cursor: pointer;\n  border-radius: 4px;\n  outline: none;\n\n  color: ${primary100};\n  background: ${contents999};\n`;\nexport const defaultInteractiveButton = css`\n  ${defaultGridButtonCss};\n\n  &:hover {\n    color: ${contents100};\n  }\n\n  &:active {\n    color: ${contents150};\n  }\n`;\n\nexport const defaultNaviLinkCss = css`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${contents000};\n\n  &:focus-visible {\n    outline: none;\n  }\n`;\nexport const naviLinkCss = css`\n  ${defaultNaviLinkCss};\n\n  transition: color 0.1s;\n  will-change: color;\n\n  &:hover,\n  &:focus-visible {\n    color: ${contents150};\n  }\n`;\n"],"names":["fullPopoverContentCss","css","_templateObject","_taggedTemplateLiteral","contents999","dataResponsiveCss","_templateObject2","mobileOnly","_templateObject3","defaultGridButtonCss","_templateObject4","primary100","_templateObject5","contents100","contents150","defaultNaviLinkCss","_templateObject6","contents000","naviLinkCss","_templateObject7"],"mappings":";;;;;;;;;;;AAWaA,IAAAA,qBAAqB,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAUlBC,CAAAA,uOAAAA,EAAAA,KAAAA,CAAAA,CAAAA,CAAAA,EAAAA,iBAAW,EAChC;AAEM,IAAMC,iBAAiB,GAAGJ,UAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,uCAAA,CAAA,CAAA,+HAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAMhCI,gBAAU,CAACN,UAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,uCAAA,CAOf,CAAA,sIAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EACH;AAEYM,IAAAA,oBAAoB,GAAGR,UAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,CAAA,CAAA,oTAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAmB5BQ,gBAAU,EACLP,iBAAW,EAC1B;AACuCH,UAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,uCAAA,iGACvCM,oBAAoB,EAGXI,iBAAW,EAIXC,iBAAW,EAEvB;AAEYC,IAAAA,kBAAkB,GAAGd,UAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,uCAAA,CAG1Bc,CAAAA,kEAAAA,EAAAA,qDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,iBAAW,EAKrB;AACYC,IAAAA,WAAW,GAAGjB,UAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,uCAAA,CAAA,CAAA,MAAA,EAAA,uGAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAC1BY,kBAAkB,EAOTD,iBAAW;;;;;;;;"}

package/dist/primitive/src/Gnb/css.d.ts

@@ -0,0 +1,7 @@
+export declare const fullPopoverContentCss: import("styled-components").RuleSet<object>;
+export declare const dataResponsiveCss: import("styled-components").RuleSet<object>;
+export declare const defaultGridButtonCss: import("styled-components").RuleSet<object>;
+export declare const defaultInteractiveButton: import("styled-components").RuleSet<object>;
+export declare const defaultNaviLinkCss: import("styled-components").RuleSet<object>;
+export declare const naviLinkCss: import("styled-components").RuleSet<object>;
+//# sourceMappingURL=css.d.ts.map

package/dist/primitive/src/Gnb/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/css.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,6CAWjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,6CAc7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6CAqBhC,CAAC;AACF,eAAO,MAAM,wBAAwB,6CAUpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,6CAQ9B,CAAC;AACF,eAAO,MAAM,WAAW,6CAUvB,CAAC"}

package/dist/primitive/src/Gnb/css.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import { css } from 'styled-components';
+import { contents999, mobileOnly, primary100, contents100, contents150, contents000 } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var fullPopoverContentCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  box-sizing: border-box;\n\n  max-height: calc(var(--radix-popper-available-height) - 16px);\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  background-color: ", ";\n"])), contents999);
+var dataResponsiveCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  [data-only-mobile='true'] {\n    display: none;\n  }\n\n  // \uBAA8\uBC14\uC77C \uBC18\uC751\uD615 \uC2A4\uD0C0\uC77C\n  ", "\n"])), mobileOnly(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    [data-only-desktop='true'] {\n      display: none;\n    }\n    [data-only-mobile='true'] {\n      display: inherit;\n    }\n  "])))));
+var defaultGridButtonCss = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  // reset\n  -webkit-appearance: none;\n  text-align: inherit;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n  font: inherit;\n  appearance: none;\n\n  box-sizing: border-box;\n\n  display: grid;\n  place-items: center;\n\n  cursor: pointer;\n  border-radius: 4px;\n  outline: none;\n\n  color: ", ";\n  background: ", ";\n"])), primary100, contents999);
+css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), defaultGridButtonCss, contents100, contents150);
+var defaultNaviLinkCss = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ", ";\n\n  &:focus-visible {\n    outline: none;\n  }\n"])), contents000);
+var naviLinkCss = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", ";\n\n  transition: color 0.1s;\n  will-change: color;\n\n  &:hover,\n  &:focus-visible {\n    color: ", ";\n  }\n"])), defaultNaviLinkCss, contents150);
+
+export { dataResponsiveCss, defaultGridButtonCss, defaultNaviLinkCss, fullPopoverContentCss, naviLinkCss };
+//# sourceMappingURL=css.js.map

package/dist/primitive/src/Gnb/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":["../../../../src/Gnb/css.tsx"],"sourcesContent":["import { css } from 'styled-components';\n\nimport {\n  contents000,\n  contents100,\n  contents150,\n  contents999,\n  mobileOnly,\n  primary100,\n} from '@remember-web/mixin';\n\nexport const fullPopoverContentCss = css`\n  position: relative;\n  box-sizing: border-box;\n\n  max-height: calc(var(--radix-popper-available-height) - 16px);\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  background-color: ${contents999};\n`;\n\nexport const dataResponsiveCss = css`\n  [data-only-mobile='true'] {\n    display: none;\n  }\n\n  // 모바일 반응형 스타일\n  ${mobileOnly(css`\n    [data-only-desktop='true'] {\n      display: none;\n    }\n    [data-only-mobile='true'] {\n      display: inherit;\n    }\n  `)}\n`;\n\nexport const defaultGridButtonCss = css`\n  // reset\n  -webkit-appearance: none;\n  text-align: inherit;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n  font: inherit;\n  appearance: none;\n\n  box-sizing: border-box;\n\n  display: grid;\n  place-items: center;\n\n  cursor: pointer;\n  border-radius: 4px;\n  outline: none;\n\n  color: ${primary100};\n  background: ${contents999};\n`;\nexport const defaultInteractiveButton = css`\n  ${defaultGridButtonCss};\n\n  &:hover {\n    color: ${contents100};\n  }\n\n  &:active {\n    color: ${contents150};\n  }\n`;\n\nexport const defaultNaviLinkCss = css`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${contents000};\n\n  &:focus-visible {\n    outline: none;\n  }\n`;\nexport const naviLinkCss = css`\n  ${defaultNaviLinkCss};\n\n  transition: color 0.1s;\n  will-change: color;\n\n  &:hover,\n  &:focus-visible {\n    color: ${contents150};\n  }\n`;\n"],"names":["fullPopoverContentCss","css","_templateObject","_taggedTemplateLiteral","contents999","dataResponsiveCss","_templateObject2","mobileOnly","_templateObject3","defaultGridButtonCss","_templateObject4","primary100","_templateObject5","contents100","contents150","defaultNaviLinkCss","_templateObject6","contents000","naviLinkCss","_templateObject7"],"mappings":";;;;;AAWaA,IAAAA,qBAAqB,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAUlBC,CAAAA,uOAAAA,EAAAA,KAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAW,EAChC;AAEM,IAAMC,iBAAiB,GAAGJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,CAAA,CAAA,+HAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAMhCI,UAAU,CAACN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,CAOf,CAAA,sIAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EACH;AAEYM,IAAAA,oBAAoB,GAAGR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CAAA,CAAA,oTAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAmB5BQ,UAAU,EACLP,WAAW,EAC1B;AACuCH,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,iGACvCM,oBAAoB,EAGXI,WAAW,EAIXC,WAAW,EAEvB;AAEYC,IAAAA,kBAAkB,GAAGd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,CAG1Bc,CAAAA,kEAAAA,EAAAA,qDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAW,EAKrB;AACYC,IAAAA,WAAW,GAAGjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,CAAA,CAAA,MAAA,EAAA,uGAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAC1BY,kBAAkB,EAOTD,WAAW;;;;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var react = require('react');
+var style = require('./style.cjs');
+var icon = require('@remember-web/icon');
+var style$1 = require('./parts/GnbHamburgerMenu/style.cjs');
+var _const = require('./const.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('./parts/GnbHoverSubNavi/index.cjs');
+var index$1 = require('./parts/GnbHamburgerMenu/index.cjs');
+var index$2 = require('./parts/GnbNotification/index.cjs');
+var index$3 = require('./parts/GnbProfile/index.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Gnb = Object.assign( /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledGnbRoot, _objectSpread(_objectSpread({
+      ref: ref
+    }, props), {}, {
+      children: children
+    })), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "gnb-spacer"
+    })]
+  });
+}), {
+  NaviLink: style.GnbNaviLink,
+  Content: style.StyledGnbContent,
+  ContentLeft: style.StyledGnbContentLeft,
+  ContentRight: style.StyledGnbContentRight,
+  ActionContainer: style.StyledGnbAccountActionContainer,
+  LoginButton: style.StyledGnbLoginButton,
+  SubLinkText: style$1.StyledGnbSubTextLink,
+  CloseButton: function CloseButton(props) {
+    return /*#__PURE__*/jsxRuntime.jsx(style.StyledDefaultIconButton, _objectSpread(_objectSpread(_objectSpread({}, _defineProperty__default.default(_defineProperty__default.default({}, _const.dataAttrs.onlyMobile, true), _const.dataAttrs.mobilePopoverCloseButton, true)), props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconCloseM, {})
+    }));
+  }
+});
+Gnb.displayName = 'Gnb';
+
+exports.StyledDefaultIconButton = style.StyledDefaultIconButton;
+Object.defineProperty(exports, "GNB_VARS", {
+  enumerable: true,
+  get: function () { return _const.GNB_VARS; }
+});
+exports.dataAttrs = _const.dataAttrs;
+exports.GnbHoverSubNavi = index.GnbHoverSubNavi;
+exports.GnbHamburgerMenu = index$1.GnbHamburgerMenu;
+exports.GnbNotification = index$2.GnbNotification;
+exports.GnbProfile = index$3.GnbProfile;
+exports.Gnb = Gnb;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Gnb/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/Gnb/index.tsx"],"sourcesContent":["import type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport {\n  GnbNaviLink,\n  StyledDefaultIconButton,\n  StyledGnbAccountActionContainer,\n  StyledGnbContent,\n  StyledGnbContentLeft,\n  StyledGnbContentRight,\n  StyledGnbLoginButton,\n  StyledGnbRoot,\n} from '@/Gnb/style';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconCloseM } from '@remember-web/icon';\nimport { StyledGnbSubTextLink } from '@/Gnb/parts/GnbHamburgerMenu/style';\n\nimport { dataAttrs } from './const';\n\nexport * from './parts/GnbHoverSubNavi';\nexport * from './parts/GnbHamburgerMenu';\nexport * from './parts/GnbNotification';\nexport * from './parts/GnbProfile';\n\nexport { GNB_VARS, dataAttrs } from './const';\n\nexport { StyledDefaultIconButton } from '@/Gnb/style';\n\nexport const Gnb = Object.assign(\n  forwardRef(\n    (\n      { children, ...props }: GetStyledComponentProps<typeof StyledGnbRoot>,\n      ref: ForwardedRef<HTMLHeadingElement>\n    ) => (\n      <>\n        <StyledGnbRoot ref={ref} {...props}>\n          {children}\n        </StyledGnbRoot>\n        <div className=\"gnb-spacer\" />\n      </>\n    )\n  ),\n  {\n    NaviLink: GnbNaviLink,\n    Content: StyledGnbContent,\n    ContentLeft: StyledGnbContentLeft,\n    ContentRight: StyledGnbContentRight,\n    ActionContainer: StyledGnbAccountActionContainer,\n    LoginButton: StyledGnbLoginButton,\n    SubLinkText: StyledGnbSubTextLink,\n    CloseButton: <As,>(\n      props: Omit<\n        GetStyledComponentProps<typeof StyledDefaultIconButton, As>,\n        'children'\n      >\n    ) => (\n      <StyledDefaultIconButton\n        {...{\n          [dataAttrs.onlyMobile]: true,\n          [dataAttrs.mobilePopoverCloseButton]: true,\n        }}\n        {...props}\n      >\n        <IconCloseM />\n      </StyledDefaultIconButton>\n    ),\n  }\n);\n\nGnb.displayName = 'Gnb';\n"],"names":["Gnb","Object","assign","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","StyledGnbRoot","_objectSpread","className","NaviLink","GnbNaviLink","Content","StyledGnbContent","ContentLeft","StyledGnbContentLeft","ContentRight","StyledGnbContentRight","ActionContainer","StyledGnbAccountActionContainer","LoginButton","StyledGnbLoginButton","SubLinkText","StyledGnbSubTextLink","CloseButton","StyledDefaultIconButton","_defineProperty","dataAttrs","onlyMobile","mobilePopoverCloseButton","IconCloseM","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BaA,IAAAA,GAAG,GAAGC,MAAM,CAACC,MAAM,eAC9BC,gBAAU,CACR,UAAAC,IAAA,EAEEC,GAAqC,EAAA;AAAA,EAAA,IADnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAGpBC,eAAA,CAAAC,mBAAA,EAAA;AAAAL,IAAAA,QAAA,gBACEM,cAAA,CAACC,mBAAa,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACT,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKE,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAC/BA,QAAAA;KACY,CAAA,CAAC,eAChBM,cAAA,CAAA,KAAA,EAAA;AAAKG,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAC9B,CAAC,CAAA;AAAA,CAEP,CAAC,EACD;AACEC,EAAAA,QAAQ,EAAEC,iBAAW;AACrBC,EAAAA,OAAO,EAAEC,sBAAgB;AACzBC,EAAAA,WAAW,EAAEC,0BAAoB;AACjCC,EAAAA,YAAY,EAAEC,2BAAqB;AACnCC,EAAAA,eAAe,EAAEC,qCAA+B;AAChDC,EAAAA,WAAW,EAAEC,0BAAoB;AACjCC,EAAAA,WAAW,EAAEC,4BAAoB;EACjCC,WAAW,EAAE,SAAAA,WAAAA,CACXvB,KAGC,EAAA;IAAA,oBAEDK,cAAA,CAACmB,6BAAuB,EAAAjB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAkB,EAAAA,EAAAA,gCAAA,CAAAA,gCAAA,KAEnBC,gBAAS,CAACC,UAAU,EAAG,IAAI,CAAA,EAC3BD,gBAAS,CAACE,wBAAwB,EAAG,IAAI,CAAA,CAAA,EAExC5B,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,eAETM,cAAA,CAACwB,eAAU,EAAE,EAAA,CAAA;AAAC,KAAA,CACS,CAAC,CAAA;AAAA,GAAA;AAE9B,CACF,EAAC;AAEDpC,GAAG,CAACqC,WAAW,GAAG,KAAK;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { StyledDefaultIconButton } from '@/Gnb/style';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+export * from './parts/GnbHoverSubNavi';
+export * from './parts/GnbHamburgerMenu';
+export * from './parts/GnbNotification';
+export * from './parts/GnbProfile';
+export { GNB_VARS, dataAttrs } from './const';
+export { StyledDefaultIconButton } from '@/Gnb/style';
+export declare const Gnb: import("react").ForwardRefExoticComponent<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "data-popover-opened"> & {
+    'data-popover-opened': boolean;
+}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>> & {
+    NaviLink: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+        'data-active'?: boolean | undefined;
+    }>>;
+    Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    ContentLeft: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+    ContentRight: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    ActionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    LoginButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+    SubLinkText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
+    CloseButton: <As>(props: Omit<GetStyledComponentProps<typeof StyledDefaultIconButton, As>, 'children'>) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Gnb/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,uBAAuB,EAOxB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAMjF,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,GAAG;;;;;;;;;;;;6BAuBH,KACL,wBAAwB,8BAA8B,EAAE,EAAE,CAAC,EAC3D,UAAU,CACX;CAaN,CAAC"}

package/dist/primitive/src/Gnb/index.js

@@ -0,0 +1,47 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { StyledGnbRoot, GnbNaviLink, StyledGnbContent, StyledGnbContentLeft, StyledGnbContentRight, StyledGnbAccountActionContainer, StyledGnbLoginButton, StyledDefaultIconButton } from './style.js';
+import { IconCloseM } from '@remember-web/icon';
+import { StyledGnbSubTextLink } from './parts/GnbHamburgerMenu/style.js';
+import { dataAttrs } from './const.js';
+export { GNB_VARS } from './const.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+export { GnbHoverSubNavi } from './parts/GnbHoverSubNavi/index.js';
+export { GnbHamburgerMenu } from './parts/GnbHamburgerMenu/index.js';
+export { GnbNotification } from './parts/GnbNotification/index.js';
+export { GnbProfile } from './parts/GnbProfile/index.js';
+
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Gnb = Object.assign( /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(StyledGnbRoot, _objectSpread(_objectSpread({
+      ref: ref
+    }, props), {}, {
+      children: children
+    })), /*#__PURE__*/jsx("div", {
+      className: "gnb-spacer"
+    })]
+  });
+}), {
+  NaviLink: GnbNaviLink,
+  Content: StyledGnbContent,
+  ContentLeft: StyledGnbContentLeft,
+  ContentRight: StyledGnbContentRight,
+  ActionContainer: StyledGnbAccountActionContainer,
+  LoginButton: StyledGnbLoginButton,
+  SubLinkText: StyledGnbSubTextLink,
+  CloseButton: function CloseButton(props) {
+    return /*#__PURE__*/jsx(StyledDefaultIconButton, _objectSpread(_objectSpread(_objectSpread({}, _defineProperty(_defineProperty({}, dataAttrs.onlyMobile, true), dataAttrs.mobilePopoverCloseButton, true)), props), {}, {
+      children: /*#__PURE__*/jsx(IconCloseM, {})
+    }));
+  }
+});
+Gnb.displayName = 'Gnb';
+
+export { Gnb, StyledDefaultIconButton, dataAttrs };
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/Gnb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/Gnb/index.tsx"],"sourcesContent":["import type { ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport {\n  GnbNaviLink,\n  StyledDefaultIconButton,\n  StyledGnbAccountActionContainer,\n  StyledGnbContent,\n  StyledGnbContentLeft,\n  StyledGnbContentRight,\n  StyledGnbLoginButton,\n  StyledGnbRoot,\n} from '@/Gnb/style';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconCloseM } from '@remember-web/icon';\nimport { StyledGnbSubTextLink } from '@/Gnb/parts/GnbHamburgerMenu/style';\n\nimport { dataAttrs } from './const';\n\nexport * from './parts/GnbHoverSubNavi';\nexport * from './parts/GnbHamburgerMenu';\nexport * from './parts/GnbNotification';\nexport * from './parts/GnbProfile';\n\nexport { GNB_VARS, dataAttrs } from './const';\n\nexport { StyledDefaultIconButton } from '@/Gnb/style';\n\nexport const Gnb = Object.assign(\n  forwardRef(\n    (\n      { children, ...props }: GetStyledComponentProps<typeof StyledGnbRoot>,\n      ref: ForwardedRef<HTMLHeadingElement>\n    ) => (\n      <>\n        <StyledGnbRoot ref={ref} {...props}>\n          {children}\n        </StyledGnbRoot>\n        <div className=\"gnb-spacer\" />\n      </>\n    )\n  ),\n  {\n    NaviLink: GnbNaviLink,\n    Content: StyledGnbContent,\n    ContentLeft: StyledGnbContentLeft,\n    ContentRight: StyledGnbContentRight,\n    ActionContainer: StyledGnbAccountActionContainer,\n    LoginButton: StyledGnbLoginButton,\n    SubLinkText: StyledGnbSubTextLink,\n    CloseButton: <As,>(\n      props: Omit<\n        GetStyledComponentProps<typeof StyledDefaultIconButton, As>,\n        'children'\n      >\n    ) => (\n      <StyledDefaultIconButton\n        {...{\n          [dataAttrs.onlyMobile]: true,\n          [dataAttrs.mobilePopoverCloseButton]: true,\n        }}\n        {...props}\n      >\n        <IconCloseM />\n      </StyledDefaultIconButton>\n    ),\n  }\n);\n\nGnb.displayName = 'Gnb';\n"],"names":["Gnb","Object","assign","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_jsxs","_Fragment","_jsx","StyledGnbRoot","_objectSpread","className","NaviLink","GnbNaviLink","Content","StyledGnbContent","ContentLeft","StyledGnbContentLeft","ContentRight","StyledGnbContentRight","ActionContainer","StyledGnbAccountActionContainer","LoginButton","StyledGnbLoginButton","SubLinkText","StyledGnbSubTextLink","CloseButton","StyledDefaultIconButton","_defineProperty","dataAttrs","onlyMobile","mobilePopoverCloseButton","IconCloseM","displayName"],"mappings":";;;;;;;;;;;;;;;;;AA4BaA,IAAAA,GAAG,GAAGC,MAAM,CAACC,MAAM,eAC9BC,UAAU,CACR,UAAAC,IAAA,EAEEC,GAAqC,EAAA;AAAA,EAAA,IADnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAGpBC,IAAA,CAAAC,QAAA,EAAA;AAAAL,IAAAA,QAAA,gBACEM,GAAA,CAACC,aAAa,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACT,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKE,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAC/BA,QAAAA;KACY,CAAA,CAAC,eAChBM,GAAA,CAAA,KAAA,EAAA;AAAKG,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAC9B,CAAC,CAAA;AAAA,CAEP,CAAC,EACD;AACEC,EAAAA,QAAQ,EAAEC,WAAW;AACrBC,EAAAA,OAAO,EAAEC,gBAAgB;AACzBC,EAAAA,WAAW,EAAEC,oBAAoB;AACjCC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,eAAe,EAAEC,+BAA+B;AAChDC,EAAAA,WAAW,EAAEC,oBAAoB;AACjCC,EAAAA,WAAW,EAAEC,oBAAoB;EACjCC,WAAW,EAAE,SAAAA,WAAAA,CACXvB,KAGC,EAAA;IAAA,oBAEDK,GAAA,CAACmB,uBAAuB,EAAAjB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAkB,EAAAA,EAAAA,eAAA,CAAAA,eAAA,KAEnBC,SAAS,CAACC,UAAU,EAAG,IAAI,CAAA,EAC3BD,SAAS,CAACE,wBAAwB,EAAG,IAAI,CAAA,CAAA,EAExC5B,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,eAETM,GAAA,CAACwB,UAAU,EAAE,EAAA,CAAA;AAAC,KAAA,CACS,CAAC,CAAA;AAAA,GAAA;AAE9B,CACF,EAAC;AAEDpC,GAAG,CAACqC,WAAW,GAAG,KAAK;;;;"}

package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styled = require('styled-components');
+var icon = require('@remember-web/icon');
+var mixin = require('@remember-web/mixin');
+var styles = require('../../../Floating/DropdownMenu/styles.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject;
+var _excluded = ["children", "hasArrow"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GnbDropdownLinkItem = function GnbDropdownLinkItem(_ref) {
+  var children = _ref.children,
+    _ref$hasArrow = _ref.hasArrow,
+    hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledGnbDropdownLinkItem, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, hasArrow && /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Right, {
+      size: 16,
+      color: mixin.contents150
+    })]
+  }));
+};
+var StyledGnbDropdownLinkItem = styled__default.default.a(function (props) {
+  return [styles.getDropdownMenuItemCss(props), styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n      box-sizing: border-box;\n      display: flex;\n      gap: 2px;\n\n      ", ";\n\n      svg {\n        margin-left: auto;\n      }\n    "])), mixin.getTypographyStyles('ArticleBody'))];
+});
+
+exports.GnbDropdownLinkItem = GnbDropdownLinkItem;
+exports.StyledGnbDropdownLinkItem = StyledGnbDropdownLinkItem;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbDropdownLinkItem/index.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types';\nimport { IconArrow2Right } from '@remember-web/icon';\nimport { contents150, getTypographyStyles } from '@remember-web/mixin';\nimport type { StyledDropdownMenuItemProps } from '@/Floating/DropdownMenu/styles';\nimport { getDropdownMenuItemCss } from '@/Floating/DropdownMenu/styles';\n\nexport const GnbDropdownLinkItem = <As,>({\n  children,\n  hasArrow = true,\n  ...props\n}: GetStyledComponentProps<typeof StyledGnbDropdownLinkItem, As> & {\n  hasArrow?: boolean;\n}) => (\n  <StyledGnbDropdownLinkItem {...props}>\n    {children}\n    {hasArrow && <IconArrow2Right size={16} color={contents150} />}\n  </StyledGnbDropdownLinkItem>\n);\n\nexport const StyledGnbDropdownLinkItem = styled.a<StyledDropdownMenuItemProps>(\n  (props) => [\n    getDropdownMenuItemCss(props),\n    css`\n      box-sizing: border-box;\n      display: flex;\n      gap: 2px;\n\n      ${getTypographyStyles('ArticleBody')};\n\n      svg {\n        margin-left: auto;\n      }\n    `,\n  ]\n);\n"],"names":["GnbDropdownLinkItem","_ref","children","_ref$hasArrow","hasArrow","props","_objectWithoutProperties","_excluded","_jsxs","StyledGnbDropdownLinkItem","_objectSpread","_jsx","IconArrow2Right","size","color","contents150","styled","a","getDropdownMenuItemCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAQaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;AACZE,IAAAA,KAAK,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAAA,oBAIRC,eAAA,CAACC,yBAAyB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAH,IAAAA,QAAA,GACjCA,QAAQ,EACRE,QAAQ,iBAAIO,cAAA,CAACC,oBAAe,EAAA;AAACC,MAAAA,IAAI,EAAE,EAAG;AAACC,MAAAA,KAAK,EAAEC,iBAAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAAA,CACrC,CAAC,CAAA;AAAA,EAC7B;AAEM,IAAMN,yBAAyB,GAAGO,uBAAM,CAACC,CAAC,CAC/C,UAACZ,KAAK,EAAA;AAAA,EAAA,OAAK,CACTa,6BAAsB,CAACb,KAAK,CAAC,EAC7Bc,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,kFAAA,EAAA,6DAAA,CAAA,CAAA,CAAA,EAKCC,yBAAmB,CAAC,aAAa,CAAC,CAMvC,CAAA,CAAA;AAAA,CACH;;;;;"}

package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { GetStyledComponentProps } from '@remember-web/shared/types';
+import type { StyledDropdownMenuItemProps } from '@/Floating/DropdownMenu/styles';
+export declare const GnbDropdownLinkItem: <As>({ children, hasArrow, ...props }: (As extends import("styled-components").WebTarget ? import("styled-components").PolymorphicComponentProps<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledDropdownMenuItemProps>, As, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof StyledDropdownMenuItemProps> & StyledDropdownMenuItemProps) & {
+    hasArrow?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledGnbDropdownLinkItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledDropdownMenuItemProps>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbDropdownLinkItem/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG1E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAGlF,eAAO,MAAM,mBAAmB;;6CAW/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,oPAerC,CAAC"}