@remember-web/primitive 0.0.0-alpha.1

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,51 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+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';\nimport * as React 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":";;;;;;;;;;;;;;;;;AA4Be,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;AAGvC,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,44 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+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';\nimport * as React 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":";;;;;;;;;;AA4Be,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"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styled = require('styled-components');
+var MyInfo = require('./parts/MyInfo.cjs');
+var MyPasses = require('./parts/MyPasses.cjs');
+var style = require('./style.cjs');
+var UserShortInfo = require('./parts/UserShortInfo.cjs');
+var BusinessUserShortInfo = require('./parts/BusinessUserShortInfo.cjs');
+var mixin = require('@remember-web/mixin');
+var MyPassesDetail = require('./parts/MyPassesDetail.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 _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject;
+var _excluded = ["ButtonContentSlot", "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 GnbProfile = function GnbProfile(_ref) {
+  var ButtonContentSlot = _ref.ButtonContentSlot,
+    children = _ref.children,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbProfileButton, {
+        "data-is-mobile-popover-hidden": true,
+        children: [ButtonContentSlot, /*#__PURE__*/jsxRuntime.jsx(style.StyledGnpProfileIconArrow2DownS, {
+          "data-only-desktop": true
+        })]
+      })
+    }), children]
+  }));
+};
+GnbProfile.UserShortInfo = UserShortInfo.UserShortInfo;
+GnbProfile.BusinessUserShortInfo = BusinessUserShortInfo.BusinessUserShortInfo;
+GnbProfile.Content = function (props) {
+  return /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbProfileContent, _objectSpread(_objectSpread({
+    align: "end",
+    sideOffset: -16
+  }, props), {}, {
+    "data-mobile-fullover": true
+  }));
+};
+GnbProfile.MyInfo = MyInfo.MyInfo;
+GnbProfile.MyPasses = MyPasses.MyPasses;
+GnbProfile.Section = index.Section;
+GnbProfile.MyPassesDetail = MyPassesDetail.MyPassesDetail;
+GnbProfile.LinkItem = styled__default.default(index$1.GnbDropdownLinkItem)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  ", ";\n"])), mixin.getTypographyStyles('Body1_M'));
+GnbProfile.LinkItem.defaultProps = {
+  hasArrow: true
+};
+
+exports.GnbProfile = GnbProfile;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbProfile/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { DropdownMenu } from '@';\nimport { MyInfo } from '@/Gnb/parts/GnbProfile/parts/MyInfo';\nimport { MyPasses } from '@/Gnb/parts/GnbProfile/parts/MyPasses';\nimport type {\n  DropdownContentProps,\n  DropdownMenuProps,\n} from '@/Floating/DropdownMenu';\nimport {\n  StyledGnbProfileButton,\n  StyledGnbProfileContent,\n  StyledGnpProfileIconArrow2DownS,\n} from '@/Gnb/parts/GnbProfile/style';\nimport { UserShortInfo } from '@/Gnb/parts/GnbProfile/parts/UserShortInfo';\nimport { BusinessUserShortInfo } from '@/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo';\nimport { getTypographyStyles } from '@remember-web/mixin';\n\nimport { MyPassesDetail } from './parts/MyPassesDetail';\nimport { GnbDropdownLinkItem } from '../GnbDropdownLinkItem';\n\nexport type GnbProfileProps = {\n  ButtonContentSlot: ReactNode;\n} & PropsWithChildren<DropdownMenuProps>;\n\nexport const GnbProfile = ({\n  ButtonContentSlot,\n  children,\n  ...props\n}: GnbProfileProps) => (\n  <DropdownMenu {...props}>\n    <DropdownMenu.Trigger>\n      <StyledGnbProfileButton data-is-mobile-popover-hidden>\n        {ButtonContentSlot}\n        <StyledGnpProfileIconArrow2DownS data-only-desktop />\n      </StyledGnbProfileButton>\n    </DropdownMenu.Trigger>\n    {children}\n  </DropdownMenu>\n);\n\nGnbProfile.UserShortInfo = UserShortInfo;\nGnbProfile.BusinessUserShortInfo = BusinessUserShortInfo;\n\nGnbProfile.Content = (props: DropdownContentProps) => (\n  <StyledGnbProfileContent\n    align=\"end\"\n    sideOffset={-16}\n    {...props}\n    data-mobile-fullover\n  />\n);\n\nGnbProfile.MyInfo = MyInfo;\nGnbProfile.MyPasses = MyPasses;\nGnbProfile.Section = DropdownMenu.Section;\nGnbProfile.MyPassesDetail = MyPassesDetail;\nGnbProfile.LinkItem = styled(GnbDropdownLinkItem)`\n  ${getTypographyStyles('Body1_M')};\n`;\n\nGnbProfile.LinkItem.defaultProps = {\n  hasArrow: true,\n};\n"],"names":["GnbProfile","_ref","ButtonContentSlot","children","props","_objectWithoutProperties","_excluded","_jsxs","DropdownMenu","_objectSpread","_jsx","Trigger","StyledGnbProfileButton","StyledGnpProfileIconArrow2DownS","UserShortInfo","BusinessUserShortInfo","Content","StyledGnbProfileContent","align","sideOffset","MyInfo","MyPasses","Section","MyPassesDetail","LinkItem","styled","GnbDropdownLinkItem","_templateObject","_taggedTemplateLiteral","getTypographyStyles","defaultProps","hasArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACrBC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,KAAY,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EACrBO,cAAAA,cAAA,CAACF,KAAY,CAACG,OAAO,EAAA;MAAAR,QAAA,eACnBI,eAAA,CAACK,4BAAsB,EAAA;QAAC,+BAA6B,EAAA,IAAA;AAAAT,QAAAA,QAAA,EAClDD,CAAAA,iBAAiB,eAClBQ,cAAA,CAACG,qCAA+B,EAAA;AAAC,UAAA,mBAAA,EAAA,IAAA;AAAiB,SAAE,CAAC,CAAA;OAC/B,CAAA;KACJ,CAAC,EACtBV,QAAQ,CAAA;AAAA,GAAA,CACG,CAAC,CAAA;AAAA,EAChB;AAEDH,UAAU,CAACc,aAAa,GAAGA,2BAAa,CAAA;AACxCd,UAAU,CAACe,qBAAqB,GAAGA,2CAAqB,CAAA;AAExDf,UAAU,CAACgB,OAAO,GAAG,UAACZ,KAA2B,EAAA;AAAA,EAAA,oBAC/CM,cAAA,CAACO,6BAAuB,EAAAR,aAAA,CAAAA,aAAA,CAAA;AACtBS,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,UAAU,EAAE,CAAC,EAAA;AAAG,GAAA,EACZf,KAAK,CAAA,EAAA,EAAA,EAAA;AACT,IAAA,sBAAA,EAAA,IAAA;AAAoB,GAAA,CACrB,CAAC,CAAA;AAAA,CACH,CAAA;AAEDJ,UAAU,CAACoB,MAAM,GAAGA,aAAM,CAAA;AAC1BpB,UAAU,CAACqB,QAAQ,GAAGA,iBAAQ,CAAA;AAC9BrB,UAAU,CAACsB,OAAO,GAAGd,KAAY,CAACc,OAAO,CAAA;AACzCtB,UAAU,CAACuB,cAAc,GAAGA,6BAAc,CAAA;AAC1CvB,UAAU,CAACwB,QAAQ,GAAGC,uBAAM,CAACC,2BAAmB,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAC7CC,yBAAmB,CAAC,SAAS,CAAC,CACjC,CAAA;AAED7B,UAAU,CAACwB,QAAQ,CAACM,YAAY,GAAG;AACjCC,EAAAA,QAAQ,EAAE,IAAA;AACZ,CAAC;;;;"}

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

