@remember-web/primitive 0.0.0-alpha.1

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var style = require('../style.cjs');
+var index = require('../../GnbDropdownLinkItem/index.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+
+var _excluded = ["summary", "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 GnbHamburgerAccordion = function GnbHamburgerAccordion(_ref) {
+  var summary = _ref.summary,
+    children = _ref.children,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbAccordion, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(index.GnbDropdownLinkItem, {
+      as: "summary",
+      children: summary
+    }), children]
+  }));
+};
+
+exports.GnbHamburgerAccordion = GnbHamburgerAccordion;
+//# sourceMappingURL=GnbHamburgerAccordion.cjs.map

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbHamburgerAccordion.cjs","sources":["../../../../../../../src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.tsx"],"sourcesContent":["import { StyledGnbAccordion } from '@/Gnb/parts/GnbHamburgerMenu/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\n\nimport { GnbDropdownLinkItem } from '../../GnbDropdownLinkItem';\n\nexport type GnbHamburgerAccordionProps = GetStyledComponentProps<\n  typeof StyledGnbAccordion\n> & {\n  summary: string;\n};\nexport const GnbHamburgerAccordion = ({\n  summary,\n  children,\n  ...props\n}: GnbHamburgerAccordionProps) => (\n  <StyledGnbAccordion {...props}>\n    <GnbDropdownLinkItem as=\"summary\">{summary}</GnbDropdownLinkItem>\n    {children}\n  </StyledGnbAccordion>\n);\n"],"names":["GnbHamburgerAccordion","_ref","summary","children","props","_objectWithoutProperties","_excluded","_jsxs","StyledGnbAccordion","_objectSpread","_jsx","GnbDropdownLinkItem","as"],"mappings":";;;;;;;;;;;;;;;;IAUaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAChCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,wBAAkB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,EAAA,cAC3BO,cAAA,CAACC,yBAAmB,EAAA;AAACC,MAAAA,EAAE,EAAC,SAAS;AAAAT,MAAAA,QAAA,EAAED,OAAAA;KAA6B,CAAC,EAChEC,QAAQ,CAAA;AAAA,GAAA,CACS,CAAC,CAAA;AAAA;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts

