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

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

@@ -0,0 +1,31 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styled, { css } from 'styled-components';
+import { IconArrow2Right } from '@remember-web/icon';
+import { getTypographyStyles, contents150 } from '@remember-web/mixin';
+import { getDropdownMenuItemCss } from '../../../Floating/DropdownMenu/styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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(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(_ref, _excluded);
+  return /*#__PURE__*/jsxs(StyledGnbDropdownLinkItem, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, hasArrow && /*#__PURE__*/jsx(IconArrow2Right, {
+      size: 16,
+      color: contents150
+    })]
+  }));
+};
+var StyledGnbDropdownLinkItem = styled.a(function (props) {
+  return [getDropdownMenuItemCss(props), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-sizing: border-box;\n      display: flex;\n      gap: 2px;\n\n      ", ";\n\n      svg {\n        margin-left: auto;\n      }\n    "])), getTypographyStyles('ArticleBody'))];
+});
+
+export { GnbDropdownLinkItem, StyledGnbDropdownLinkItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAAA,oBAIRC,IAAA,CAACC,yBAAyB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAH,IAAAA,QAAA,GACjCA,QAAQ,EACRE,QAAQ,iBAAIO,GAAA,CAACC,eAAe,EAAA;AAACC,MAAAA,IAAI,EAAE,EAAG;AAACC,MAAAA,KAAK,EAAEC,WAAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAAA,CACrC,CAAC,CAAA;AAAA,EAC7B;AAEM,IAAMN,yBAAyB,GAAGO,MAAM,CAACC,CAAC,CAC/C,UAACZ,KAAK,EAAA;AAAA,EAAA,OAAK,CACTa,sBAAsB,CAACb,KAAK,CAAC,EAC7Bc,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,kFAAA,EAAA,6DAAA,CAAA,CAAA,CAAA,EAKCC,mBAAmB,CAAC,aAAa,CAAC,CAMvC,CAAA,CAAA;AAAA,CACH;;;;"}

package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GnbHamburger.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAErD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC/C,QAAA,MAAM,IAAI;;;;;CAG+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAyEZ,CAAC"}

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var style$1 = require('../../style.cjs');
+var style = require('./style.cjs');
+var icon = require('@remember-web/icon');
+var GnbHamburgerAccordion = require('./parts/GnbHamburgerAccordion.cjs');
+var index$1 = require('../GnbDropdownLinkItem/index.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../Floating/DropdownMenu/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", "ButtonSlot"];
+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 GnbHamburgerMenu = function GnbHamburgerMenu(_ref) {
+  var children = _ref.children,
+    _ref$ButtonSlot = _ref.ButtonSlot,
+    ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsxRuntime.jsx(GnbHamburgerMenu.Button, {}) : _ref$ButtonSlot,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
+    children: [ButtonSlot, children]
+  }));
+};
+GnbHamburgerMenu.Content = style.StyledHamburgerMenuContent;
+GnbHamburgerMenu.Section = index.Section;
+GnbHamburgerMenu.SpecialLinkItem = style.StyledGnbDropdownSpecialLinkItem;
+GnbHamburgerMenu.Accordion = GnbHamburgerAccordion.GnbHamburgerAccordion;
+GnbHamburgerMenu.AccordionSubLink = style.StyledGnbSubTextLink;
+GnbHamburgerMenu.Button = function (props) {
+  return /*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
+    children: /*#__PURE__*/jsxRuntime.jsx(style$1.StyledDefaultIconButton, _objectSpread(_objectSpread({
+      "data-is-mobile-popover-hidden": true
+    }, props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconHamburgerM, {})
+    }))
+  });
+};
+GnbHamburgerMenu.LinkItem = index$1.GnbDropdownLinkItem;
+
+exports.GnbHamburgerMenu = GnbHamburgerMenu;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport { DropdownMenu } from '@';\nimport { StyledDefaultIconButton } from '@/Gnb/style';\nimport {\n  StyledGnbDropdownSpecialLinkItem,\n  StyledGnbSubTextLink,\n  StyledHamburgerMenuContent,\n} from '@/Gnb/parts/GnbHamburgerMenu/style';\nimport { IconHamburgerM } from '@remember-web/icon';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { GnbHamburgerAccordion } from '@/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion';\nimport type { DropdownMenuProps } from '@/Floating/DropdownMenu';\n\nimport { GnbDropdownLinkItem } from '../GnbDropdownLinkItem';\n\nexport type GnbHamburgerMenuProps = PropsWithChildren<\n  {\n    ButtonSlot?: ReactNode;\n  } & DropdownMenuProps\n>;\n\nexport const GnbHamburgerMenu = ({\n  children,\n  ButtonSlot = <GnbHamburgerMenu.Button />,\n  ...props\n}: GnbHamburgerMenuProps) => (\n  <DropdownMenu {...props}>\n    {ButtonSlot}\n    {children}\n  </DropdownMenu>\n);\n\nGnbHamburgerMenu.Content = StyledHamburgerMenuContent;\nGnbHamburgerMenu.Section = DropdownMenu.Section;\nGnbHamburgerMenu.SpecialLinkItem = StyledGnbDropdownSpecialLinkItem;\nGnbHamburgerMenu.Accordion = GnbHamburgerAccordion;\nGnbHamburgerMenu.AccordionSubLink = StyledGnbSubTextLink;\nGnbHamburgerMenu.Button = (\n  props: GetStyledComponentProps<typeof StyledDefaultIconButton>\n) => (\n  <DropdownMenu.Trigger>\n    <StyledDefaultIconButton data-is-mobile-popover-hidden {...props}>\n      <IconHamburgerM />\n    </StyledDefaultIconButton>\n  </DropdownMenu.Trigger>\n);\nGnbHamburgerMenu.LinkItem = GnbDropdownLinkItem;\n"],"names":["GnbHamburgerMenu","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","DropdownMenu","_objectSpread","Content","StyledHamburgerMenuContent","Section","SpecialLinkItem","StyledGnbDropdownSpecialLinkItem","Accordion","GnbHamburgerAccordion","AccordionSubLink","StyledGnbSubTextLink","Trigger","StyledDefaultIconButton","IconHamburgerM","LinkItem","GnbDropdownLinkItem"],"mappings":";;;;;;;;;;;;;;;;;;;;IAsBaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,cAAA,CAACL,gBAAgB,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACrCI,IAAAA,KAAK,GAAAC,yCAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,KAAY,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACpBE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACG,CAAC,CAAA;AAAA,EAChB;AAEDF,gBAAgB,CAACa,OAAO,GAAGC,gCAA0B,CAAA;AACrDd,gBAAgB,CAACe,OAAO,GAAGJ,KAAY,CAACI,OAAO,CAAA;AAC/Cf,gBAAgB,CAACgB,eAAe,GAAGC,sCAAgC,CAAA;AACnEjB,gBAAgB,CAACkB,SAAS,GAAGC,2CAAqB,CAAA;AAClDnB,gBAAgB,CAACoB,gBAAgB,GAAGC,0BAAoB,CAAA;AACxDrB,gBAAgB,CAACM,MAAM,GAAG,UACxBC,KAA8D,EAAA;AAAA,EAAA,oBAE9DF,cAAA,CAACM,KAAY,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACnBG,cAAA,CAACkB,+BAAuB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC9DG,cAAA,CAACmB,mBAAc,EAAE,EAAA,CAAA;KACM,CAAA,CAAA;AAAC,GACN,CAAC,CAAA;AAAA,CACxB,CAAA;AACDxB,gBAAgB,CAACyB,QAAQ,GAAGC,2BAAmB;;;;"}

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

