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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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,GAAA,CAACL,eAAe,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACpCI,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,OAAO,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,yBAAyB,CAAA;AAEnDd,eAAe,CAACe,KAAK,GAAGC,uBAAuB,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,wBAAA,CAAAW,KAAA,EAAAE,UAAA,CAAA,CAAA;AAAA,EAAA,oBAERhB,GAAA,CAACM,OAAO,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACdG,GAAA,CAACkB,wBAAwB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC/DG,GAAA,CAAAO,MAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEY,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAA;AAAE,OAAA,EACPL,KAAK,GAAGM,WAAW,CAACC,YAAY,CAAC;AAAEC,QAAAA,OAAO,EAAER,KAAAA;OAAO,CAAC,GAAG,IAAI,CAAA,EAAA,EAAA,EAAA;QAAAlB,QAAA,eAEhEG,GAAA,CAACwB,UAAU,EAAA;AAACC,UAAAA,KAAK,EAAEC,UAAAA;SAAa,CAAA;OAC5B,CAAA,CAAA;KACkB,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAAA,CACnB;;;;"}

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

@@ -0,0 +1,50 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var style = require('../style.cjs');
+var index = require('../../../../Avatars/Avatar/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 = ["serviceType", "title", "description", "updatedAt", "imageUrl", "rounded"];
+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; }
+function NotificationItem(_ref) {
+  var serviceType = _ref.serviceType,
+    title = _ref.title,
+    description = _ref.description,
+    updatedAt = _ref.updatedAt,
+    imageUrl = _ref.imageUrl,
+    rounded = _ref.rounded,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationItem, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledServiceTitle, {
+      children: serviceType
+    }), /*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationItemContent, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationContentText, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationTitle, {
+          children: title
+        }), description && /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationDescription, {
+          children: description
+        }), /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationUpdatedAt, {
+          children: updatedAt
+        })]
+      }), imageUrl && /*#__PURE__*/jsxRuntime.jsx(index, {
+        size: "large",
+        border: {
+          width: 'none'
+        },
+        rounded: rounded,
+        imageUrl: imageUrl
+      })]
+    })]
+  }));
+}
+
+module.exports = NotificationItem;
+//# sourceMappingURL=NotificationItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.cjs","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  StyledNotificationContentText,\n  StyledNotificationDescription,\n  StyledNotificationItem,\n  StyledNotificationItemContent,\n  StyledNotificationTitle,\n  StyledNotificationUpdatedAt,\n  StyledServiceTitle,\n} from '@/Gnb/parts/GnbNotification/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { Avatar } from '@/Avatars';\nimport type { AvatarProps } from '@/Avatars/Avatar';\n\nexport type NotificationItemProps<ComponentAs> = GetStyledComponentProps<\n  typeof StyledNotificationItem,\n  ComponentAs\n> & {\n  serviceType: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  updatedAt: ReactNode;\n  imageUrl?: AvatarProps['imageUrl'];\n  rounded?: AvatarProps['rounded'];\n};\n\nexport default function NotificationItem<ComponentAs>({\n  serviceType,\n  title,\n  description,\n  updatedAt,\n  imageUrl,\n  rounded,\n  ...props\n}: NotificationItemProps<ComponentAs>) {\n  return (\n    <StyledNotificationItem {...props}>\n      <StyledServiceTitle>{serviceType}</StyledServiceTitle>\n      <StyledNotificationItemContent>\n        <StyledNotificationContentText>\n          <StyledNotificationTitle>{title}</StyledNotificationTitle>\n          {description && (\n            <StyledNotificationDescription>\n              {description}\n            </StyledNotificationDescription>\n          )}\n          <StyledNotificationUpdatedAt>{updatedAt}</StyledNotificationUpdatedAt>\n        </StyledNotificationContentText>\n\n        {imageUrl && (\n          <Avatar\n            size=\"large\"\n            border={{ width: 'none' }}\n            rounded={rounded}\n            imageUrl={imageUrl}\n          />\n        )}\n      </StyledNotificationItemContent>\n    </StyledNotificationItem>\n  );\n}\n"],"names":["NotificationItem","_ref","serviceType","title","description","updatedAt","imageUrl","rounded","props","_objectWithoutProperties","_excluded","_jsxs","StyledNotificationItem","_objectSpread","children","_jsx","StyledServiceTitle","StyledNotificationItemContent","StyledNotificationContentText","StyledNotificationTitle","StyledNotificationDescription","StyledNotificationUpdatedAt","Avatar","size","border","width"],"mappings":";;;;;;;;;;;;;;;;AA2Be,SAASA,gBAAgBA,CAAAC,IAAA,EAQD;AAAA,EAAA,IAPrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;AACJC,IAAAA,KAAK,GAAAC,yCAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAER,oBACEC,eAAA,CAACC,4BAAsB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC/BC,cAAA,CAACC,wBAAkB,EAAA;AAAAF,MAAAA,QAAA,EAAEZ,WAAAA;AAAW,KAAqB,CAAC,eACtDS,eAAA,CAACM,mCAA6B,EAAA;MAAAH,QAAA,EAAA,cAC5BH,eAAA,CAACO,mCAA6B,EAAA;QAAAJ,QAAA,EAAA,cAC5BC,cAAA,CAACI,6BAAuB,EAAA;AAAAL,UAAAA,QAAA,EAAEX,KAAAA;AAAK,SAA0B,CAAC,EACzDC,WAAW,iBACVW,cAAA,CAACK,mCAA6B,EAAA;AAAAN,UAAAA,QAAA,EAC3BV,WAAAA;AAAW,SACiB,CAChC,eACDW,cAAA,CAACM,iCAA2B,EAAA;AAAAP,UAAAA,QAAA,EAAET,SAAAA;AAAS,SAA8B,CAAC,CAAA;AAAA,OACzC,CAAC,EAE/BC,QAAQ,iBACPS,cAAA,CAACO,KAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE,MAAA;SAAS;AAC1BlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBD,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;AAAA,KAC4B,CAAC,CAAA;AAAA,GAAA,CACV,CAAC,CAAA;AAE7B;;;;"}

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { StyledNotificationItem } from '@/Gnb/parts/GnbNotification/style';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+import type { AvatarProps } from '@/Avatars/Avatar';
+export type NotificationItemProps<ComponentAs> = GetStyledComponentProps<typeof StyledNotificationItem, ComponentAs> & {
+    serviceType: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    updatedAt: ReactNode;
+    imageUrl?: AvatarProps['imageUrl'];
+    rounded?: AvatarProps['rounded'];
+};
+export default function NotificationItem<ComponentAs>({ serviceType, title, description, updatedAt, imageUrl, rounded, ...props }: NotificationItemProps<ComponentAs>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAGL,sBAAsB,EAKvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,qBAAqB,CAAC,WAAW,IAAI,uBAAuB,CACtE,OAAO,sBAAsB,EAC7B,WAAW,CACZ,GAAG;IACF,WAAW,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,WAAW,EAAE,EACpD,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,WAAW,CAAC,2CA0BpC"}

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

@@ -0,0 +1,43 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { StyledNotificationItem, StyledServiceTitle, StyledNotificationItemContent, StyledNotificationContentText, StyledNotificationTitle, StyledNotificationDescription, StyledNotificationUpdatedAt } from '../style.js';
+import Avatar from '../../../../Avatars/Avatar/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["serviceType", "title", "description", "updatedAt", "imageUrl", "rounded"];
+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; }
+function NotificationItem(_ref) {
+  var serviceType = _ref.serviceType,
+    title = _ref.title,
+    description = _ref.description,
+    updatedAt = _ref.updatedAt,
+    imageUrl = _ref.imageUrl,
+    rounded = _ref.rounded,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(StyledNotificationItem, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx(StyledServiceTitle, {
+      children: serviceType
+    }), /*#__PURE__*/jsxs(StyledNotificationItemContent, {
+      children: [/*#__PURE__*/jsxs(StyledNotificationContentText, {
+        children: [/*#__PURE__*/jsx(StyledNotificationTitle, {
+          children: title
+        }), description && /*#__PURE__*/jsx(StyledNotificationDescription, {
+          children: description
+        }), /*#__PURE__*/jsx(StyledNotificationUpdatedAt, {
+          children: updatedAt
+        })]
+      }), imageUrl && /*#__PURE__*/jsx(Avatar, {
+        size: "large",
+        border: {
+          width: 'none'
+        },
+        rounded: rounded,
+        imageUrl: imageUrl
+      })]
+    })]
+  }));
+}
+
+export { NotificationItem as default };
+//# sourceMappingURL=NotificationItem.js.map