@@ -0,0 +1,25 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { DropdownContentProps, DropdownMenuProps } from '@/Floating/DropdownMenu';
+export type GnbProfileProps = {
+    ButtonContentSlot: ReactNode;
+} & PropsWithChildren<DropdownMenuProps>;
+export declare const GnbProfile: {
+    ({ ButtonContentSlot, children, ...props }: GnbProfileProps): import("react/jsx-runtime").JSX.Element;
+    UserShortInfo: (props: import("@/Gnb/parts/GnbProfile/parts/UserShortInfo").UserShortInfoProps) => import("react/jsx-runtime").JSX.Element;
+    BusinessUserShortInfo: (profile: import("@/Gnb/parts/GnbProfile/types").BusinessProfile) => import("react/jsx-runtime").JSX.Element;
+    Content(props: DropdownContentProps): import("react/jsx-runtime").JSX.Element;
+    MyInfo: <As>({ imageUrl, name, anchorProps, }: import("@/Gnb/parts/GnbProfile/parts/MyInfo").MyInfoProps<As>) => import("react/jsx-runtime").JSX.Element;
+    MyPasses: <As_1>({ anchorProps, children }: import("@/Gnb/parts/GnbProfile/parts/MyPasses").MyPassesProps<As_1>) => import("react/jsx-runtime").JSX.Element;
+    Section: <As_2>({ title, children, ...props }: (As_2 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_2, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>) & {
+        title?: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MyPassesDetail: <As_3>({ InfoSlot, StatusSlot, ...props }: import("./parts/MyPassesDetail").MyPassesProps<As_3>) => import("react/jsx-runtime").JSX.Element;
+    LinkItem: 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_4>({ children, hasArrow, ...props }: (As_4 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_4, 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>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbProfile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAajC,MAAM,MAAM,eAAe,GAAG;IAC5B,iBAAiB,EAAE,SAAS,CAAC;CAC9B,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,UAAU;gDAIpB,eAAe;;;mBAeW,oBAAoB;;;;;;;;;;;;;;CALhD,CAAC"}

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

@@ -0,0 +1,55 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styled from 'styled-components';
+import { MyInfo } from './parts/MyInfo.js';
+import { MyPasses } from './parts/MyPasses.js';
+import { StyledGnbProfileButton, StyledGnpProfileIconArrow2DownS, StyledGnbProfileContent } from './style.js';
+import { UserShortInfo } from './parts/UserShortInfo.js';
+import { BusinessUserShortInfo } from './parts/BusinessUserShortInfo.js';
+import { getTypographyStyles } from '@remember-web/mixin';
+import { MyPassesDetail } from './parts/MyPassesDetail.js';
+import { GnbDropdownLinkItem } from '../GnbDropdownLinkItem/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import DropdownMenu from '../../../Floating/DropdownMenu/index.js';
+
+var _templateObject;
+var _excluded = ["ButtonContentSlot", "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 GnbProfile = function GnbProfile(_ref) {
+  var ButtonContentSlot = _ref.ButtonContentSlot,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(DropdownMenu, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx(DropdownMenu.Trigger, {
+      children: /*#__PURE__*/jsxs(StyledGnbProfileButton, {
+        "data-is-mobile-popover-hidden": true,
+        children: [ButtonContentSlot, /*#__PURE__*/jsx(StyledGnpProfileIconArrow2DownS, {
+          "data-only-desktop": true
+        })]
+      })
+    }), children]
+  }));
+};
+GnbProfile.UserShortInfo = UserShortInfo;
+GnbProfile.BusinessUserShortInfo = BusinessUserShortInfo;
+GnbProfile.Content = function (props) {
+  return /*#__PURE__*/jsx(StyledGnbProfileContent, _objectSpread(_objectSpread({
+    align: "end",
+    sideOffset: -16
+  }, props), {}, {
+    "data-mobile-fullover": true
+  }));
+};
+GnbProfile.MyInfo = MyInfo;
+GnbProfile.MyPasses = MyPasses;
+GnbProfile.Section = DropdownMenu.Section;
+GnbProfile.MyPassesDetail = MyPassesDetail;
+GnbProfile.LinkItem = styled(GnbDropdownLinkItem)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n"])), getTypographyStyles('Body1_M'));
+GnbProfile.LinkItem.defaultProps = {
+  hasArrow: true
+};
+
+export { GnbProfile };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/Gnb/parts/GnbProfile/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { DropdownMenu } from '@';\nimport { MyInfo } from '@/Gnb/parts/GnbProfile/parts/MyInfo';\nimport { MyPasses } from '@/Gnb/parts/GnbProfile/parts/MyPasses';\nimport type {\n  DropdownContentProps,\n  DropdownMenuProps,\n} from '@/Floating/DropdownMenu';\nimport {\n  StyledGnbProfileButton,\n  StyledGnbProfileContent,\n  StyledGnpProfileIconArrow2DownS,\n} from '@/Gnb/parts/GnbProfile/style';\nimport { UserShortInfo } from '@/Gnb/parts/GnbProfile/parts/UserShortInfo';\nimport { BusinessUserShortInfo } from '@/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo';\nimport { getTypographyStyles } from '@remember-web/mixin';\n\nimport { MyPassesDetail } from './parts/MyPassesDetail';\nimport { GnbDropdownLinkItem } from '../GnbDropdownLinkItem';\n\nexport type GnbProfileProps = {\n  ButtonContentSlot: ReactNode;\n} & PropsWithChildren<DropdownMenuProps>;\n\nexport const GnbProfile = ({\n  ButtonContentSlot,\n  children,\n  ...props\n}: GnbProfileProps) => (\n  <DropdownMenu {...props}>\n    <DropdownMenu.Trigger>\n      <StyledGnbProfileButton data-is-mobile-popover-hidden>\n        {ButtonContentSlot}\n        <StyledGnpProfileIconArrow2DownS data-only-desktop />\n      </StyledGnbProfileButton>\n    </DropdownMenu.Trigger>\n    {children}\n  </DropdownMenu>\n);\n\nGnbProfile.UserShortInfo = UserShortInfo;\nGnbProfile.BusinessUserShortInfo = BusinessUserShortInfo;\n\nGnbProfile.Content = (props: DropdownContentProps) => (\n  <StyledGnbProfileContent\n    align=\"end\"\n    sideOffset={-16}\n    {...props}\n    data-mobile-fullover\n  />\n);\n\nGnbProfile.MyInfo = MyInfo;\nGnbProfile.MyPasses = MyPasses;\nGnbProfile.Section = DropdownMenu.Section;\nGnbProfile.MyPassesDetail = MyPassesDetail;\nGnbProfile.LinkItem = styled(GnbDropdownLinkItem)`\n  ${getTypographyStyles('Body1_M')};\n`;\n\nGnbProfile.LinkItem.defaultProps = {\n  hasArrow: true,\n};\n"],"names":["GnbProfile","_ref","ButtonContentSlot","children","props","_objectWithoutProperties","_excluded","_jsxs","DropdownMenu","_objectSpread","_jsx","Trigger","StyledGnbProfileButton","StyledGnpProfileIconArrow2DownS","UserShortInfo","BusinessUserShortInfo","Content","StyledGnbProfileContent","align","sideOffset","MyInfo","MyPasses","Section","MyPassesDetail","LinkItem","styled","GnbDropdownLinkItem","_templateObject","_taggedTemplateLiteral","getTypographyStyles","defaultProps","hasArrow"],"mappings":";;;;;;;;;;;;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACrBC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,YAAY,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EACrBO,cAAAA,GAAA,CAACF,YAAY,CAACG,OAAO,EAAA;MAAAR,QAAA,eACnBI,IAAA,CAACK,sBAAsB,EAAA;QAAC,+BAA6B,EAAA,IAAA;AAAAT,QAAAA,QAAA,EAClDD,CAAAA,iBAAiB,eAClBQ,GAAA,CAACG,+BAA+B,EAAA;AAAC,UAAA,mBAAA,EAAA,IAAA;AAAiB,SAAE,CAAC,CAAA;OAC/B,CAAA;KACJ,CAAC,EACtBV,QAAQ,CAAA;AAAA,GAAA,CACG,CAAC,CAAA;AAAA,EAChB;AAEDH,UAAU,CAACc,aAAa,GAAGA,aAAa,CAAA;AACxCd,UAAU,CAACe,qBAAqB,GAAGA,qBAAqB,CAAA;AAExDf,UAAU,CAACgB,OAAO,GAAG,UAACZ,KAA2B,EAAA;AAAA,EAAA,oBAC/CM,GAAA,CAACO,uBAAuB,EAAAR,aAAA,CAAAA,aAAA,CAAA;AACtBS,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,UAAU,EAAE,CAAC,EAAA;AAAG,GAAA,EACZf,KAAK,CAAA,EAAA,EAAA,EAAA;AACT,IAAA,sBAAA,EAAA,IAAA;AAAoB,GAAA,CACrB,CAAC,CAAA;AAAA,CACH,CAAA;AAEDJ,UAAU,CAACoB,MAAM,GAAGA,MAAM,CAAA;AAC1BpB,UAAU,CAACqB,QAAQ,GAAGA,QAAQ,CAAA;AAC9BrB,UAAU,CAACsB,OAAO,GAAGd,YAAY,CAACc,OAAO,CAAA;AACzCtB,UAAU,CAACuB,cAAc,GAAGA,cAAc,CAAA;AAC1CvB,UAAU,CAACwB,QAAQ,GAAGC,MAAM,CAACC,mBAAmB,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAC7CC,mBAAmB,CAAC,SAAS,CAAC,CACjC,CAAA;AAED7B,UAAU,CAACwB,QAAQ,CAACM,YAAY,GAAG;AACjCC,EAAAA,QAAQ,EAAE,IAAA;AACZ,CAAC;;;;"}

package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var UserShortInfo = require('./UserShortInfo.cjs');
+var style = require('../style.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../Common/Divider/index.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+
+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 BusinessUserShortInfo = function BusinessUserShortInfo(profile) {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(UserShortInfo.UserShortInfo, _objectSpread({}, profile)), /*#__PURE__*/jsxRuntime.jsx(index.Divider, {
+      decorative: true,
+      orientation: "vertical",
+      style: {
+        height: '10px',
+        minWidth: '1px'
+      },
+      "data-only-desktop": true
+    }), /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbProfileCompany, {
+      "data-only-desktop": true,
+      children: profile.companyName
+    })]
+  });
+};
+
+exports.BusinessUserShortInfo = BusinessUserShortInfo;
+//# sourceMappingURL=BusinessUserShortInfo.cjs.map