@@ -0,0 +1,34 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import { StyledDefaultIconButton } from '@/Gnb/style';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+import type { DropdownMenuProps } from '@/Floating/DropdownMenu';
+export type GnbHamburgerMenuProps = PropsWithChildren<{
+    ButtonSlot?: ReactNode;
+} & DropdownMenuProps>;
+export declare const GnbHamburgerMenu: {
+    ({ children, ButtonSlot, ...props }: GnbHamburgerMenuProps): import("react/jsx-runtime").JSX.Element;
+    Content: 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>>;
+    Section: <As>({ title, children, ...props }: (As extends import("styled-components").WebTarget ? import("styled-components").PolymorphicComponentProps<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, As, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>) & {
+        title?: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SpecialLinkItem: 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_1>({ children, hasArrow, ...props }: (As_1 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_1, 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>>;
+    Accordion: ({ summary, children, ...props }: import("@/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion").GnbHamburgerAccordionProps) => import("react/jsx-runtime").JSX.Element;
+    AccordionSubLink: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
+    Button(props: GetStyledComponentProps<typeof StyledDefaultIconButton>): import("react/jsx-runtime").JSX.Element;
+    LinkItem: <As_1>({ children, hasArrow, ...props }: (As_1 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_1, 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;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAOtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIjE,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CACnD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,iBAAiB,CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;yCAI1B,qBAAqB;;;;;;;;;;;;;;;;;;;;kBAaf,wBAAwB,8BAA8B,CAAC;;;;CAR/D,CAAC"}

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

@@ -0,0 +1,40 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { StyledDefaultIconButton } from '../../style.js';
+import { StyledHamburgerMenuContent, StyledGnbDropdownSpecialLinkItem, StyledGnbSubTextLink } from './style.js';
+import { IconHamburgerM } from '@remember-web/icon';
+import { GnbHamburgerAccordion } from './parts/GnbHamburgerAccordion.js';
+import { GnbDropdownLinkItem } from '../GnbDropdownLinkItem/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import DropdownMenu from '../../../Floating/DropdownMenu/index.js';
+
+var _excluded = ["children", "ButtonSlot"];
+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 GnbHamburgerMenu = function GnbHamburgerMenu(_ref) {
+  var children = _ref.children,
+    _ref$ButtonSlot = _ref.ButtonSlot,
+    ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsx(GnbHamburgerMenu.Button, {}) : _ref$ButtonSlot,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(DropdownMenu, _objectSpread(_objectSpread({}, props), {}, {
+    children: [ButtonSlot, children]
+  }));
+};
+GnbHamburgerMenu.Content = StyledHamburgerMenuContent;
+GnbHamburgerMenu.Section = DropdownMenu.Section;
+GnbHamburgerMenu.SpecialLinkItem = StyledGnbDropdownSpecialLinkItem;
+GnbHamburgerMenu.Accordion = GnbHamburgerAccordion;
+GnbHamburgerMenu.AccordionSubLink = StyledGnbSubTextLink;
+GnbHamburgerMenu.Button = function (props) {
+  return /*#__PURE__*/jsx(DropdownMenu.Trigger, {
+    children: /*#__PURE__*/jsx(StyledDefaultIconButton, _objectSpread(_objectSpread({
+      "data-is-mobile-popover-hidden": true
+    }, props), {}, {
+      children: /*#__PURE__*/jsx(IconHamburgerM, {})
+    }))
+  });
+};
+GnbHamburgerMenu.LinkItem = GnbDropdownLinkItem;
+
+export { GnbHamburgerMenu };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/Gnb/parts/GnbHamburgerMenu/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport { DropdownMenu } from '@';\nimport { StyledDefaultIconButton } from '@/Gnb/style';\nimport {\n  StyledGnbDropdownSpecialLinkItem,\n  StyledGnbSubTextLink,\n  StyledHamburgerMenuContent,\n} from '@/Gnb/parts/GnbHamburgerMenu/style';\nimport { IconHamburgerM } from '@remember-web/icon';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { GnbHamburgerAccordion } from '@/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion';\nimport type { DropdownMenuProps } from '@/Floating/DropdownMenu';\n\nimport { GnbDropdownLinkItem } from '../GnbDropdownLinkItem';\n\nexport type GnbHamburgerMenuProps = PropsWithChildren<\n  {\n    ButtonSlot?: ReactNode;\n  } & DropdownMenuProps\n>;\n\nexport const GnbHamburgerMenu = ({\n  children,\n  ButtonSlot = <GnbHamburgerMenu.Button />,\n  ...props\n}: GnbHamburgerMenuProps) => (\n  <DropdownMenu {...props}>\n    {ButtonSlot}\n    {children}\n  </DropdownMenu>\n);\n\nGnbHamburgerMenu.Content = StyledHamburgerMenuContent;\nGnbHamburgerMenu.Section = DropdownMenu.Section;\nGnbHamburgerMenu.SpecialLinkItem = StyledGnbDropdownSpecialLinkItem;\nGnbHamburgerMenu.Accordion = GnbHamburgerAccordion;\nGnbHamburgerMenu.AccordionSubLink = StyledGnbSubTextLink;\nGnbHamburgerMenu.Button = (\n  props: GetStyledComponentProps<typeof StyledDefaultIconButton>\n) => (\n  <DropdownMenu.Trigger>\n    <StyledDefaultIconButton data-is-mobile-popover-hidden {...props}>\n      <IconHamburgerM />\n    </StyledDefaultIconButton>\n  </DropdownMenu.Trigger>\n);\nGnbHamburgerMenu.LinkItem = GnbDropdownLinkItem;\n"],"names":["GnbHamburgerMenu","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","DropdownMenu","_objectSpread","Content","StyledHamburgerMenuContent","Section","SpecialLinkItem","StyledGnbDropdownSpecialLinkItem","Accordion","GnbHamburgerAccordion","AccordionSubLink","StyledGnbSubTextLink","Trigger","StyledDefaultIconButton","IconHamburgerM","LinkItem","GnbDropdownLinkItem"],"mappings":";;;;;;;;;;;;;IAsBaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,GAAA,CAACL,gBAAgB,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACrCI,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,YAAY,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACpBE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACG,CAAC,CAAA;AAAA,EAChB;AAEDF,gBAAgB,CAACa,OAAO,GAAGC,0BAA0B,CAAA;AACrDd,gBAAgB,CAACe,OAAO,GAAGJ,YAAY,CAACI,OAAO,CAAA;AAC/Cf,gBAAgB,CAACgB,eAAe,GAAGC,gCAAgC,CAAA;AACnEjB,gBAAgB,CAACkB,SAAS,GAAGC,qBAAqB,CAAA;AAClDnB,gBAAgB,CAACoB,gBAAgB,GAAGC,oBAAoB,CAAA;AACxDrB,gBAAgB,CAACM,MAAM,GAAG,UACxBC,KAA8D,EAAA;AAAA,EAAA,oBAE9DF,GAAA,CAACM,YAAY,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACnBG,GAAA,CAACkB,uBAAuB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC9DG,GAAA,CAACmB,cAAc,EAAE,EAAA,CAAA;KACM,CAAA,CAAA;AAAC,GACN,CAAC,CAAA;AAAA,CACxB,CAAA;AACDxB,gBAAgB,CAACyB,QAAQ,GAAGC,mBAAmB;;;;"}

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,43 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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';\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":";;;;;;;;;;;;;;;;IAoBaA,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,22 @@
+import type { MouseEventHandler } 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 import("react").Component<any, {}, any>>;
+    Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Item: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("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;AAG/C,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,36 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+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';\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":";;;;;;;;;IAoBaA,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;;;;;;"}