package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  StyledNotificationContentText,\n  StyledNotificationDescription,\n  StyledNotificationItem,\n  StyledNotificationItemContent,\n  StyledNotificationTitle,\n  StyledNotificationUpdatedAt,\n  StyledServiceTitle,\n} from '@/Gnb/parts/GnbNotification/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { Avatar } from '@/Avatars';\nimport type { AvatarProps } from '@/Avatars/Avatar';\n\nexport type NotificationItemProps<ComponentAs> = GetStyledComponentProps<\n  typeof StyledNotificationItem,\n  ComponentAs\n> & {\n  serviceType: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  updatedAt: ReactNode;\n  imageUrl?: AvatarProps['imageUrl'];\n  rounded?: AvatarProps['rounded'];\n};\n\nexport default function NotificationItem<ComponentAs>({\n  serviceType,\n  title,\n  description,\n  updatedAt,\n  imageUrl,\n  rounded,\n  ...props\n}: NotificationItemProps<ComponentAs>) {\n  return (\n    <StyledNotificationItem {...props}>\n      <StyledServiceTitle>{serviceType}</StyledServiceTitle>\n      <StyledNotificationItemContent>\n        <StyledNotificationContentText>\n          <StyledNotificationTitle>{title}</StyledNotificationTitle>\n          {description && (\n            <StyledNotificationDescription>\n              {description}\n            </StyledNotificationDescription>\n          )}\n          <StyledNotificationUpdatedAt>{updatedAt}</StyledNotificationUpdatedAt>\n        </StyledNotificationContentText>\n\n        {imageUrl && (\n          <Avatar\n            size=\"large\"\n            border={{ width: 'none' }}\n            rounded={rounded}\n            imageUrl={imageUrl}\n          />\n        )}\n      </StyledNotificationItemContent>\n    </StyledNotificationItem>\n  );\n}\n"],"names":["NotificationItem","_ref","serviceType","title","description","updatedAt","imageUrl","rounded","props","_objectWithoutProperties","_excluded","_jsxs","StyledNotificationItem","_objectSpread","children","_jsx","StyledServiceTitle","StyledNotificationItemContent","StyledNotificationContentText","StyledNotificationTitle","StyledNotificationDescription","StyledNotificationUpdatedAt","Avatar","size","border","width"],"mappings":";;;;;;;;;AA2Be,SAASA,gBAAgBA,CAAAC,IAAA,EAQD;AAAA,EAAA,IAPrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;AACJC,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAER,oBACEC,IAAA,CAACC,sBAAsB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC/BC,GAAA,CAACC,kBAAkB,EAAA;AAAAF,MAAAA,QAAA,EAAEZ,WAAAA;AAAW,KAAqB,CAAC,eACtDS,IAAA,CAACM,6BAA6B,EAAA;MAAAH,QAAA,EAAA,cAC5BH,IAAA,CAACO,6BAA6B,EAAA;QAAAJ,QAAA,EAAA,cAC5BC,GAAA,CAACI,uBAAuB,EAAA;AAAAL,UAAAA,QAAA,EAAEX,KAAAA;AAAK,SAA0B,CAAC,EACzDC,WAAW,iBACVW,GAAA,CAACK,6BAA6B,EAAA;AAAAN,UAAAA,QAAA,EAC3BV,WAAAA;AAAW,SACiB,CAChC,eACDW,GAAA,CAACM,2BAA2B,EAAA;AAAAP,UAAAA,QAAA,EAAET,SAAAA;AAAS,SAA8B,CAAC,CAAA;AAAA,OACzC,CAAC,EAE/BC,QAAQ,iBACPS,GAAA,CAACO,MAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE,MAAA;SAAS;AAC1BlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBD,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;AAAA,KAC4B,CAAC,CAAA;AAAA,GAAA,CACV,CAAC,CAAA;AAE7B;;;;"}

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var mixin = require('@remember-web/mixin');
+var css = require('../../css.cjs');
+var style = require('../../../Badge/style.cjs');
+var styles = require('../../../Floating/Popover/styles.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+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 StyledNotificationItem = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  &:where(button, a) {\n    ", ";\n\n    &:hover,\n    &:focus-visible {\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  }\n\n  &:where(a) {\n    text-decoration: none;\n  }\n\n  & {\n    display: flex;\n    flex-direction: column;\n    place-items: start;\n    box-sizing: border-box;\n    width: 100%;\n    padding: 10px 20px;\n    gap: 8px;\n    content-visibility: auto;\n\n    color: ", ";\n  }\n"])), css.defaultGridButtonCss, mixin.bg200, mixin.bg300, mixin.contents000);
+var StyledNotificationEmpty = styled__default.default.div.attrs(function (p) {
+  return _objectSpread({
+    children: '받은 알림이 아직 없습니다'
+  }, p);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  ", "\n  font-weight: 500;\n\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 130px 0;\n"])), mixin.getTypographyStyles('Headline4_M'), mixin.contents200);
+var StyledServiceTitle = styled__default.default.strong(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  ", "\n  font-weight: 500;\n  color: ", ";\n"])), mixin.getTypographyStyles('Body2_B'), mixin.secondary100);
+var StyledNotificationItemContent = styled__default.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  display: grid;\n\n  grid-template-columns: 1fr auto;\n  gap: 8px;\n  width: 100%;\n"])));
+var StyledNotificationContent = styled__default.default(styles.StyledPopoverContent)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  ", ";\n\n  min-width: 360px;\n  max-height: 440px;\n\n  ", " {\n    border-bottom: 1px solid ", ";\n\n    &:first-child {\n      padding-top: 16px;\n    }\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    &:last-child(1),\n    &:last-child(2),\n    &:last-child(3) {\n      border-bottom: 1px solid ", ";\n    }\n  }\n"])), css.fullPopoverContentCss, StyledNotificationItem, mixin.divider, mixin.divider);
+StyledNotificationContent.defaultProps = {
+  align: 'end',
+  sideOffset: -12
+};
+var StyledNotificationContentText = styled__default.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n"])));
+var StyledNotificationTitle = styled__default.default.b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n  ", "\n  font-weight: 500;\n  line-height: 19px;\n"])), mixin.getTypographyStyles('Body1_M'));
+var StyledNotificationDescription = styled__default.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n  ", "\n  font-weight: 500;\n  padding-inline: unset;\n  margin-block: unset;\n  color: ", ";\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents150);
+var StyledNotificationUpdatedAt = styled__default.default.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral__default.default(["\n  ", "\n  font-weight: 500;\n  color: ", ";\n"])), mixin.getTypographyStyles('Body2_M'), mixin.contents200);
+var StyledNotificationButton = styled__default.default(StyledNotificationDescription)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral__default.default(["\n  display: grid;\n  place-content: center;\n\n  > span {\n    ", ";\n    position: relative;\n    display: block;\n    height: 24px;\n    width: 24px;\n    max-height: 24px;\n    ", ";\n  }\n"])), css.defaultGridButtonCss, style.getBadgePseudoCss());
+
+exports.StyledNotificationButton = StyledNotificationButton;
+exports.StyledNotificationContent = StyledNotificationContent;
+exports.StyledNotificationContentText = StyledNotificationContentText;
+exports.StyledNotificationDescription = StyledNotificationDescription;
+exports.StyledNotificationEmpty = StyledNotificationEmpty;
+exports.StyledNotificationItem = StyledNotificationItem;
+exports.StyledNotificationItemContent = StyledNotificationItemContent;
+exports.StyledNotificationTitle = StyledNotificationTitle;
+exports.StyledNotificationUpdatedAt = StyledNotificationUpdatedAt;
+exports.StyledServiceTitle = StyledServiceTitle;
+//# sourceMappingURL=style.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n  bg200,\n  bg300,\n  contents000,\n  contents150,\n  contents200,\n  divider,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { getBadgePseudoCss } from '@/Badge/style';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const StyledNotificationItem = styled.div`\n  &:where(button, a) {\n    ${defaultGridButtonCss};\n\n    &:hover,\n    &:focus-visible {\n      background-color: ${bg200};\n    }\n\n    &:active {\n      background-color: ${bg300};\n    }\n  }\n\n  &:where(a) {\n    text-decoration: none;\n  }\n\n  & {\n    display: flex;\n    flex-direction: column;\n    place-items: start;\n    box-sizing: border-box;\n    width: 100%;\n    padding: 10px 20px;\n    gap: 8px;\n    content-visibility: auto;\n\n    color: ${contents000};\n  }\n`;\n\nexport const StyledNotificationEmpty = styled.div.attrs((p) => ({\n  children: '받은 알림이 아직 없습니다',\n  ...p,\n}))`\n  ${getTypographyStyles('Headline4_M')}\n  font-weight: 500;\n\n  color: ${contents200};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 130px 0;\n`;\n\nexport const StyledServiceTitle = styled.strong`\n  ${getTypographyStyles('Body2_B')}\n  font-weight: 500;\n  color: ${secondary100};\n`;\n\nexport const StyledNotificationItemContent = styled.div`\n  display: grid;\n\n  grid-template-columns: 1fr auto;\n  gap: 8px;\n  width: 100%;\n`;\n\nexport const StyledNotificationContent = styled(StyledPopoverContent)`\n  ${fullPopoverContentCss};\n\n  min-width: 360px;\n  max-height: 440px;\n\n  ${StyledNotificationItem} {\n    border-bottom: 1px solid ${divider};\n\n    &:first-child {\n      padding-top: 16px;\n    }\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    &:last-child(1),\n    &:last-child(2),\n    &:last-child(3) {\n      border-bottom: 1px solid ${divider};\n    }\n  }\n`;\n\nStyledNotificationContent.defaultProps = {\n  align: 'end',\n  sideOffset: -12,\n};\n\nexport const StyledNotificationContentText = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n`;\n\nexport const StyledNotificationTitle = styled.b`\n  ${getTypographyStyles('Body1_M')}\n  font-weight: 500;\n  line-height: 19px;\n`;\n\nexport const StyledNotificationDescription = styled.p`\n  ${getTypographyStyles('Body1_M')}\n  font-weight: 500;\n  padding-inline: unset;\n  margin-block: unset;\n  color: ${contents150};\n`;\n\nexport const StyledNotificationUpdatedAt = styled.span`\n  ${getTypographyStyles('Body2_M')}\n  font-weight: 500;\n  color: ${contents200};\n`;\n\nexport const StyledNotificationButton = styled(StyledNotificationDescription)`\n  display: grid;\n  place-content: center;\n\n  > span {\n    ${defaultGridButtonCss};\n    position: relative;\n    display: block;\n    height: 24px;\n    width: 24px;\n    max-height: 24px;\n    ${getBadgePseudoCss()};\n  }\n`;\n"],"names":["StyledNotificationItem","styled","div","_templateObject","_taggedTemplateLiteral","defaultGridButtonCss","bg200","bg300","contents000","StyledNotificationEmpty","attrs","p","_objectSpread","children","_templateObject2","getTypographyStyles","contents200","StyledServiceTitle","strong","_templateObject3","secondary100","StyledNotificationItemContent","_templateObject4","StyledNotificationContent","StyledPopoverContent","_templateObject5","fullPopoverContentCss","divider","defaultProps","align","sideOffset","StyledNotificationContentText","_templateObject6","StyledNotificationTitle","b","_templateObject7","StyledNotificationDescription","_templateObject8","contents150","StyledNotificationUpdatedAt","span","_templateObject9","StyledNotificationButton","_templateObject10","getBadgePseudoCss"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAGC,uBAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,gCAAA,EAAA,oEAAA,EAAA,sDAAA,EAAA,0RAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAE1CC,wBAAoB,EAIAC,WAAK,EAILC,WAAK,EAkBlBC,iBAAW,EAEvB;AAEM,IAAMC,uBAAuB,GAAGR,uBAAM,CAACC,GAAG,CAACQ,KAAK,CAAC,UAACC,CAAC,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACxDC,IAAAA,QAAQ,EAAE,gBAAA;AAAgB,GAAA,EACvBF,CAAC,CAAA,CAAA;AAAA,CACJ,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAAV,uCAAA,CACCW,CAAAA,MAAAA,EAAAA,oCAAAA,EAAAA,iIAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAmB,CAAC,aAAa,CAAC,EAG3BC,iBAAW,EAOrB;IAEYC,kBAAkB,GAAGhB,uBAAM,CAACiB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,uCAAA,wDAC3CW,yBAAmB,CAAC,SAAS,CAAC,EAEvBK,kBAAY,EACtB;AAEYC,IAAAA,6BAA6B,GAAGpB,uBAAM,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAMtD,CAAA,yFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMmB,yBAAyB,GAAGtB,uBAAM,CAACuB,2BAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAArB,uCAAA,yVACjEsB,yBAAqB,EAKrB1B,sBAAsB,EACK2B,aAAO,EAaLA,aAAO,EAGvC;AAEDJ,yBAAyB,CAACK,YAAY,GAAG;AACvCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,6BAA6B,GAAG9B,uBAAM,CAACC,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,uCAAA,CAKtD,CAAA,0EAAA,CAAA,CAAA,CAAA,EAAA;IAEY6B,uBAAuB,GAAGhC,uBAAM,CAACiC,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA/B,uCAAA,CAAA,CAAA,MAAA,EAAA,+CAAA,CAAA,CAAA,CAAA,EAC3CW,yBAAmB,CAAC,SAAS,CAAC,EAGjC;IAEYqB,6BAA6B,GAAGnC,uBAAM,CAACU,CAAC,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAjC,uCAAA,0GACjDW,yBAAmB,CAAC,SAAS,CAAC,EAIvBuB,iBAAW,EACrB;IAEYC,2BAA2B,GAAGtC,uBAAM,CAACuC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAArC,uCAAA,wDAClDW,yBAAmB,CAAC,SAAS,CAAC,EAEvBC,iBAAW,EACrB;IAEY0B,wBAAwB,GAAGzC,uBAAM,CAACmC,6BAA6B,CAAC,CAAAO,iBAAA,KAAAA,iBAAA,GAAAvC,uCAAA,CAKvEC,CAAAA,kEAAAA,EAAAA,mHAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,wBAAoB,EAMpBuC,uBAAiB,EAAE;;;;;;;;;;;;;"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const StyledNotificationItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledNotificationEmpty: 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>>;
+export declare const StyledServiceTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+export declare const StyledNotificationItemContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledNotificationContent: 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>>;
+export declare const StyledNotificationContentText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledNotificationTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+export declare const StyledNotificationDescription: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
+export declare const StyledNotificationUpdatedAt: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export declare const StyledNotificationButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,sBAAsB,gNA8BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;mBAcnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,0MAI9B,CAAC;AAEF,eAAO,MAAM,6BAA6B,gNAMzC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;kQAuBrC,CAAC;AAOF,eAAO,MAAM,6BAA6B,gNAKzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,0MAInC,CAAC;AAEF,eAAO,MAAM,6BAA6B,4NAMzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,kNAIvC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;4RAapC,CAAC"}

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