package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessUserShortInfo.cjs","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.tsx"],"sourcesContent":["import { Divider } from '@';\nimport type { BusinessProfile } from '@/Gnb/parts/GnbProfile/types';\nimport { UserShortInfo } from '@/Gnb/parts/GnbProfile/parts/UserShortInfo';\nimport { StyledGnbProfileCompany } from '@/Gnb/parts/GnbProfile/style';\n\nexport type BusinessUserShortInfoProps = BusinessProfile;\nexport const BusinessUserShortInfo = (profile: BusinessUserShortInfoProps) => (\n  <>\n    <UserShortInfo {...profile} />\n    <Divider\n      decorative\n      orientation=\"vertical\"\n      style={{ height: '10px', minWidth: '1px' }}\n      data-only-desktop\n    />\n    <StyledGnbProfileCompany data-only-desktop>\n      {profile.companyName}\n    </StyledGnbProfileCompany>\n  </>\n);\n"],"names":["BusinessUserShortInfo","profile","_jsxs","_Fragment","children","_jsx","UserShortInfo","_objectSpread","Divider","decorative","orientation","style","height","minWidth","StyledGnbProfileCompany","companyName"],"mappings":";;;;;;;;;;;;;;IAMaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,OAAmC,EAAA;EAAA,oBACvEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,EACEC,cAAAA,cAAA,CAACC,2BAAa,EAAAC,aAAA,CAAKN,EAAAA,EAAAA,OAAO,CAAG,CAAC,eAC9BI,cAAA,CAACG,aAAO,EAAA;MACNC,UAAU,EAAA,IAAA;AACVC,MAAAA,WAAW,EAAC,UAAU;AACtBC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,MAAM;AAAEC,QAAAA,QAAQ,EAAE,KAAA;OAAQ;AAC3C,MAAA,mBAAA,EAAA,IAAA;AAAiB,KAClB,CAAC,eACFR,cAAA,CAACS,6BAAuB,EAAA;MAAC,mBAAiB,EAAA,IAAA;MAAAV,QAAA,EACvCH,OAAO,CAACc,WAAAA;AAAW,KACG,CAAC,CAAA;AAAA,GAC1B,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,4 @@
+import type { BusinessProfile } from '@/Gnb/parts/GnbProfile/types';
+export type BusinessUserShortInfoProps = BusinessProfile;
+export declare const BusinessUserShortInfo: (profile: BusinessUserShortInfoProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BusinessUserShortInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessUserShortInfo.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC;AACzD,eAAO,MAAM,qBAAqB,YAAa,0BAA0B,4CAaxE,CAAC"}