@@ -0,0 +1,7 @@
+import { StyledGnbAccordion } from '@/Gnb/parts/GnbHamburgerMenu/style';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+export type GnbHamburgerAccordionProps = GetStyledComponentProps<typeof StyledGnbAccordion> & {
+    summary: string;
+};
+export declare const GnbHamburgerAccordion: ({ summary, children, ...props }: GnbHamburgerAccordionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GnbHamburgerAccordion.d.ts.map

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbHamburgerAccordion.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAIjF,MAAM,MAAM,0BAA0B,GAAG,uBAAuB,CAC9D,OAAO,kBAAkB,CAC1B,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,eAAO,MAAM,qBAAqB,oCAI/B,0BAA0B,4CAK5B,CAAC"}

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js

@@ -0,0 +1,23 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { StyledGnbAccordion } from '../style.js';
+import { GnbDropdownLinkItem } from '../../GnbDropdownLinkItem/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["summary", "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 GnbHamburgerAccordion = function GnbHamburgerAccordion(_ref) {
+  var summary = _ref.summary,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(StyledGnbAccordion, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx(GnbDropdownLinkItem, {
+      as: "summary",
+      children: summary
+    }), children]
+  }));
+};
+
+export { GnbHamburgerAccordion };
+//# sourceMappingURL=GnbHamburgerAccordion.js.map

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbHamburgerAccordion.js","sources":["../../../../../../../src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.tsx"],"sourcesContent":["import { StyledGnbAccordion } from '@/Gnb/parts/GnbHamburgerMenu/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\n\nimport { GnbDropdownLinkItem } from '../../GnbDropdownLinkItem';\n\nexport type GnbHamburgerAccordionProps = GetStyledComponentProps<\n  typeof StyledGnbAccordion\n> & {\n  summary: string;\n};\nexport const GnbHamburgerAccordion = ({\n  summary,\n  children,\n  ...props\n}: GnbHamburgerAccordionProps) => (\n  <StyledGnbAccordion {...props}>\n    <GnbDropdownLinkItem as=\"summary\">{summary}</GnbDropdownLinkItem>\n    {children}\n  </StyledGnbAccordion>\n);\n"],"names":["GnbHamburgerAccordion","_ref","summary","children","props","_objectWithoutProperties","_excluded","_jsxs","StyledGnbAccordion","_objectSpread","_jsx","GnbDropdownLinkItem","as"],"mappings":";;;;;;;;;IAUaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAChCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,kBAAkB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,EAAA,cAC3BO,GAAA,CAACC,mBAAmB,EAAA;AAACC,MAAAA,EAAE,EAAC,SAAS;AAAAT,MAAAA,QAAA,EAAED,OAAAA;KAA6B,CAAC,EAChEC,QAAQ,CAAA;AAAA,GAAA,CACS,CAAC,CAAA;AAAA;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var css = require('../../css.cjs');
+var mixin = require('@remember-web/mixin');
+var styles = require('../../../Floating/DropdownMenu/styles.cjs');
+var index = require('../GnbDropdownLinkItem/index.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledHamburgerMenuContent = styled__default.default(styles.StyledDropdownMenuContent)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  ", ";\n"])), css.fullPopoverContentCss);
+var StyledGnbDropdownSpecialLinkItem = styled__default.default(index.GnbDropdownLinkItem)(function (props) {
+  return [styles.getDropdownMenuItemCss(props), styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n      box-sizing: border-box;\n      display: flex;\n      gap: 4px;\n\n      && {\n        color: ", ";\n      }\n\n      svg {\n        margin-left: 4px;\n      }\n      // line \uC5C6\uC570\n      &::before {\n        display: none !important;\n      }\n\n      ", ";\n      font-weight: 500;\n    "])), mixin.secondary100, mixin.getTypographyStyles('ArticleBody'))];
+});
+var StyledGnbAccordion = styled__default.default.details(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  box-sizing: border-box;\n  list-style-type: none;\n  cursor: pointer;\n  padding-bottom: 12px;\n\n  ", ";\n  font-weight: 500;\n  color: ", ";\n\n  svg {\n    transition: transform 0.2s ease-out;\n    will-change: transform;\n    transform: rotateZ(90deg);\n  }\n\n  summary {\n    ", ";\n\n    gap: 2px;\n\n    ", ";\n    font-weight: 500;\n  }\n  &[open] {\n    summary {\n      font-weight: 600;\n\n      svg {\n        transform: rotateZ(-90deg);\n      }\n    }\n  }\n\n  summary::-webkit-details-marker {\n    display: none;\n  }\n"])), mixin.getTypographyStyles('Body1'), mixin.contents100, styles.dropdownMenuItemCSS, mixin.getTypographyStyles('ArticleBody'));
+var StyledGnbSubTextLink = styled__default.default.a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  display: inline-block;\n  border-radius: unset;\n  text-decoration: none;\n  color: inherit;\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:hover,\n  &:focus-visible {\n    font-weight: 600;\n  }\n"])));
+
+exports.StyledGnbAccordion = StyledGnbAccordion;
+exports.StyledGnbDropdownSpecialLinkItem = StyledGnbDropdownSpecialLinkItem;
+exports.StyledGnbSubTextLink = StyledGnbSubTextLink;
+exports.StyledHamburgerMenuContent = StyledHamburgerMenuContent;
+//# sourceMappingURL=style.cjs.map

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/style.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { fullPopoverContentCss } from '@/Gnb/css';\nimport {\n  contents100,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport {\n  dropdownMenuItemCSS,\n  getDropdownMenuItemCss,\n  StyledDropdownMenuContent,\n} from '@/Floating/DropdownMenu/styles';\nimport { GnbDropdownLinkItem } from '@/Gnb/parts/GnbDropdownLinkItem';\n\nexport const StyledHamburgerMenuContent = styled(StyledDropdownMenuContent)`\n  ${fullPopoverContentCss};\n`;\n\nexport const StyledGnbDropdownSpecialLinkItem = styled(GnbDropdownLinkItem)(\n  (props) => [\n    getDropdownMenuItemCss(props),\n    css`\n      box-sizing: border-box;\n      display: flex;\n      gap: 4px;\n\n      && {\n        color: ${secondary100};\n      }\n\n      svg {\n        margin-left: 4px;\n      }\n      // line 없앰\n      &::before {\n        display: none !important;\n      }\n\n      ${getTypographyStyles('ArticleBody')};\n      font-weight: 500;\n    `,\n  ]\n);\n\nexport const StyledGnbAccordion = styled.details`\n  display: flex;\n  box-sizing: border-box;\n  list-style-type: none;\n  cursor: pointer;\n  padding-bottom: 12px;\n\n  ${getTypographyStyles('Body1')};\n  font-weight: 500;\n  color: ${contents100};\n\n  svg {\n    transition: transform 0.2s ease-out;\n    will-change: transform;\n    transform: rotateZ(90deg);\n  }\n\n  summary {\n    ${dropdownMenuItemCSS};\n\n    gap: 2px;\n\n    ${getTypographyStyles('ArticleBody')};\n    font-weight: 500;\n  }\n  &[open] {\n    summary {\n      font-weight: 600;\n\n      svg {\n        transform: rotateZ(-90deg);\n      }\n    }\n  }\n\n  summary::-webkit-details-marker {\n    display: none;\n  }\n`;\n\nexport const StyledGnbSubTextLink = styled.a`\n  display: inline-block;\n  border-radius: unset;\n  text-decoration: none;\n  color: inherit;\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:hover,\n  &:focus-visible {\n    font-weight: 600;\n  }\n`;\n"],"names":["StyledHamburgerMenuContent","styled","StyledDropdownMenuContent","_templateObject","_taggedTemplateLiteral","fullPopoverContentCss","StyledGnbDropdownSpecialLinkItem","GnbDropdownLinkItem","props","getDropdownMenuItemCss","css","_templateObject2","secondary100","getTypographyStyles","StyledGnbAccordion","details","_templateObject3","contents100","dropdownMenuItemCSS","StyledGnbSubTextLink","a","_templateObject4"],"mappings":";;;;;;;;;;;;;;;AAeaA,IAAAA,0BAA0B,GAAGC,uBAAM,CAACC,gCAAyB,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACvEC,yBAAqB,EACxB;AAEM,IAAMC,gCAAgC,GAAGL,uBAAM,CAACM,yBAAmB,CAAC,CACzE,UAACC,KAAK,EAAA;EAAA,OAAK,CACTC,6BAAsB,CAACD,KAAK,CAAC,EAC7BE,UAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,wTAMUQ,kBAAY,EAWrBC,yBAAmB,CAAC,aAAa,CAAC,CAGvC,CAAA,CAAA;AAAA,CACH,EAAC;AAEM,IAAMC,kBAAkB,GAAGb,uBAAM,CAACc,OAAO,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,uCAAA,CAAA,CAAA,4HAAA,EAAA,mCAAA,EAAA,+IAAA,EAAA,4BAAA,EAAA,+NAAA,CAAA,CAAA,CAAA,EAO5CS,yBAAmB,CAAC,OAAO,CAAC,EAErBI,iBAAW,EAShBC,0BAAmB,EAInBL,yBAAmB,CAAC,aAAa,CAAC,EAgBvC;AAEYM,IAAAA,oBAAoB,GAAGlB,uBAAM,CAACmB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAjB,uCAAA,CAa3C,CAAA,iNAAA,CAAA,CAAA,CAAA;;;;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const StyledHamburgerMenuContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGnbDropdownSpecialLinkItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps> & import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps & {
+    hasArrow?: boolean | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & Omit<(<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>, import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>, As, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps> & import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps) & {
+    hasArrow?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element), keyof import("react").Component<any, {}, any>>;
+export declare const StyledGnbAccordion: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, never>>;
+export declare const StyledGnbSubTextLink: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/style.tsx"],"names":[],"mappings":";AAeA,eAAO,MAAM,0BAA0B;;;;;;kTAEtC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;8FAwB5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,+NAsC9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,4NAahC,CAAC"}

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js

@@ -0,0 +1,17 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled, { css } from 'styled-components';
+import { fullPopoverContentCss } from '../../css.js';
+import { secondary100, getTypographyStyles, contents100 } from '@remember-web/mixin';
+import { StyledDropdownMenuContent, getDropdownMenuItemCss, dropdownMenuItemCSS } from '../../../Floating/DropdownMenu/styles.js';
+import { GnbDropdownLinkItem } from '../GnbDropdownLinkItem/index.js';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledHamburgerMenuContent = styled(StyledDropdownMenuContent)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n"])), fullPopoverContentCss);
+var StyledGnbDropdownSpecialLinkItem = styled(GnbDropdownLinkItem)(function (props) {
+  return [getDropdownMenuItemCss(props), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-sizing: border-box;\n      display: flex;\n      gap: 4px;\n\n      && {\n        color: ", ";\n      }\n\n      svg {\n        margin-left: 4px;\n      }\n      // line \uC5C6\uC570\n      &::before {\n        display: none !important;\n      }\n\n      ", ";\n      font-weight: 500;\n    "])), secondary100, getTypographyStyles('ArticleBody'))];
+});
+var StyledGnbAccordion = styled.details(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  box-sizing: border-box;\n  list-style-type: none;\n  cursor: pointer;\n  padding-bottom: 12px;\n\n  ", ";\n  font-weight: 500;\n  color: ", ";\n\n  svg {\n    transition: transform 0.2s ease-out;\n    will-change: transform;\n    transform: rotateZ(90deg);\n  }\n\n  summary {\n    ", ";\n\n    gap: 2px;\n\n    ", ";\n    font-weight: 500;\n  }\n  &[open] {\n    summary {\n      font-weight: 600;\n\n      svg {\n        transform: rotateZ(-90deg);\n      }\n    }\n  }\n\n  summary::-webkit-details-marker {\n    display: none;\n  }\n"])), getTypographyStyles('Body1'), contents100, dropdownMenuItemCSS, getTypographyStyles('ArticleBody'));
+var StyledGnbSubTextLink = styled.a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  border-radius: unset;\n  text-decoration: none;\n  color: inherit;\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:hover,\n  &:focus-visible {\n    font-weight: 600;\n  }\n"])));
+
+export { StyledGnbAccordion, StyledGnbDropdownSpecialLinkItem, StyledGnbSubTextLink, StyledHamburgerMenuContent };
+//# sourceMappingURL=style.js.map

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/style.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { fullPopoverContentCss } from '@/Gnb/css';\nimport {\n  contents100,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport {\n  dropdownMenuItemCSS,\n  getDropdownMenuItemCss,\n  StyledDropdownMenuContent,\n} from '@/Floating/DropdownMenu/styles';\nimport { GnbDropdownLinkItem } from '@/Gnb/parts/GnbDropdownLinkItem';\n\nexport const StyledHamburgerMenuContent = styled(StyledDropdownMenuContent)`\n  ${fullPopoverContentCss};\n`;\n\nexport const StyledGnbDropdownSpecialLinkItem = styled(GnbDropdownLinkItem)(\n  (props) => [\n    getDropdownMenuItemCss(props),\n    css`\n      box-sizing: border-box;\n      display: flex;\n      gap: 4px;\n\n      && {\n        color: ${secondary100};\n      }\n\n      svg {\n        margin-left: 4px;\n      }\n      // line 없앰\n      &::before {\n        display: none !important;\n      }\n\n      ${getTypographyStyles('ArticleBody')};\n      font-weight: 500;\n    `,\n  ]\n);\n\nexport const StyledGnbAccordion = styled.details`\n  display: flex;\n  box-sizing: border-box;\n  list-style-type: none;\n  cursor: pointer;\n  padding-bottom: 12px;\n\n  ${getTypographyStyles('Body1')};\n  font-weight: 500;\n  color: ${contents100};\n\n  svg {\n    transition: transform 0.2s ease-out;\n    will-change: transform;\n    transform: rotateZ(90deg);\n  }\n\n  summary {\n    ${dropdownMenuItemCSS};\n\n    gap: 2px;\n\n    ${getTypographyStyles('ArticleBody')};\n    font-weight: 500;\n  }\n  &[open] {\n    summary {\n      font-weight: 600;\n\n      svg {\n        transform: rotateZ(-90deg);\n      }\n    }\n  }\n\n  summary::-webkit-details-marker {\n    display: none;\n  }\n`;\n\nexport const StyledGnbSubTextLink = styled.a`\n  display: inline-block;\n  border-radius: unset;\n  text-decoration: none;\n  color: inherit;\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:hover,\n  &:focus-visible {\n    font-weight: 600;\n  }\n`;\n"],"names":["StyledHamburgerMenuContent","styled","StyledDropdownMenuContent","_templateObject","_taggedTemplateLiteral","fullPopoverContentCss","StyledGnbDropdownSpecialLinkItem","GnbDropdownLinkItem","props","getDropdownMenuItemCss","css","_templateObject2","secondary100","getTypographyStyles","StyledGnbAccordion","details","_templateObject3","contents100","dropdownMenuItemCSS","StyledGnbSubTextLink","a","_templateObject4"],"mappings":";;;;;;;;AAeaA,IAAAA,0BAA0B,GAAGC,MAAM,CAACC,yBAAyB,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACvEC,qBAAqB,EACxB;AAEM,IAAMC,gCAAgC,GAAGL,MAAM,CAACM,mBAAmB,CAAC,CACzE,UAACC,KAAK,EAAA;EAAA,OAAK,CACTC,sBAAsB,CAACD,KAAK,CAAC,EAC7BE,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,wTAMUQ,YAAY,EAWrBC,mBAAmB,CAAC,aAAa,CAAC,CAGvC,CAAA,CAAA;AAAA,CACH,EAAC;AAEM,IAAMC,kBAAkB,GAAGb,MAAM,CAACc,OAAO,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,CAAA,CAAA,4HAAA,EAAA,mCAAA,EAAA,+IAAA,EAAA,4BAAA,EAAA,+NAAA,CAAA,CAAA,CAAA,EAO5CS,mBAAmB,CAAC,OAAO,CAAC,EAErBI,WAAW,EAShBC,mBAAmB,EAInBL,mBAAmB,CAAC,aAAa,CAAC,EAgBvC;AAEYM,IAAAA,oBAAoB,GAAGlB,MAAM,CAACmB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,CAa3C,CAAA,iNAAA,CAAA,CAAA,CAAA;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+import { GnbHoverSubNavi } from '@/Gnb';
+type Story = StoryObj<typeof GnbHoverSubNavi>;
+declare const meta: {
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+export declare const Default: Story;
+//# sourceMappingURL=GnbHoverSubNavi.stories.d.ts.map

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbHoverSubNavi.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAGxC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9C,QAAA,MAAM,IAAI;;;;;CAG8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KA+BZ,CAAC"}

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var style = require('./style.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../Floating/Popover/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 = ["onMouseEnter", "onMouseLeave", "ButtonSlot", "children", "wrapperProps"];
+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 GnbHoverSubNavi = function GnbHoverSubNavi(_ref) {
+  var onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    ButtonSlot = _ref.ButtonSlot,
+    children = _ref.children,
+    wrapperProps = _ref.wrapperProps,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbHoverNaviWrapper, _objectSpread(_objectSpread({
+    onMouseLeave: onMouseLeave,
+    onMouseEnter: onMouseEnter,
+    style: {
+      height: '100%'
+    }
+  }, wrapperProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
+        children: ButtonSlot
+      }), children]
+    }))
+  }));
+};
+GnbHoverSubNavi.Content = style.StyledGnbHoverSubNaviContent;
+GnbHoverSubNavi.Close = index.Close;
+GnbHoverSubNavi.Item = style.StyledGnbHoverSubNaviItem;
+
+exports.GnbHoverSubNavi = GnbHoverSubNavi;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\nimport React from 'react';\n\nimport { Popover } from '@';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types';\nimport type { PopoverProps } from '@/Floating/Popover';\n\nimport {\n  StyledGnbHoverNaviWrapper,\n  StyledGnbHoverSubNaviContent,\n  StyledGnbHoverSubNaviItem,\n} from './style';\n\nexport type GnbHoverSubNaviProps = PopoverProps & {\n  open: PopoverProps['open'];\n  onMouseEnter: MouseEventHandler<HTMLDivElement>;\n  onMouseLeave: MouseEventHandler<HTMLDivElement>;\n  ButtonSlot: React.ReactNode;\n  wrapperProps?: GetStyledComponentProps<typeof StyledGnbHoverNaviWrapper>;\n};\n\nexport const GnbHoverSubNavi = ({\n  onMouseEnter,\n  onMouseLeave,\n  ButtonSlot,\n  children,\n  wrapperProps,\n  ...props\n}: GnbHoverSubNaviProps) => (\n  <StyledGnbHoverNaviWrapper\n    onMouseLeave={onMouseLeave}\n    onMouseEnter={onMouseEnter}\n    style={{ height: '100%' }}\n    {...wrapperProps}\n  >\n    <Popover {...props}>\n      <Popover.Trigger>{ButtonSlot}</Popover.Trigger>\n      {children}\n    </Popover>\n  </StyledGnbHoverNaviWrapper>\n);\n\nGnbHoverSubNavi.Content = StyledGnbHoverSubNaviContent;\nGnbHoverSubNavi.Close = Popover.Close;\nGnbHoverSubNavi.Item = StyledGnbHoverSubNaviItem;\n"],"names":["GnbHoverSubNavi","_ref","onMouseEnter","onMouseLeave","ButtonSlot","children","wrapperProps","props","_objectWithoutProperties","_excluded","_jsx","StyledGnbHoverNaviWrapper","_objectSpread","style","height","_jsxs","Popover","Trigger","Content","StyledGnbHoverSubNaviContent","Close","Item","StyledGnbHoverSubNaviItem"],"mappings":";;;;;;;;;;;;;;;;;IAqBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,YAAY,GAAAL,IAAA,CAAZK,YAAY;AACTC,IAAAA,KAAK,GAAAC,yCAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,cAAA,CAACC,+BAAyB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACxBT,IAAAA,YAAY,EAAEA,YAAa;AAC3BD,IAAAA,YAAY,EAAEA,YAAa;AAC3BW,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE,MAAA;AAAO,KAAA;AAAE,GAAA,EACtBR,YAAY,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAEhBU,eAAA,CAACC,KAAO,EAAAJ,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAF,MAAAA,QAAA,EAChBK,cAAAA,cAAA,CAACM,KAAO,CAACC,OAAO,EAAA;AAAAZ,QAAAA,QAAA,EAAED,UAAAA;OAA4B,CAAC,EAC9CC,QAAQ,CAAA;KACF,CAAA,CAAA;AAAC,GAAA,CACe,CAAC,CAAA;AAAA,EAC7B;AAEDL,eAAe,CAACkB,OAAO,GAAGC,kCAA4B,CAAA;AACtDnB,eAAe,CAACoB,KAAK,GAAGJ,KAAO,CAACI,KAAK,CAAA;AACrCpB,eAAe,CAACqB,IAAI,GAAGC,+BAAyB;;;;"}

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

@@ -0,0 +1,23 @@
+import type { MouseEventHandler } from 'react';
+import React from 'react';
+import type { GetStyledComponentProps } from '@remember-web/shared/types';
+import type { PopoverProps } from '@/Floating/Popover';
+import { StyledGnbHoverNaviWrapper } from './style';
+export type GnbHoverSubNaviProps = PopoverProps & {
+    open: PopoverProps['open'];
+    onMouseEnter: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave: MouseEventHandler<HTMLDivElement>;
+    ButtonSlot: React.ReactNode;
+    wrapperProps?: GetStyledComponentProps<typeof StyledGnbHoverNaviWrapper>;
+};
+export declare const GnbHoverSubNavi: {
+    ({ onMouseEnter, onMouseLeave, ButtonSlot, children, wrapperProps, ...props }: GnbHoverSubNaviProps): import("react/jsx-runtime").JSX.Element;
+    Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@radix-ui/react-popover").PopoverContentProps & {
+        isInsideCloseable?: boolean | undefined;
+    }, never>> & Omit<({ isInsideCloseable, ...props }: import("@/Floating/Popover").PopoverContentProps) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
+    Close: React.ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Item: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+        'data-active'?: boolean | undefined;
+    }>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EACL,yBAAyB,EAG1B,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAChD,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAChD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC,OAAO,yBAAyB,CAAC,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,eAAe;mFAOzB,oBAAoB;;;;;;;;CAYtB,CAAC"}

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

@@ -0,0 +1,37 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { StyledGnbHoverNaviWrapper, StyledGnbHoverSubNaviContent, StyledGnbHoverSubNaviItem } from './style.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Popover from '../../../Floating/Popover/index.js';
+
+var _excluded = ["onMouseEnter", "onMouseLeave", "ButtonSlot", "children", "wrapperProps"];
+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 GnbHoverSubNavi = function GnbHoverSubNavi(_ref) {
+  var onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    ButtonSlot = _ref.ButtonSlot,
+    children = _ref.children,
+    wrapperProps = _ref.wrapperProps,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(StyledGnbHoverNaviWrapper, _objectSpread(_objectSpread({
+    onMouseLeave: onMouseLeave,
+    onMouseEnter: onMouseEnter,
+    style: {
+      height: '100%'
+    }
+  }, wrapperProps), {}, {
+    children: /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({}, props), {}, {
+      children: [/*#__PURE__*/jsx(Popover.Trigger, {
+        children: ButtonSlot
+      }), children]
+    }))
+  }));
+};
+GnbHoverSubNavi.Content = StyledGnbHoverSubNaviContent;
+GnbHoverSubNavi.Close = Popover.Close;
+GnbHoverSubNavi.Item = StyledGnbHoverSubNaviItem;
+
+export { GnbHoverSubNavi };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\nimport React from 'react';\n\nimport { Popover } from '@';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types';\nimport type { PopoverProps } from '@/Floating/Popover';\n\nimport {\n  StyledGnbHoverNaviWrapper,\n  StyledGnbHoverSubNaviContent,\n  StyledGnbHoverSubNaviItem,\n} from './style';\n\nexport type GnbHoverSubNaviProps = PopoverProps & {\n  open: PopoverProps['open'];\n  onMouseEnter: MouseEventHandler<HTMLDivElement>;\n  onMouseLeave: MouseEventHandler<HTMLDivElement>;\n  ButtonSlot: React.ReactNode;\n  wrapperProps?: GetStyledComponentProps<typeof StyledGnbHoverNaviWrapper>;\n};\n\nexport const GnbHoverSubNavi = ({\n  onMouseEnter,\n  onMouseLeave,\n  ButtonSlot,\n  children,\n  wrapperProps,\n  ...props\n}: GnbHoverSubNaviProps) => (\n  <StyledGnbHoverNaviWrapper\n    onMouseLeave={onMouseLeave}\n    onMouseEnter={onMouseEnter}\n    style={{ height: '100%' }}\n    {...wrapperProps}\n  >\n    <Popover {...props}>\n      <Popover.Trigger>{ButtonSlot}</Popover.Trigger>\n      {children}\n    </Popover>\n  </StyledGnbHoverNaviWrapper>\n);\n\nGnbHoverSubNavi.Content = StyledGnbHoverSubNaviContent;\nGnbHoverSubNavi.Close = Popover.Close;\nGnbHoverSubNavi.Item = StyledGnbHoverSubNaviItem;\n"],"names":["GnbHoverSubNavi","_ref","onMouseEnter","onMouseLeave","ButtonSlot","children","wrapperProps","props","_objectWithoutProperties","_excluded","_jsx","StyledGnbHoverNaviWrapper","_objectSpread","style","height","_jsxs","Popover","Trigger","Content","StyledGnbHoverSubNaviContent","Close","Item","StyledGnbHoverSubNaviItem"],"mappings":";;;;;;;;;;IAqBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,YAAY,GAAAL,IAAA,CAAZK,YAAY;AACTC,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,GAAA,CAACC,yBAAyB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACxBT,IAAAA,YAAY,EAAEA,YAAa;AAC3BD,IAAAA,YAAY,EAAEA,YAAa;AAC3BW,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE,MAAA;AAAO,KAAA;AAAE,GAAA,EACtBR,YAAY,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAEhBU,IAAA,CAACC,OAAO,EAAAJ,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAF,MAAAA,QAAA,EAChBK,cAAAA,GAAA,CAACM,OAAO,CAACC,OAAO,EAAA;AAAAZ,QAAAA,QAAA,EAAED,UAAAA;OAA4B,CAAC,EAC9CC,QAAQ,CAAA;KACF,CAAA,CAAA;AAAC,GAAA,CACe,CAAC,CAAA;AAAA,EAC7B;AAEDL,eAAe,CAACkB,OAAO,GAAGC,4BAA4B,CAAA;AACtDnB,eAAe,CAACoB,KAAK,GAAGJ,OAAO,CAACI,KAAK,CAAA;AACrCpB,eAAe,CAACqB,IAAI,GAAGC,yBAAyB;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var css = require('../../css.cjs');
+var mixin = require('@remember-web/mixin');
+var index = require('../../../Floating/Popover/index.cjs');
+require('../../../Floating/Tooltip/index.cjs');
+require('../../../Floating/DropdownMenu/index.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3;
+var StyledGnbHoverSubNaviItem = styled__default.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  ", ";\n\n  display: flex;\n  align-items: center;\n  height: 44px;\n  padding: 0 12px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n\n  &:hover,\n  &:focus-visible {\n    color: inherit;\n    background-color: ", ";\n  }\n  &[data-active='true'] {\n    font-weight: 600;\n  }\n"])), css.naviLinkCss, mixin.bg200);
+var StyledGnbHoverSubNaviContent = styled__default.default(index.Content)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  min-width: 170px;\n  padding: 8px 0;\n"])));
+StyledGnbHoverSubNaviContent.defaultProps = {
+  alignOffset: 8,
+  sideOffset: -12
+};
+var StyledGnbHoverNaviWrapper = styled__default.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  height: 100%;\n  position: relative;\n  z-index: 1;\n"])));
+
+exports.StyledGnbHoverNaviWrapper = StyledGnbHoverNaviWrapper;
+exports.StyledGnbHoverSubNaviContent = StyledGnbHoverSubNaviContent;
+exports.StyledGnbHoverSubNaviItem = StyledGnbHoverSubNaviItem;
+//# sourceMappingURL=style.cjs.map

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { naviLinkCss } from '@/Gnb/css';\nimport { bg200 } from '@remember-web/mixin';\nimport { Popover } from '@';\n\nexport const StyledGnbHoverSubNaviItem = styled.a<{\n  'data-active'?: boolean;\n}>`\n  ${naviLinkCss};\n\n  display: flex;\n  align-items: center;\n  height: 44px;\n  padding: 0 12px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n\n  &:hover,\n  &:focus-visible {\n    color: inherit;\n    background-color: ${bg200};\n  }\n  &[data-active='true'] {\n    font-weight: 600;\n  }\n`;\n\nexport const StyledGnbHoverSubNaviContent = styled(Popover.Content)`\n  min-width: 170px;\n  padding: 8px 0;\n`;\nStyledGnbHoverSubNaviContent.defaultProps = {\n  alignOffset: 8,\n  sideOffset: -12,\n};\n\nexport const StyledGnbHoverNaviWrapper = styled.div`\n  height: 100%;\n  position: relative;\n  z-index: 1;\n`;\n"],"names":["StyledGnbHoverSubNaviItem","styled","a","_templateObject","_taggedTemplateLiteral","naviLinkCss","bg200","StyledGnbHoverSubNaviContent","Popover","Content","_templateObject2","defaultProps","alignOffset","sideOffset","StyledGnbHoverNaviWrapper","div","_templateObject3"],"mappings":";;;;;;;;;;;;;;;;IAMaA,yBAAyB,GAAGC,uBAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,MAAA,EAAA,8NAAA,EAAA,iEAAA,CAAA,CAAA,CAAA,EAG7CC,eAAW,EAYSC,WAAK,EAK5B;AAEYC,IAAAA,4BAA4B,GAAGN,uBAAM,CAACO,KAAO,CAACC,OAAO,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,uCAAA,CAGlE,CAAA,4CAAA,CAAA,CAAA,CAAA,EAAA;AACDG,4BAA4B,CAACI,YAAY,GAAG;AAC1CC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,yBAAyB,GAAGb,uBAAM,CAACc,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,uCAAA,CAIlD,CAAA,2DAAA,CAAA,CAAA,CAAA;;;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledGnbHoverSubNaviItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    'data-active'?: boolean | undefined;
+}>>;
+export declare const StyledGnbHoverSubNaviContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@radix-ui/react-popover").PopoverContentProps & {
+    isInsideCloseable?: boolean | undefined;
+}, never>> & Omit<({ isInsideCloseable, ...props }: import("@/Floating/Popover").PopoverContentProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGnbHoverNaviWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/style.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,yBAAyB;;GAoBrC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;gMAGxC,CAAC;AAMF,eAAO,MAAM,yBAAyB,gNAIrC,CAAC"}

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js

@@ -0,0 +1,19 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { naviLinkCss } from '../../css.js';
+import { bg200 } from '@remember-web/mixin';
+import Popover from '../../../Floating/Popover/index.js';
+import '../../../Floating/Tooltip/index.js';
+import '../../../Floating/DropdownMenu/index.js';
+
+var _templateObject, _templateObject2, _templateObject3;
+var StyledGnbHoverSubNaviItem = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n\n  display: flex;\n  align-items: center;\n  height: 44px;\n  padding: 0 12px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n\n  &:hover,\n  &:focus-visible {\n    color: inherit;\n    background-color: ", ";\n  }\n  &[data-active='true'] {\n    font-weight: 600;\n  }\n"])), naviLinkCss, bg200);
+var StyledGnbHoverSubNaviContent = styled(Popover.Content)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-width: 170px;\n  padding: 8px 0;\n"])));
+StyledGnbHoverSubNaviContent.defaultProps = {
+  alignOffset: 8,
+  sideOffset: -12
+};
+var StyledGnbHoverNaviWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 100%;\n  position: relative;\n  z-index: 1;\n"])));
+
+export { StyledGnbHoverNaviWrapper, StyledGnbHoverSubNaviContent, StyledGnbHoverSubNaviItem };
+//# sourceMappingURL=style.js.map

package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbHoverSubNavi/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { naviLinkCss } from '@/Gnb/css';\nimport { bg200 } from '@remember-web/mixin';\nimport { Popover } from '@';\n\nexport const StyledGnbHoverSubNaviItem = styled.a<{\n  'data-active'?: boolean;\n}>`\n  ${naviLinkCss};\n\n  display: flex;\n  align-items: center;\n  height: 44px;\n  padding: 0 12px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n\n  &:hover,\n  &:focus-visible {\n    color: inherit;\n    background-color: ${bg200};\n  }\n  &[data-active='true'] {\n    font-weight: 600;\n  }\n`;\n\nexport const StyledGnbHoverSubNaviContent = styled(Popover.Content)`\n  min-width: 170px;\n  padding: 8px 0;\n`;\nStyledGnbHoverSubNaviContent.defaultProps = {\n  alignOffset: 8,\n  sideOffset: -12,\n};\n\nexport const StyledGnbHoverNaviWrapper = styled.div`\n  height: 100%;\n  position: relative;\n  z-index: 1;\n`;\n"],"names":["StyledGnbHoverSubNaviItem","styled","a","_templateObject","_taggedTemplateLiteral","naviLinkCss","bg200","StyledGnbHoverSubNaviContent","Popover","Content","_templateObject2","defaultProps","alignOffset","sideOffset","StyledGnbHoverNaviWrapper","div","_templateObject3"],"mappings":";;;;;;;;;IAMaA,yBAAyB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,MAAA,EAAA,8NAAA,EAAA,iEAAA,CAAA,CAAA,CAAA,EAG7CC,WAAW,EAYSC,KAAK,EAK5B;AAEYC,IAAAA,4BAA4B,GAAGN,MAAM,CAACO,OAAO,CAACC,OAAO,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,CAGlE,CAAA,4CAAA,CAAA,CAAA,CAAA,EAAA;AACDG,4BAA4B,CAACI,YAAY,GAAG;AAC1CC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,yBAAyB,GAAGb,MAAM,CAACc,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,CAIlD,CAAA,2DAAA,CAAA,CAAA,CAAA;;;;"}

package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import { GnbNotification } from '@/Gnb';
+declare const meta: {
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+type Story = StoryObj<typeof GnbNotification>;
+export default meta;
+export declare const Default: {
+    readonly render: (args: Story) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=GnbNotification.stories.d.ts.map

package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbNotification.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/GnbNotification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,QAAA,MAAM,IAAI;;;;;CAG8B,CAAC;AACzC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9C,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;4BACL,KAAK;CAuEV,CAAC"}

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

@@ -0,0 +1,57 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var index = require('../../../Floating/Popover/index.cjs');
+var NotificationItem = require('./parts/NotificationItem.cjs');
+var icon = require('@remember-web/icon');
+var mixin = require('@remember-web/mixin');
+var style = require('./style.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../../../Badge/utils.cjs');
+require('../../../Badge/style.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", "ButtonSlot"],
+  _excluded2 = ["count"];
+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 GnbNotification = function GnbNotification(_ref) {
+  var children = _ref.children,
+    _ref$ButtonSlot = _ref.ButtonSlot,
+    ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsxRuntime.jsx(GnbNotification.Button, {}) : _ref$ButtonSlot,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
+    children: [ButtonSlot, children]
+  }));
+};
+GnbNotification.Content = style.StyledNotificationContent;
+GnbNotification.Empty = style.StyledNotificationEmpty;
+GnbNotification.Item = NotificationItem;
+GnbNotification.Button = function (_ref2) {
+  var count = _ref2.count,
+    props = _objectWithoutProperties__default.default(_ref2, _excluded2);
+  return /*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
+    children: /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationButton, _objectSpread(_objectSpread({
+      "data-is-mobile-popover-hidden": true
+    }, props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
+        role: "button",
+        tabIndex: 0
+      }, count ? utils.badgePseudo.getBadgeAttr({
+        current: count
+      }) : null), {}, {
+        children: /*#__PURE__*/jsxRuntime.jsx(icon.IconAlarmM, {
+          color: mixin.primary100
+        })
+      }))
+    }))
+  });
+};
+
+exports.GnbNotification = GnbNotification;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { PopoverProps } from '@/Floating/Popover';\nimport Popover from '@/Floating/Popover';\nimport NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconAlarmM } from '@remember-web/icon';\nimport { badgePseudo } from '@';\nimport { primary100 } from '@remember-web/mixin';\n\nimport {\n  StyledNotificationButton,\n  StyledNotificationContent,\n  StyledNotificationEmpty,\n} from './style';\n\nexport type GnbNotificationProps = PropsWithChildren<\n  {\n    ButtonSlot?: ReactNode;\n  } & PopoverProps\n>;\n\nexport const GnbNotification = ({\n  children,\n  ButtonSlot = <GnbNotification.Button />,\n  ...props\n}: GnbNotificationProps) => (\n  <Popover {...props}>\n    {ButtonSlot}\n    {children}\n  </Popover>\n);\n\nGnbNotification.Content = StyledNotificationContent;\n\nGnbNotification.Empty = StyledNotificationEmpty;\nGnbNotification.Item = NotificationItem;\nGnbNotification.Button = ({\n  count,\n  ...props\n}: GnbNotificationButtonProps & { count?: number }) => (\n  <Popover.Trigger>\n    <StyledNotificationButton data-is-mobile-popover-hidden {...props}>\n      <span\n        role=\"button\"\n        tabIndex={0}\n        {...(count ? badgePseudo.getBadgeAttr({ current: count }) : null)}\n      >\n        <IconAlarmM color={primary100} />\n      </span>\n    </StyledNotificationButton>\n  </Popover.Trigger>\n);\n\nexport type GnbNotificationButtonProps = Omit<\n  GetStyledComponentProps<typeof StyledNotificationButton>,\n  'children'\n>;\n\nexport type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';\n"],"names":["GnbNotification","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","Popover","_objectSpread","Content","StyledNotificationContent","Empty","StyledNotificationEmpty","Item","NotificationItem","_ref2","count","_excluded2","Trigger","StyledNotificationButton","role","tabIndex","badgePseudo","getBadgeAttr","current","IconAlarmM","color","primary100"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAsBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,cAAA,CAACL,eAAe,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACpCI,IAAAA,KAAK,GAAAC,yCAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,KAAO,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACfE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAAA,EACX;AAEDF,eAAe,CAACa,OAAO,GAAGC,+BAAyB,CAAA;AAEnDd,eAAe,CAACe,KAAK,GAAGC,6BAAuB,CAAA;AAC/ChB,eAAe,CAACiB,IAAI,GAAGC,gBAAgB,CAAA;AACvClB,eAAe,CAACM,MAAM,GAAG,UAAAa,KAAA,EAAA;AAAA,EAAA,IACvBC,KAAK,GAAAD,KAAA,CAALC,KAAK;AACFb,IAAAA,KAAK,GAAAC,yCAAA,CAAAW,KAAA,EAAAE,UAAA,CAAA,CAAA;AAAA,EAAA,oBAERhB,cAAA,CAACM,KAAO,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACdG,cAAA,CAACkB,8BAAwB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC/DG,cAAA,CAAAO,MAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEY,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAA;AAAE,OAAA,EACPL,KAAK,GAAGM,iBAAW,CAACC,YAAY,CAAC;AAAEC,QAAAA,OAAO,EAAER,KAAAA;OAAO,CAAC,GAAG,IAAI,CAAA,EAAA,EAAA,EAAA;QAAAlB,QAAA,eAEhEG,cAAA,CAACwB,eAAU,EAAA;AAACC,UAAAA,KAAK,EAAEC,gBAAAA;SAAa,CAAA;OAC5B,CAAA,CAAA;KACkB,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAAA,CACnB;;;;"}

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

@@ -0,0 +1,26 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { PopoverProps } from '@/Floating/Popover';
+import NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+import { StyledNotificationButton } from './style';
+export type GnbNotificationProps = PropsWithChildren<{
+    ButtonSlot?: ReactNode;
+} & PopoverProps>;
+export declare const GnbNotification: {
+    ({ children, ButtonSlot, ...props }: GnbNotificationProps): import("react/jsx-runtime").JSX.Element;
+    Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
+    Empty: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }>, never>, never>>;
+    Item: typeof NotificationItem;
+    Button({ count, ...props }: GnbNotificationButtonProps & {
+        count?: number | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+};
+export type GnbNotificationButtonProps = Omit<GetStyledComponentProps<typeof StyledNotificationButton>, 'children'>;
+export type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,gBAAgB,MAAM,oDAAoD,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAKjF,OAAO,EACL,wBAAwB,EAGzB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAClD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,YAAY,CACjB,CAAC;AAEF,eAAO,MAAM,eAAe;yCAIzB,oBAAoB;;;;;;;;;;;;;CAKtB,CAAC;AAuBF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,CAAC,OAAO,wBAAwB,CAAC,EACxD,UAAU,CACX,CAAC;AAEF,YAAY,EAAE,qBAAqB,IAAI,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,50 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import Popover from '../../../Floating/Popover/index.js';
+import NotificationItem from './parts/NotificationItem.js';
+import { IconAlarmM } from '@remember-web/icon';
+import { primary100 } from '@remember-web/mixin';
+import { StyledNotificationContent, StyledNotificationEmpty, StyledNotificationButton } from './style.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { badgePseudo } from '../../../Badge/utils.js';
+import '../../../Badge/style.js';
+
+var _excluded = ["children", "ButtonSlot"],
+  _excluded2 = ["count"];
+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 GnbNotification = function GnbNotification(_ref) {
+  var children = _ref.children,
+    _ref$ButtonSlot = _ref.ButtonSlot,
+    ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsx(GnbNotification.Button, {}) : _ref$ButtonSlot,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({}, props), {}, {
+    children: [ButtonSlot, children]
+  }));
+};
+GnbNotification.Content = StyledNotificationContent;
+GnbNotification.Empty = StyledNotificationEmpty;
+GnbNotification.Item = NotificationItem;
+GnbNotification.Button = function (_ref2) {
+  var count = _ref2.count,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/jsx(Popover.Trigger, {
+    children: /*#__PURE__*/jsx(StyledNotificationButton, _objectSpread(_objectSpread({
+      "data-is-mobile-popover-hidden": true
+    }, props), {}, {
+      children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
+        role: "button",
+        tabIndex: 0
+      }, count ? badgePseudo.getBadgeAttr({
+        current: count
+      }) : null), {}, {
+        children: /*#__PURE__*/jsx(IconAlarmM, {
+          color: primary100
+        })
+      }))
+    }))
+  });
+};
+
+export { GnbNotification };
+//# sourceMappingURL=index.js.map