@@ -0,0 +1,32 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { bg200, bg300, contents000, getTypographyStyles, contents200, secondary100, divider, contents150 } from '@remember-web/mixin';
+import { defaultGridButtonCss, fullPopoverContentCss } from '../../css.js';
+import { getBadgePseudoCss } from '../../../Badge/style.js';
+import { StyledPopoverContent } from '../../../Floating/Popover/styles.js';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+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 StyledNotificationItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:where(button, a) {\n    ", ";\n\n    &:hover,\n    &:focus-visible {\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  }\n\n  &:where(a) {\n    text-decoration: none;\n  }\n\n  & {\n    display: flex;\n    flex-direction: column;\n    place-items: start;\n    box-sizing: border-box;\n    width: 100%;\n    padding: 10px 20px;\n    gap: 8px;\n    content-visibility: auto;\n\n    color: ", ";\n  }\n"])), defaultGridButtonCss, bg200, bg300, contents000);
+var StyledNotificationEmpty = styled.div.attrs(function (p) {
+  return _objectSpread({
+    children: '받은 알림이 아직 없습니다'
+  }, p);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 500;\n\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 130px 0;\n"])), getTypographyStyles('Headline4_M'), contents200);
+var StyledServiceTitle = styled.strong(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 500;\n  color: ", ";\n"])), getTypographyStyles('Body2_B'), secondary100);
+var StyledNotificationItemContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: grid;\n\n  grid-template-columns: 1fr auto;\n  gap: 8px;\n  width: 100%;\n"])));
+var StyledNotificationContent = styled(StyledPopoverContent)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n\n  min-width: 360px;\n  max-height: 440px;\n\n  ", " {\n    border-bottom: 1px solid ", ";\n\n    &:first-child {\n      padding-top: 16px;\n    }\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    &:last-child(1),\n    &:last-child(2),\n    &:last-child(3) {\n      border-bottom: 1px solid ", ";\n    }\n  }\n"])), fullPopoverContentCss, StyledNotificationItem, divider, divider);
+StyledNotificationContent.defaultProps = {
+  align: 'end',
+  sideOffset: -12
+};
+var StyledNotificationContentText = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n"])));
+var StyledNotificationTitle = styled.b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 500;\n  line-height: 19px;\n"])), getTypographyStyles('Body1_M'));
+var StyledNotificationDescription = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 500;\n  padding-inline: unset;\n  margin-block: unset;\n  color: ", ";\n"])), getTypographyStyles('Body1_M'), contents150);
+var StyledNotificationUpdatedAt = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 500;\n  color: ", ";\n"])), getTypographyStyles('Body2_M'), contents200);
+var StyledNotificationButton = styled(StyledNotificationDescription)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: grid;\n  place-content: center;\n\n  > span {\n    ", ";\n    position: relative;\n    display: block;\n    height: 24px;\n    width: 24px;\n    max-height: 24px;\n    ", ";\n  }\n"])), defaultGridButtonCss, getBadgePseudoCss());
+
+export { StyledNotificationButton, StyledNotificationContent, StyledNotificationContentText, StyledNotificationDescription, StyledNotificationEmpty, StyledNotificationItem, StyledNotificationItemContent, StyledNotificationTitle, StyledNotificationUpdatedAt, StyledServiceTitle };
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n  bg200,\n  bg300,\n  contents000,\n  contents150,\n  contents200,\n  divider,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { getBadgePseudoCss } from '@/Badge/style';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const StyledNotificationItem = styled.div`\n  &:where(button, a) {\n    ${defaultGridButtonCss};\n\n    &:hover,\n    &:focus-visible {\n      background-color: ${bg200};\n    }\n\n    &:active {\n      background-color: ${bg300};\n    }\n  }\n\n  &:where(a) {\n    text-decoration: none;\n  }\n\n  & {\n    display: flex;\n    flex-direction: column;\n    place-items: start;\n    box-sizing: border-box;\n    width: 100%;\n    padding: 10px 20px;\n    gap: 8px;\n    content-visibility: auto;\n\n    color: ${contents000};\n  }\n`;\n\nexport const StyledNotificationEmpty = styled.div.attrs((p) => ({\n  children: '받은 알림이 아직 없습니다',\n  ...p,\n}))`\n  ${getTypographyStyles('Headline4_M')}\n  font-weight: 500;\n\n  color: ${contents200};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 130px 0;\n`;\n\nexport const StyledServiceTitle = styled.strong`\n  ${getTypographyStyles('Body2_B')}\n  font-weight: 500;\n  color: ${secondary100};\n`;\n\nexport const StyledNotificationItemContent = styled.div`\n  display: grid;\n\n  grid-template-columns: 1fr auto;\n  gap: 8px;\n  width: 100%;\n`;\n\nexport const StyledNotificationContent = styled(StyledPopoverContent)`\n  ${fullPopoverContentCss};\n\n  min-width: 360px;\n  max-height: 440px;\n\n  ${StyledNotificationItem} {\n    border-bottom: 1px solid ${divider};\n\n    &:first-child {\n      padding-top: 16px;\n    }\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    &:last-child(1),\n    &:last-child(2),\n    &:last-child(3) {\n      border-bottom: 1px solid ${divider};\n    }\n  }\n`;\n\nStyledNotificationContent.defaultProps = {\n  align: 'end',\n  sideOffset: -12,\n};\n\nexport const StyledNotificationContentText = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n`;\n\nexport const StyledNotificationTitle = styled.b`\n  ${getTypographyStyles('Body1_M')}\n  font-weight: 500;\n  line-height: 19px;\n`;\n\nexport const StyledNotificationDescription = styled.p`\n  ${getTypographyStyles('Body1_M')}\n  font-weight: 500;\n  padding-inline: unset;\n  margin-block: unset;\n  color: ${contents150};\n`;\n\nexport const StyledNotificationUpdatedAt = styled.span`\n  ${getTypographyStyles('Body2_M')}\n  font-weight: 500;\n  color: ${contents200};\n`;\n\nexport const StyledNotificationButton = styled(StyledNotificationDescription)`\n  display: grid;\n  place-content: center;\n\n  > span {\n    ${defaultGridButtonCss};\n    position: relative;\n    display: block;\n    height: 24px;\n    width: 24px;\n    max-height: 24px;\n    ${getBadgePseudoCss()};\n  }\n`;\n"],"names":["StyledNotificationItem","styled","div","_templateObject","_taggedTemplateLiteral","defaultGridButtonCss","bg200","bg300","contents000","StyledNotificationEmpty","attrs","p","_objectSpread","children","_templateObject2","getTypographyStyles","contents200","StyledServiceTitle","strong","_templateObject3","secondary100","StyledNotificationItemContent","_templateObject4","StyledNotificationContent","StyledPopoverContent","_templateObject5","fullPopoverContentCss","divider","defaultProps","align","sideOffset","StyledNotificationContentText","_templateObject6","StyledNotificationTitle","b","_templateObject7","StyledNotificationDescription","_templateObject8","contents150","StyledNotificationUpdatedAt","span","_templateObject9","StyledNotificationButton","_templateObject10","getBadgePseudoCss"],"mappings":";;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAGC,MAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,gCAAA,EAAA,oEAAA,EAAA,sDAAA,EAAA,0RAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAE1CC,oBAAoB,EAIAC,KAAK,EAILC,KAAK,EAkBlBC,WAAW,EAEvB;AAEM,IAAMC,uBAAuB,GAAGR,MAAM,CAACC,GAAG,CAACQ,KAAK,CAAC,UAACC,CAAC,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACxDC,IAAAA,QAAQ,EAAE,gBAAA;AAAgB,GAAA,EACvBF,CAAC,CAAA,CAAA;AAAA,CACJ,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,CACCW,CAAAA,MAAAA,EAAAA,oCAAAA,EAAAA,iIAAAA,CAAAA,CAAAA,CAAAA,EAAAA,mBAAmB,CAAC,aAAa,CAAC,EAG3BC,WAAW,EAOrB;IAEYC,kBAAkB,GAAGhB,MAAM,CAACiB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,wDAC3CW,mBAAmB,CAAC,SAAS,CAAC,EAEvBK,YAAY,EACtB;AAEYC,IAAAA,6BAA6B,GAAGpB,MAAM,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAMtD,CAAA,yFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMmB,yBAAyB,GAAGtB,MAAM,CAACuB,oBAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,yVACjEsB,qBAAqB,EAKrB1B,sBAAsB,EACK2B,OAAO,EAaLA,OAAO,EAGvC;AAEDJ,yBAAyB,CAACK,YAAY,GAAG;AACvCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,6BAA6B,GAAG9B,MAAM,CAACC,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,sBAAA,CAKtD,CAAA,0EAAA,CAAA,CAAA,CAAA,EAAA;IAEY6B,uBAAuB,GAAGhC,MAAM,CAACiC,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA/B,sBAAA,CAAA,CAAA,MAAA,EAAA,+CAAA,CAAA,CAAA,CAAA,EAC3CW,mBAAmB,CAAC,SAAS,CAAC,EAGjC;IAEYqB,6BAA6B,GAAGnC,MAAM,CAACU,CAAC,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAjC,sBAAA,0GACjDW,mBAAmB,CAAC,SAAS,CAAC,EAIvBuB,WAAW,EACrB;IAEYC,2BAA2B,GAAGtC,MAAM,CAACuC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAArC,sBAAA,wDAClDW,mBAAmB,CAAC,SAAS,CAAC,EAEvBC,WAAW,EACrB;IAEY0B,wBAAwB,GAAGzC,MAAM,CAACmC,6BAA6B,CAAC,CAAAO,iBAAA,KAAAA,iBAAA,GAAAvC,sBAAA,CAKvEC,CAAAA,kEAAAA,EAAAA,mHAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,oBAAoB,EAMpBuC,iBAAiB,EAAE;;;;"}

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

@@ -0,0 +1,31 @@
+declare const meta: {
+    readonly parameters: {
+        readonly layout: "fullscreen";
+    };
+    readonly title: "Gnb/Gnb/profile";
+    readonly argTypes: {
+        readonly profileType: {
+            readonly control: "radio";
+            readonly options: readonly ["B2B", "B2C", "B2C_EMPTY"];
+        };
+        readonly profileImage: {
+            readonly if: {
+                readonly arg: "profileType";
+            };
+            readonly control: "radio";
+            readonly options: readonly [undefined, "있음"];
+        };
+    };
+    readonly args: {
+        readonly profileType: "B2C";
+    };
+};
+export default meta;
+type Args = {
+    profileType: (typeof meta)['argTypes']['profileType']['options'][number];
+    profileImage: (typeof meta)['argTypes']['profileImage']['options'][number];
+};
+export declare const Default: {
+    readonly render: ({ profileType, profileImage }: Args) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=GnbProfile.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GnbProfile.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbProfile/GnbProfile.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAiBA,CAAC;AAEX,eAAe,IAAI,CAAC;AAEpB,KAAK,IAAI,GAAG;IACV,WAAW,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACzE,YAAY,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,OAAO;qDACoB,IAAI;CAyGlC,CAAC"}