@remember-web/primitive 0.0.0-alpha.1

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

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { UserShortInfo } from './UserShortInfo.js';
+import { StyledGnbProfileCompany } from '../style.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Divider } from '../../../../Common/Divider/index.js';
+
+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 BusinessUserShortInfo = function BusinessUserShortInfo(profile) {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(UserShortInfo, _objectSpread({}, profile)), /*#__PURE__*/jsx(Divider, {
+      decorative: true,
+      orientation: "vertical",
+      style: {
+        height: '10px',
+        minWidth: '1px'
+      },
+      "data-only-desktop": true
+    }), /*#__PURE__*/jsx(StyledGnbProfileCompany, {
+      "data-only-desktop": true,
+      children: profile.companyName
+    })]
+  });
+};
+
+export { BusinessUserShortInfo };
+//# sourceMappingURL=BusinessUserShortInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessUserShortInfo.js","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,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EACEC,cAAAA,GAAA,CAACC,aAAa,EAAAC,aAAA,CAAKN,EAAAA,EAAAA,OAAO,CAAG,CAAC,eAC9BI,GAAA,CAACG,OAAO,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,GAAA,CAACS,uBAAuB,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/MyInfo.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var style = require('../style.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../Avatars/Avatar/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 MyInfo = function MyInfo(_ref) {
+  var imageUrl = _ref.imageUrl,
+    name = _ref.name,
+    anchorProps = _ref.anchorProps;
+  return /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbMyInfo, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(index, {
+      imageUrl: imageUrl,
+      size: "large"
+    }), /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbMyTitle, {
+      children: name
+    }), /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbMyAnchor, _objectSpread(_objectSpread({}, anchorProps), {}, {
+      children: "\uB0B4 \uD504\uB85C\uD544 \uBCF4\uAE30"
+    }))]
+  });
+};
+
+exports.MyInfo = MyInfo;
+//# sourceMappingURL=MyInfo.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyInfo.cjs","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyInfo.tsx"],"sourcesContent":["import {\n  StyledGnbMyAnchor,\n  StyledGnbMyInfo,\n  StyledGnbMyTitle,\n} from '@/Gnb/parts/GnbProfile/style';\nimport { Avatar } from '@';\nimport type { AvatarProps } from '@/Avatars/Avatar';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\n\nexport type MyInfoProps<As> = {\n  imageUrl?: AvatarProps['imageUrl'];\n  name: string;\n  anchorProps: GetStyledComponentProps<typeof StyledGnbMyAnchor, As>;\n};\nexport const MyInfo = <As,>({\n  imageUrl,\n  name,\n  anchorProps,\n}: MyInfoProps<As>) => (\n  <StyledGnbMyInfo>\n    <Avatar imageUrl={imageUrl} size=\"large\" />\n    <StyledGnbMyTitle>{name}</StyledGnbMyTitle>\n    <StyledGnbMyAnchor {...anchorProps}>내 프로필 보기</StyledGnbMyAnchor>\n  </StyledGnbMyInfo>\n);\n"],"names":["MyInfo","_ref","imageUrl","name","anchorProps","_jsxs","StyledGnbMyInfo","children","_jsx","Avatar","size","StyledGnbMyTitle","StyledGnbMyAnchor","_objectSpread"],"mappings":";;;;;;;;;;;;;IAcaA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACjBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;EAAA,oBAEXC,eAAA,CAACC,qBAAe,EAAA;IAAAC,QAAA,EAAA,cACdC,cAAA,CAACC,KAAM,EAAA;AAACP,MAAAA,QAAQ,EAAEA,QAAS;AAACQ,MAAAA,IAAI,EAAC,OAAA;AAAO,KAAE,CAAC,eAC3CF,cAAA,CAACG,sBAAgB,EAAA;AAAAJ,MAAAA,QAAA,EAAEJ,IAAAA;KAAuB,CAAC,eAC3CK,cAAA,CAACI,uBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKT,WAAW,CAAA,EAAA,EAAA,EAAA;AAAAG,MAAAA,QAAA,EAAE,wCAAA;AAAQ,KAAA,CAAmB,CAAC,CAAA;AAAA,GACjD,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import { StyledGnbMyAnchor } from '@/Gnb/parts/GnbProfile/style';
+import type { AvatarProps } from '@/Avatars/Avatar';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+export type MyInfoProps<As> = {
+    imageUrl?: AvatarProps['imageUrl'];
+    name: string;
+    anchorProps: GetStyledComponentProps<typeof StyledGnbMyAnchor, As>;
+};
+export declare const MyInfo: <As>({ imageUrl, name, anchorProps, }: MyInfoProps<As>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MyInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyInfo.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGlB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,MAAM,MAAM,WAAW,CAAC,EAAE,IAAI;IAC5B,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,uBAAuB,CAAC,OAAO,iBAAiB,EAAE,EAAE,CAAC,CAAC;CACpE,CAAC;AACF,eAAO,MAAM,MAAM,yCAIhB,YAAY,EAAE,CAAC,4CAMjB,CAAC"}

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

@@ -0,0 +1,25 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { StyledGnbMyInfo, StyledGnbMyTitle, StyledGnbMyAnchor } from '../style.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Avatar from '../../../../Avatars/Avatar/index.js';
+
+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 MyInfo = function MyInfo(_ref) {
+  var imageUrl = _ref.imageUrl,
+    name = _ref.name,
+    anchorProps = _ref.anchorProps;
+  return /*#__PURE__*/jsxs(StyledGnbMyInfo, {
+    children: [/*#__PURE__*/jsx(Avatar, {
+      imageUrl: imageUrl,
+      size: "large"
+    }), /*#__PURE__*/jsx(StyledGnbMyTitle, {
+      children: name
+    }), /*#__PURE__*/jsx(StyledGnbMyAnchor, _objectSpread(_objectSpread({}, anchorProps), {}, {
+      children: "\uB0B4 \uD504\uB85C\uD544 \uBCF4\uAE30"
+    }))]
+  });
+};
+
+export { MyInfo };
+//# sourceMappingURL=MyInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyInfo.js","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyInfo.tsx"],"sourcesContent":["import {\n  StyledGnbMyAnchor,\n  StyledGnbMyInfo,\n  StyledGnbMyTitle,\n} from '@/Gnb/parts/GnbProfile/style';\nimport { Avatar } from '@';\nimport type { AvatarProps } from '@/Avatars/Avatar';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\n\nexport type MyInfoProps<As> = {\n  imageUrl?: AvatarProps['imageUrl'];\n  name: string;\n  anchorProps: GetStyledComponentProps<typeof StyledGnbMyAnchor, As>;\n};\nexport const MyInfo = <As,>({\n  imageUrl,\n  name,\n  anchorProps,\n}: MyInfoProps<As>) => (\n  <StyledGnbMyInfo>\n    <Avatar imageUrl={imageUrl} size=\"large\" />\n    <StyledGnbMyTitle>{name}</StyledGnbMyTitle>\n    <StyledGnbMyAnchor {...anchorProps}>내 프로필 보기</StyledGnbMyAnchor>\n  </StyledGnbMyInfo>\n);\n"],"names":["MyInfo","_ref","imageUrl","name","anchorProps","_jsxs","StyledGnbMyInfo","children","_jsx","Avatar","size","StyledGnbMyTitle","StyledGnbMyAnchor","_objectSpread"],"mappings":";;;;;;;IAcaA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACjBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;EAAA,oBAEXC,IAAA,CAACC,eAAe,EAAA;IAAAC,QAAA,EAAA,cACdC,GAAA,CAACC,MAAM,EAAA;AAACP,MAAAA,QAAQ,EAAEA,QAAS;AAACQ,MAAAA,IAAI,EAAC,OAAA;AAAO,KAAE,CAAC,eAC3CF,GAAA,CAACG,gBAAgB,EAAA;AAAAJ,MAAAA,QAAA,EAAEJ,IAAAA;KAAuB,CAAC,eAC3CK,GAAA,CAACI,iBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKT,WAAW,CAAA,EAAA,EAAA,EAAA;AAAAG,MAAAA,QAAA,EAAE,wCAAA;AAAQ,KAAA,CAAmB,CAAC,CAAA;AAAA,GACjD,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,33 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var style = require('../style.cjs');
+var index = require('../../../../Common/Typography/index.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 MyPasses = function MyPasses(_ref) {
+  var anchorProps = _ref.anchorProps,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbMyPasses, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbMyPassesContentWrapper, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(index, {
+        variant: "Title1",
+        style: {
+          lineHeight: '28px'
+        },
+        children: "\uB0B4 \uC774\uC6A9\uAD8C"
+      }), /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbMyAnchor, _objectSpread(_objectSpread({}, anchorProps), {}, {
+        children: "\uAD00\uB9AC"
+      }))]
+    }), children]
+  });
+};
+
+exports.MyPasses = MyPasses;
+//# sourceMappingURL=MyPasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPasses.cjs","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyPasses.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport {\n  StyledGnbMyAnchor,\n  StyledGnbMyPasses,\n  StyledGnbMyPassesContentWrapper,\n} from '@/Gnb/parts/GnbProfile/style';\nimport Typography from '@/Common/Typography';\n\nexport type MyPassesProps<As> = PropsWithChildren<{\n  anchorProps: GetStyledComponentProps<typeof StyledGnbMyAnchor, As>;\n}>;\nexport const MyPasses = <As,>({ anchorProps, children }: MyPassesProps<As>) => (\n  <StyledGnbMyPasses>\n    <StyledGnbMyPassesContentWrapper>\n      <Typography variant=\"Title1\" style={{ lineHeight: '28px' }}>\n        내 이용권\n      </Typography>\n      {/* @ts-ignore */}\n      <StyledGnbMyAnchor {...anchorProps}>관리</StyledGnbMyAnchor>\n    </StyledGnbMyPassesContentWrapper>\n    {children}\n  </StyledGnbMyPasses>\n);\n"],"names":["MyPasses","_ref","anchorProps","children","_jsxs","StyledGnbMyPasses","StyledGnbMyPassesContentWrapper","_jsx","Typography","variant","style","lineHeight","StyledGnbMyAnchor","_objectSpread"],"mappings":";;;;;;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAWC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;EAAA,oBACnDC,eAAA,CAACC,uBAAiB,EAAA;IAAAF,QAAA,EAAA,cAChBC,eAAA,CAACE,qCAA+B,EAAA;MAAAH,QAAA,EAAA,cAC9BI,cAAA,CAACC,KAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,QAAQ;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,MAAA;SAAS;AAAAR,QAAAA,QAAA,EAAC,2BAAA;OAEhD,CAAC,eAEbI,cAAA,CAACK,uBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKX,WAAW,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAAE,cAAA;AAAE,OAAA,CAAmB,CAAC,CAAA;KAC3B,CAAC,EACjCA,QAAQ,CAAA;AAAA,GACQ,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+import { StyledGnbMyAnchor } from '@/Gnb/parts/GnbProfile/style';
+export type MyPassesProps<As> = PropsWithChildren<{
+    anchorProps: GetStyledComponentProps<typeof StyledGnbMyAnchor, As>;
+}>;
+export declare const MyPasses: <As>({ anchorProps, children }: MyPassesProps<As>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MyPasses.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPasses.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyPasses.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EACL,iBAAiB,EAGlB,MAAM,8BAA8B,CAAC;AAGtC,MAAM,MAAM,aAAa,CAAC,EAAE,IAAI,iBAAiB,CAAC;IAChD,WAAW,EAAE,uBAAuB,CAAC,OAAO,iBAAiB,EAAE,EAAE,CAAC,CAAC;CACpE,CAAC,CAAC;AACH,eAAO,MAAM,QAAQ,kCAAoC,cAAc,EAAE,CAAC,4CAWzE,CAAC"}

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

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { StyledGnbMyPasses, StyledGnbMyPassesContentWrapper, StyledGnbMyAnchor } from '../style.js';
+import Typography from '../../../../Common/Typography/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 MyPasses = function MyPasses(_ref) {
+  var anchorProps = _ref.anchorProps,
+    children = _ref.children;
+  return /*#__PURE__*/jsxs(StyledGnbMyPasses, {
+    children: [/*#__PURE__*/jsxs(StyledGnbMyPassesContentWrapper, {
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "Title1",
+        style: {
+          lineHeight: '28px'
+        },
+        children: "\uB0B4 \uC774\uC6A9\uAD8C"
+      }), /*#__PURE__*/jsx(StyledGnbMyAnchor, _objectSpread(_objectSpread({}, anchorProps), {}, {
+        children: "\uAD00\uB9AC"
+      }))]
+    }), children]
+  });
+};
+
+export { MyPasses };
+//# sourceMappingURL=MyPasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPasses.js","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyPasses.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport {\n  StyledGnbMyAnchor,\n  StyledGnbMyPasses,\n  StyledGnbMyPassesContentWrapper,\n} from '@/Gnb/parts/GnbProfile/style';\nimport Typography from '@/Common/Typography';\n\nexport type MyPassesProps<As> = PropsWithChildren<{\n  anchorProps: GetStyledComponentProps<typeof StyledGnbMyAnchor, As>;\n}>;\nexport const MyPasses = <As,>({ anchorProps, children }: MyPassesProps<As>) => (\n  <StyledGnbMyPasses>\n    <StyledGnbMyPassesContentWrapper>\n      <Typography variant=\"Title1\" style={{ lineHeight: '28px' }}>\n        내 이용권\n      </Typography>\n      {/* @ts-ignore */}\n      <StyledGnbMyAnchor {...anchorProps}>관리</StyledGnbMyAnchor>\n    </StyledGnbMyPassesContentWrapper>\n    {children}\n  </StyledGnbMyPasses>\n);\n"],"names":["MyPasses","_ref","anchorProps","children","_jsxs","StyledGnbMyPasses","StyledGnbMyPassesContentWrapper","_jsx","Typography","variant","style","lineHeight","StyledGnbMyAnchor","_objectSpread"],"mappings":";;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAWC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;EAAA,oBACnDC,IAAA,CAACC,iBAAiB,EAAA;IAAAF,QAAA,EAAA,cAChBC,IAAA,CAACE,+BAA+B,EAAA;MAAAH,QAAA,EAAA,cAC9BI,GAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,QAAQ;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,MAAA;SAAS;AAAAR,QAAAA,QAAA,EAAC,2BAAA;OAEhD,CAAC,eAEbI,GAAA,CAACK,iBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKX,WAAW,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAAE,cAAA;AAAE,OAAA,CAAmB,CAAC,CAAA;KAC3B,CAAC,EACjCA,QAAQ,CAAA;AAAA,GACQ,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,32 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var style = require('../style.cjs');
+var index = require('../../../../Common/Typography/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 = ["InfoSlot", "StatusSlot"];
+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 MyPassesDetail = function MyPassesDetail(_ref) {
+  var InfoSlot = _ref.InfoSlot,
+    StatusSlot = _ref.StatusSlot,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbMyPassesInfoWrapper, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(index, {
+      variant: "Body1",
+      children: InfoSlot
+    }), /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbMyPassesStatus, {
+      children: StatusSlot
+    })]
+  }));
+};
+
+exports.MyPassesDetail = MyPassesDetail;
+//# sourceMappingURL=MyPassesDetail.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPassesDetail.cjs","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyPassesDetail.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  StyledGnbMyPassesInfoWrapper,\n  StyledGnbMyPassesStatus,\n} from '@/Gnb/parts/GnbProfile/style';\nimport Typography from '@/Common/Typography';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types';\n\nexport type MyPassesProps<As> = GetStyledComponentProps<\n  typeof StyledGnbMyPassesInfoWrapper,\n  As\n> & {\n  InfoSlot?: ReactNode;\n  StatusSlot?: ReactNode;\n};\nexport const MyPassesDetail = <As,>({\n  InfoSlot,\n  StatusSlot,\n  ...props\n}: MyPassesProps<As>) => (\n  <StyledGnbMyPassesInfoWrapper {...props}>\n    <Typography variant=\"Body1\">{InfoSlot}</Typography>\n    <StyledGnbMyPassesStatus>{StatusSlot}</StyledGnbMyPassesStatus>\n  </StyledGnbMyPassesInfoWrapper>\n);\n"],"names":["MyPassesDetail","_ref","InfoSlot","StatusSlot","props","_objectWithoutProperties","_excluded","_jsxs","StyledGnbMyPassesInfoWrapper","_objectSpread","children","_jsx","Typography","variant","StyledGnbMyPassesStatus"],"mappings":";;;;;;;;;;;;;;;;IAgBaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;AACPC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,kCAA4B,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cACrCC,cAAA,CAACC,KAAU,EAAA;AAACC,MAAAA,OAAO,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAAER,QAAAA;AAAQ,KAAa,CAAC,eACnDS,cAAA,CAACG,6BAAuB,EAAA;AAAAJ,MAAAA,QAAA,EAAEP,UAAAA;AAAU,KAA0B,CAAC,CAAA;AAAA,GAAA,CACnC,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import { StyledGnbMyPassesInfoWrapper } from '@/Gnb/parts/GnbProfile/style';
+import type { GetStyledComponentProps } from '@remember-web/shared/types';
+export type MyPassesProps<As> = GetStyledComponentProps<typeof StyledGnbMyPassesInfoWrapper, As> & {
+    InfoSlot?: ReactNode;
+    StatusSlot?: ReactNode;
+};
+export declare const MyPassesDetail: <As>({ InfoSlot, StatusSlot, ...props }: MyPassesProps<As>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MyPassesDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPassesDetail.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyPassesDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,4BAA4B,EAE7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1E,MAAM,MAAM,aAAa,CAAC,EAAE,IAAI,uBAAuB,CACrD,OAAO,4BAA4B,EACnC,EAAE,CACH,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AACF,eAAO,MAAM,cAAc,2CAIxB,cAAc,EAAE,CAAC,4CAKnB,CAAC"}

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

@@ -0,0 +1,25 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { StyledGnbMyPassesInfoWrapper, StyledGnbMyPassesStatus } from '../style.js';
+import Typography from '../../../../Common/Typography/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["InfoSlot", "StatusSlot"];
+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 MyPassesDetail = function MyPassesDetail(_ref) {
+  var InfoSlot = _ref.InfoSlot,
+    StatusSlot = _ref.StatusSlot,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(StyledGnbMyPassesInfoWrapper, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "Body1",
+      children: InfoSlot
+    }), /*#__PURE__*/jsx(StyledGnbMyPassesStatus, {
+      children: StatusSlot
+    })]
+  }));
+};
+
+export { MyPassesDetail };
+//# sourceMappingURL=MyPassesDetail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyPassesDetail.js","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/MyPassesDetail.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  StyledGnbMyPassesInfoWrapper,\n  StyledGnbMyPassesStatus,\n} from '@/Gnb/parts/GnbProfile/style';\nimport Typography from '@/Common/Typography';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types';\n\nexport type MyPassesProps<As> = GetStyledComponentProps<\n  typeof StyledGnbMyPassesInfoWrapper,\n  As\n> & {\n  InfoSlot?: ReactNode;\n  StatusSlot?: ReactNode;\n};\nexport const MyPassesDetail = <As,>({\n  InfoSlot,\n  StatusSlot,\n  ...props\n}: MyPassesProps<As>) => (\n  <StyledGnbMyPassesInfoWrapper {...props}>\n    <Typography variant=\"Body1\">{InfoSlot}</Typography>\n    <StyledGnbMyPassesStatus>{StatusSlot}</StyledGnbMyPassesStatus>\n  </StyledGnbMyPassesInfoWrapper>\n);\n"],"names":["MyPassesDetail","_ref","InfoSlot","StatusSlot","props","_objectWithoutProperties","_excluded","_jsxs","StyledGnbMyPassesInfoWrapper","_objectSpread","children","_jsx","Typography","variant","StyledGnbMyPassesStatus"],"mappings":";;;;;;;;;IAgBaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;AACPC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,4BAA4B,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cACrCC,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,OAAO,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAAER,QAAAA;AAAQ,KAAa,CAAC,eACnDS,GAAA,CAACG,uBAAuB,EAAA;AAAAJ,MAAAA,QAAA,EAAEP,UAAAA;AAAU,KAA0B,CAAC,CAAA;AAAA,GAAA,CACnC,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,52 @@
+'use strict';
+
+var mixin = require('@remember-web/mixin');
+var icon = require('@remember-web/icon');
+var style = require('../style.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../Common/Flex/index.cjs');
+var index$1 = require('../../../../Common/Typography/index.cjs');
+require('../../../../Common/Divider/index.cjs');
+require('../../../../Common/Grid/index.cjs');
+require('../../../../Common/Spinner/styles.cjs');
+var index$2 = require('../../../../Avatars/Avatar/index.cjs');
+
+var UserShortInfo = function UserShortInfo(props) {
+  if (!props.name) {
+    return /*#__PURE__*/jsxRuntime.jsxs(index.Flex, {
+      gap: 4,
+      children: [/*#__PURE__*/jsxRuntime.jsx(index$1, {
+        variant: "Body1",
+        children: props.email
+      }), /*#__PURE__*/jsxRuntime.jsx(style.StyledGnpProfileIconArrow2DownS, {
+        "data-only-mobile": true
+      })]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(index$2, {
+      size: "xxsmall",
+      imageUrl: props.avatarImageUrl,
+      border: {
+        width: '1.5px',
+        color: mixin.contents000
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconUserM, {
+        style: {
+          minWidth: 24,
+          minHeight: 24,
+          transform: 'translateY(2.5px)'
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(index$1, {
+      variant: "Body1",
+      ellipsis: 1,
+      maxWidth: "100px",
+      "data-only-desktop": true,
+      children: props.name
+    })]
+  });
+};
+
+exports.UserShortInfo = UserShortInfo;
+//# sourceMappingURL=UserShortInfo.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserShortInfo.cjs","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/UserShortInfo.tsx"],"sourcesContent":["import { Avatar, Flex, Typography } from '@';\nimport { contents000 } from '@remember-web/mixin';\nimport { IconUserM } from '@remember-web/icon';\nimport { StyledGnpProfileIconArrow2DownS } from '@/Gnb/parts/GnbProfile/style';\n\nexport type UserShortInfoProps = {\n  name?: string;\n  avatarImageUrl?: string;\n  email?: string;\n};\nexport const UserShortInfo = (props: UserShortInfoProps) => {\n  if (!props.name) {\n    return (\n      <Flex gap={4}>\n        <Typography variant=\"Body1\">{props.email}</Typography>\n        <StyledGnpProfileIconArrow2DownS data-only-mobile />\n      </Flex>\n    );\n  }\n  return (\n    <>\n      <Avatar\n        size=\"xxsmall\"\n        imageUrl={props.avatarImageUrl}\n        border={{ width: '1.5px', color: contents000 }}\n      >\n        <IconUserM\n          style={{\n            minWidth: 24,\n            minHeight: 24,\n            transform: 'translateY(2.5px)',\n          }}\n        />\n      </Avatar>\n      <Typography\n        variant=\"Body1\"\n        ellipsis={1}\n        maxWidth=\"100px\"\n        data-only-desktop\n      >\n        {props.name}\n      </Typography>\n    </>\n  );\n};\n"],"names":["UserShortInfo","props","name","_jsxs","Flex","gap","children","_jsx","Typography","variant","email","StyledGnpProfileIconArrow2DownS","_Fragment","Avatar","size","imageUrl","avatarImageUrl","border","width","color","contents000","IconUserM","style","minWidth","minHeight","transform","ellipsis","maxWidth"],"mappings":";;;;;;;;;;;;;IAUaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;AAC1D,EAAA,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACf,oBACEC,eAAA,CAACC,UAAI,EAAA;AAACC,MAAAA,GAAG,EAAE,CAAE;MAAAC,QAAA,EAAA,cACXC,cAAA,CAACC,OAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,OAAO;QAAAH,QAAA,EAAEL,KAAK,CAACS,KAAAA;AAAK,OAAa,CAAC,eACtDH,cAAA,CAACI,qCAA+B,EAAA;AAAC,QAAA,kBAAA,EAAA,IAAA;AAAgB,OAAE,CAAC,CAAA;AAAA,KAChD,CAAC,CAAA;AAEX,GAAA;EACA,oBACER,eAAA,CAAAS,mBAAA,EAAA;IAAAN,QAAA,EAAA,cACEC,cAAA,CAACM,OAAM,EAAA;AACLC,MAAAA,IAAI,EAAC,SAAS;MACdC,QAAQ,EAAEd,KAAK,CAACe,cAAe;AAC/BC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,KAAK,EAAE,OAAO;AAAEC,QAAAA,KAAK,EAAEC,iBAAAA;OAAc;MAAAd,QAAA,eAE/CC,cAAA,CAACc,cAAS,EAAA;AACRC,QAAAA,KAAK,EAAE;AACLC,UAAAA,QAAQ,EAAE,EAAE;AACZC,UAAAA,SAAS,EAAE,EAAE;AACbC,UAAAA,SAAS,EAAE,mBAAA;AACb,SAAA;OACD,CAAA;AAAC,KACI,CAAC,eACTlB,cAAA,CAACC,OAAU,EAAA;AACTC,MAAAA,OAAO,EAAC,OAAO;AACfiB,MAAAA,QAAQ,EAAE,CAAE;AACZC,MAAAA,QAAQ,EAAC,OAAO;MAChB,mBAAiB,EAAA,IAAA;MAAArB,QAAA,EAEhBL,KAAK,CAACC,IAAAA;AAAI,KACD,CAAC,CAAA;AAAA,GACb,CAAC,CAAA;AAEP;;;;"}

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

@@ -0,0 +1,7 @@
+export type UserShortInfoProps = {
+    name?: string;
+    avatarImageUrl?: string;
+    email?: string;
+};
+export declare const UserShortInfo: (props: UserShortInfoProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserShortInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserShortInfo.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/UserShortInfo.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,eAAO,MAAM,aAAa,UAAW,kBAAkB,4CAkCtD,CAAC"}

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

@@ -0,0 +1,50 @@
+import { contents000 } from '@remember-web/mixin';
+import { IconUserM } from '@remember-web/icon';
+import { StyledGnpProfileIconArrow2DownS } from '../style.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Flex } from '../../../../Common/Flex/index.js';
+import Typography from '../../../../Common/Typography/index.js';
+import '../../../../Common/Divider/index.js';
+import '../../../../Common/Grid/index.js';
+import '../../../../Common/Spinner/styles.js';
+import Avatar from '../../../../Avatars/Avatar/index.js';
+
+var UserShortInfo = function UserShortInfo(props) {
+  if (!props.name) {
+    return /*#__PURE__*/jsxs(Flex, {
+      gap: 4,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "Body1",
+        children: props.email
+      }), /*#__PURE__*/jsx(StyledGnpProfileIconArrow2DownS, {
+        "data-only-mobile": true
+      })]
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Avatar, {
+      size: "xxsmall",
+      imageUrl: props.avatarImageUrl,
+      border: {
+        width: '1.5px',
+        color: contents000
+      },
+      children: /*#__PURE__*/jsx(IconUserM, {
+        style: {
+          minWidth: 24,
+          minHeight: 24,
+          transform: 'translateY(2.5px)'
+        }
+      })
+    }), /*#__PURE__*/jsx(Typography, {
+      variant: "Body1",
+      ellipsis: 1,
+      maxWidth: "100px",
+      "data-only-desktop": true,
+      children: props.name
+    })]
+  });
+};
+
+export { UserShortInfo };
+//# sourceMappingURL=UserShortInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserShortInfo.js","sources":["../../../../../../../src/Gnb/parts/GnbProfile/parts/UserShortInfo.tsx"],"sourcesContent":["import { Avatar, Flex, Typography } from '@';\nimport { contents000 } from '@remember-web/mixin';\nimport { IconUserM } from '@remember-web/icon';\nimport { StyledGnpProfileIconArrow2DownS } from '@/Gnb/parts/GnbProfile/style';\n\nexport type UserShortInfoProps = {\n  name?: string;\n  avatarImageUrl?: string;\n  email?: string;\n};\nexport const UserShortInfo = (props: UserShortInfoProps) => {\n  if (!props.name) {\n    return (\n      <Flex gap={4}>\n        <Typography variant=\"Body1\">{props.email}</Typography>\n        <StyledGnpProfileIconArrow2DownS data-only-mobile />\n      </Flex>\n    );\n  }\n  return (\n    <>\n      <Avatar\n        size=\"xxsmall\"\n        imageUrl={props.avatarImageUrl}\n        border={{ width: '1.5px', color: contents000 }}\n      >\n        <IconUserM\n          style={{\n            minWidth: 24,\n            minHeight: 24,\n            transform: 'translateY(2.5px)',\n          }}\n        />\n      </Avatar>\n      <Typography\n        variant=\"Body1\"\n        ellipsis={1}\n        maxWidth=\"100px\"\n        data-only-desktop\n      >\n        {props.name}\n      </Typography>\n    </>\n  );\n};\n"],"names":["UserShortInfo","props","name","_jsxs","Flex","gap","children","_jsx","Typography","variant","email","StyledGnpProfileIconArrow2DownS","_Fragment","Avatar","size","imageUrl","avatarImageUrl","border","width","color","contents000","IconUserM","style","minWidth","minHeight","transform","ellipsis","maxWidth"],"mappings":";;;;;;;;;;;IAUaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;AAC1D,EAAA,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACf,oBACEC,IAAA,CAACC,IAAI,EAAA;AAACC,MAAAA,GAAG,EAAE,CAAE;MAAAC,QAAA,EAAA,cACXC,GAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,OAAO;QAAAH,QAAA,EAAEL,KAAK,CAACS,KAAAA;AAAK,OAAa,CAAC,eACtDH,GAAA,CAACI,+BAA+B,EAAA;AAAC,QAAA,kBAAA,EAAA,IAAA;AAAgB,OAAE,CAAC,CAAA;AAAA,KAChD,CAAC,CAAA;AAEX,GAAA;EACA,oBACER,IAAA,CAAAS,QAAA,EAAA;IAAAN,QAAA,EAAA,cACEC,GAAA,CAACM,MAAM,EAAA;AACLC,MAAAA,IAAI,EAAC,SAAS;MACdC,QAAQ,EAAEd,KAAK,CAACe,cAAe;AAC/BC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,KAAK,EAAE,OAAO;AAAEC,QAAAA,KAAK,EAAEC,WAAAA;OAAc;MAAAd,QAAA,eAE/CC,GAAA,CAACc,SAAS,EAAA;AACRC,QAAAA,KAAK,EAAE;AACLC,UAAAA,QAAQ,EAAE,EAAE;AACZC,UAAAA,SAAS,EAAE,EAAE;AACbC,UAAAA,SAAS,EAAE,mBAAA;AACb,SAAA;OACD,CAAA;AAAC,KACI,CAAC,eACTlB,GAAA,CAACC,UAAU,EAAA;AACTC,MAAAA,OAAO,EAAC,OAAO;AACfiB,MAAAA,QAAQ,EAAE,CAAE;AACZC,MAAAA,QAAQ,EAAC,OAAO;MAChB,mBAAiB,EAAA,IAAA;MAAArB,QAAA,EAEhBL,KAAK,CAACC,IAAAA;AAAI,KACD,CAAC,CAAA;AAAA,GACb,CAAC,CAAA;AAEP;;;;"}

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var css = require('../../css.cjs');
+var styles = require('../../../Common/Typography/styles.cjs');
+var mixin = require('@remember-web/mixin');
+var styles$1 = require('../../../Avatars/Avatar/styles.cjs');
+var icon = require('@remember-web/icon');
+var index = require('../../../Floating/DropdownMenu/index.cjs');
+require('../../../Floating/Tooltip/index.cjs');
+require('../../../Floating/Popover/index.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var StyledGnpProfileIconArrow2DownS = styled__default.default(icon.IconArrow2DownS)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  transition: transform 0.2s ease-out;\n  will-change: transform;\n"])));
+var StyledGnbProfileButton = styled__default.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  ", ";\n\n  grid-auto-flow: column;\n  grid-auto-columns: 1fr min-content;\n  gap: 4px;\n  min-height: 24px;\n  height: 100%;\n\n  ", " {\n    width: 100%;\n    overflow: hidden;\n    ", ";\n  }\n\n  // radix\uC5D0\uC11C \uBD80\uC5EC\uB428\n  &[data-state='open'] ", " {\n    transform: rotateZ(-180deg);\n  }\n"])), css.defaultGridButtonCss, styles.StyledTypography, mixin.textEllipsis, StyledGnpProfileIconArrow2DownS);
+var StyledGnbProfileContent = styled__default.default(index.Content)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  ", ";\n  min-width: 225px;\n"])), css.fullPopoverContentCss);
+var StyledGnbMyTitle = styled__default.default.b(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  display: block;\n  max-width: 140px;\n  ", ";\n  ", ";\n  font-weight: 600;\n"])), mixin.textEllipsis, mixin.getTypographyStyles('Title1'));
+var StyledGnbProfileCompany = styled__default.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  ", ";\n  ", ";\n  color: ", ";\n  max-width: 140px;\n"])), mixin.getTypographyStyles('Body1'), mixin.textEllipsis, mixin.contents100);
+var StyledGnbMyAnchor = styled__default.default.a(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  color: ", ";\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  ", ";\n"])), mixin.contents200, mixin.getTypographyStyles('Body1'));
+var StyledGnbMyInfo = styled__default.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n  display: grid;\n  grid-template-areas:\n    'avatar name'\n    'avatar go-profile';\n  grid-template-columns: max-content 1fr;\n  column-gap: 8px;\n  place-items: center start;\n  box-sizing: border-box;\n  padding: 10px 12px;\n\n  ", " {\n    grid-area: avatar;\n  }\n\n  ", " {\n    grid-area: name;\n  }\n\n  ", " {\n    text-decoration: none;\n    grid-area: go-profile;\n  }\n"])), styles$1.StyledAvatar, StyledGnbMyTitle, StyledGnbMyAnchor);
+var StyledGnbMyPasses = styled__default.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n  padding: 4px 12px 12px;\n"])));
+var StyledGnbMyPassesContentWrapper = styled__default.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding: 8px;\n"])));
+var StyledGnbMyPassesInfoWrapper = styled__default.default(StyledGnbMyPassesContentWrapper)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral__default.default(["\n  background-color: ", ";\n  border-radius: 4px;\n"])), mixin.bg200);
+var StyledGnbMyPassesStatus = styled__default.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral__default.default(["\n  ", ";\n  font-weight: 500;\n  color: ", ";\n"])), mixin.getTypographyStyles('Subtitle2'), mixin.roleGreen);
+
+exports.StyledGnbMyAnchor = StyledGnbMyAnchor;
+exports.StyledGnbMyInfo = StyledGnbMyInfo;
+exports.StyledGnbMyPasses = StyledGnbMyPasses;
+exports.StyledGnbMyPassesContentWrapper = StyledGnbMyPassesContentWrapper;
+exports.StyledGnbMyPassesInfoWrapper = StyledGnbMyPassesInfoWrapper;
+exports.StyledGnbMyPassesStatus = StyledGnbMyPassesStatus;
+exports.StyledGnbMyTitle = StyledGnbMyTitle;
+exports.StyledGnbProfileButton = StyledGnbProfileButton;
+exports.StyledGnbProfileCompany = StyledGnbProfileCompany;
+exports.StyledGnbProfileContent = StyledGnbProfileContent;
+exports.StyledGnpProfileIconArrow2DownS = StyledGnpProfileIconArrow2DownS;
+//# sourceMappingURL=style.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":["../../../../../../src/Gnb/parts/GnbProfile/style.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { StyledTypography } from '@/Common/Typography/styles';\nimport {\n  bg200,\n  contents100,\n  contents200,\n  getTypographyStyles,\n  roleGreen,\n  textEllipsis,\n} from '@remember-web/mixin';\nimport { StyledAvatar } from '@/Avatars/Avatar/styles';\nimport { IconArrow2DownS } from '@remember-web/icon';\nimport { DropdownMenu } from '@';\n\nexport const StyledGnpProfileIconArrow2DownS = styled(IconArrow2DownS)`\n  transition: transform 0.2s ease-out;\n  will-change: transform;\n`;\nexport const StyledGnbProfileButton = styled.button`\n  ${defaultGridButtonCss};\n\n  grid-auto-flow: column;\n  grid-auto-columns: 1fr min-content;\n  gap: 4px;\n  min-height: 24px;\n  height: 100%;\n\n  ${StyledTypography} {\n    width: 100%;\n    overflow: hidden;\n    ${textEllipsis};\n  }\n\n  // radix에서 부여됨\n  &[data-state='open'] ${StyledGnpProfileIconArrow2DownS} {\n    transform: rotateZ(-180deg);\n  }\n`;\n\nexport const StyledGnbProfileContent = styled(DropdownMenu.Content)`\n  ${fullPopoverContentCss};\n  min-width: 225px;\n`;\n\nexport const StyledGnbMyTitle = styled.b`\n  display: block;\n  max-width: 140px;\n  ${textEllipsis};\n  ${getTypographyStyles('Title1')};\n  font-weight: 600;\n`;\n\nexport const StyledGnbProfileCompany = styled.span`\n  ${getTypographyStyles('Body1')};\n  ${textEllipsis};\n  color: ${contents100};\n  max-width: 140px;\n`;\nexport const StyledGnbMyAnchor = styled.a`\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  color: ${contents200};\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  ${getTypographyStyles('Body1')};\n`;\nexport const StyledGnbMyInfo = styled.div`\n  display: grid;\n  grid-template-areas:\n    'avatar name'\n    'avatar go-profile';\n  grid-template-columns: max-content 1fr;\n  column-gap: 8px;\n  place-items: center start;\n  box-sizing: border-box;\n  padding: 10px 12px;\n\n  ${StyledAvatar} {\n    grid-area: avatar;\n  }\n\n  ${StyledGnbMyTitle} {\n    grid-area: name;\n  }\n\n  ${StyledGnbMyAnchor} {\n    text-decoration: none;\n    grid-area: go-profile;\n  }\n`;\n\nexport const StyledGnbMyPasses = styled.div`\n  padding: 4px 12px 12px;\n`;\n\nexport const StyledGnbMyPassesContentWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding: 8px;\n`;\nexport const StyledGnbMyPassesInfoWrapper = styled(\n  StyledGnbMyPassesContentWrapper\n)`\n  background-color: ${bg200};\n  border-radius: 4px;\n`;\n\nexport const StyledGnbMyPassesStatus = styled.span`\n  ${getTypographyStyles('Subtitle2')};\n  font-weight: 500;\n  color: ${roleGreen};\n`;\n"],"names":["StyledGnpProfileIconArrow2DownS","styled","IconArrow2DownS","_templateObject","_taggedTemplateLiteral","StyledGnbProfileButton","button","_templateObject2","defaultGridButtonCss","StyledTypography","textEllipsis","StyledGnbProfileContent","DropdownMenu","Content","_templateObject3","fullPopoverContentCss","StyledGnbMyTitle","b","_templateObject4","getTypographyStyles","StyledGnbProfileCompany","span","_templateObject5","contents100","StyledGnbMyAnchor","a","_templateObject6","contents200","StyledGnbMyInfo","div","_templateObject7","StyledAvatar","StyledGnbMyPasses","_templateObject8","StyledGnbMyPassesContentWrapper","_templateObject9","StyledGnbMyPassesInfoWrapper","_templateObject10","bg200","StyledGnbMyPassesStatus","_templateObject11","roleGreen"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBaA,IAAAA,+BAA+B,GAAGC,uBAAM,CAACC,oBAAe,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAGrE,CAAA,uEAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,sBAAsB,GAAGJ,uBAAM,CAACK,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,uCAAA,CAAA,CAAA,MAAA,EAAA,gIAAA,EAAA,mDAAA,EAAA,8EAAA,EAAA,6CAAA,CAAA,CAAA,CAAA,EAC/CI,wBAAoB,EAQpBC,uBAAgB,EAGdC,kBAAY,EAIOV,+BAA+B,EAGvD;IAEYW,uBAAuB,GAAGV,uBAAM,CAACW,KAAY,CAACC,OAAO,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAV,uCAAA,CAAA,CAAA,MAAA,EAAA,0BAAA,CAAA,CAAA,CAAA,EAC/DW,yBAAqB,EAExB;IAEYC,gBAAgB,GAAGf,uBAAM,CAACgB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAd,uCAAA,0FAGpCM,kBAAY,EACZS,yBAAmB,CAAC,QAAQ,CAAC,EAEhC;AAEM,IAAMC,uBAAuB,GAAGnB,uBAAM,CAACoB,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,0BAAA,CAAA,CAAA,CAAA,EAC9Ce,yBAAmB,CAAC,OAAO,CAAC,EAC5BT,kBAAY,EACLa,iBAAW,EAErB;IACYC,iBAAiB,GAAGvB,uBAAM,CAACwB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAtB,uCAAA,iKAI9BuB,iBAAW,EAGlBR,yBAAmB,CAAC,OAAO,CAAC,EAC/B;IACYS,eAAe,GAAG3B,uBAAM,CAAC4B,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAA1B,uCAAA,CAWrC2B,CAAAA,8OAAAA,EAAAA,uCAAAA,EAAAA,qCAAAA,EAAAA,mEAAAA,CAAAA,CAAAA,CAAAA,EAAAA,qBAAY,EAIZf,gBAAgB,EAIhBQ,iBAAiB,EAIpB;AAEYQ,IAAAA,iBAAiB,GAAG/B,uBAAM,CAAC4B,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAA7B,uCAAA,CAE1C,CAAA,+BAAA,CAAA,CAAA,CAAA,EAAA;AAEY8B,IAAAA,+BAA+B,GAAGjC,uBAAM,CAAC4B,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAA/B,uCAAA,CAMxD,CAAA,6HAAA,CAAA,CAAA,CAAA,EAAA;AACYgC,IAAAA,4BAA4B,GAAGnC,uBAAM,CAChDiC,+BACF,CAAC,CAAAG,iBAAA,KAAAA,iBAAA,GAAAjC,uCAAA,CAAA,CAAA,wBAAA,EAAA,4BAAA,CAAA,CAAA,CAAA,EACqBkC,WAAK,EAE1B;IAEYC,uBAAuB,GAAGtC,uBAAM,CAACoB,IAAI,CAAAmB,iBAAA,KAAAA,iBAAA,GAAApC,uCAAA,yDAC9Ce,yBAAmB,CAAC,WAAW,CAAC,EAEzBsB,eAAS;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyledGnpProfileIconArrow2DownS: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & Omit<import("react").FC<import("react").SVGProps<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGnbProfileButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+export declare const StyledGnbProfileContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@/Floating/DropdownMenu").DropdownContentProps, never>> & Omit<({ isInsideCloseable, ...props }: import("@/Floating/DropdownMenu").DropdownContentProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGnbMyTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+export declare const StyledGnbProfileCompany: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export declare const StyledGnbMyAnchor: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
+export declare const StyledGnbMyInfo: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledGnbMyPasses: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledGnbMyPassesContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledGnbMyPassesInfoWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledGnbMyPassesStatus: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbProfile/style.ts"],"names":[],"mappings":";AAgBA,eAAO,MAAM,+BAA+B;;6HAG3C,CAAC;AACF,eAAO,MAAM,sBAAsB,4NAmBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iWAGnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,0MAM5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,kNAKnC,CAAC;AACF,eAAO,MAAM,iBAAiB,4NAQ7B,CAAC;AACF,eAAO,MAAM,eAAe,gNAuB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gNAE7B,CAAC;AAEF,eAAO,MAAM,+BAA+B,gNAM3C,CAAC;AACF,eAAO,MAAM,4BAA4B;;gRAKxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,kNAInC,CAAC"}

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

@@ -0,0 +1,26 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { defaultGridButtonCss, fullPopoverContentCss } from '../../css.js';
+import { StyledTypography } from '../../../Common/Typography/styles.js';
+import { textEllipsis, getTypographyStyles, contents100, contents200, bg200, roleGreen } from '@remember-web/mixin';
+import { StyledAvatar } from '../../../Avatars/Avatar/styles.js';
+import { IconArrow2DownS } from '@remember-web/icon';
+import DropdownMenu from '../../../Floating/DropdownMenu/index.js';
+import '../../../Floating/Tooltip/index.js';
+import '../../../Floating/Popover/index.js';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var StyledGnpProfileIconArrow2DownS = styled(IconArrow2DownS)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: transform 0.2s ease-out;\n  will-change: transform;\n"])));
+var StyledGnbProfileButton = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n\n  grid-auto-flow: column;\n  grid-auto-columns: 1fr min-content;\n  gap: 4px;\n  min-height: 24px;\n  height: 100%;\n\n  ", " {\n    width: 100%;\n    overflow: hidden;\n    ", ";\n  }\n\n  // radix\uC5D0\uC11C \uBD80\uC5EC\uB428\n  &[data-state='open'] ", " {\n    transform: rotateZ(-180deg);\n  }\n"])), defaultGridButtonCss, StyledTypography, textEllipsis, StyledGnpProfileIconArrow2DownS);
+var StyledGnbProfileContent = styled(DropdownMenu.Content)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n  min-width: 225px;\n"])), fullPopoverContentCss);
+var StyledGnbMyTitle = styled.b(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: block;\n  max-width: 140px;\n  ", ";\n  ", ";\n  font-weight: 600;\n"])), textEllipsis, getTypographyStyles('Title1'));
+var StyledGnbProfileCompany = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n  color: ", ";\n  max-width: 140px;\n"])), getTypographyStyles('Body1'), textEllipsis, contents100);
+var StyledGnbMyAnchor = styled.a(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  color: ", ";\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  ", ";\n"])), contents200, getTypographyStyles('Body1'));
+var StyledGnbMyInfo = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-areas:\n    'avatar name'\n    'avatar go-profile';\n  grid-template-columns: max-content 1fr;\n  column-gap: 8px;\n  place-items: center start;\n  box-sizing: border-box;\n  padding: 10px 12px;\n\n  ", " {\n    grid-area: avatar;\n  }\n\n  ", " {\n    grid-area: name;\n  }\n\n  ", " {\n    text-decoration: none;\n    grid-area: go-profile;\n  }\n"])), StyledAvatar, StyledGnbMyTitle, StyledGnbMyAnchor);
+var StyledGnbMyPasses = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 4px 12px 12px;\n"])));
+var StyledGnbMyPassesContentWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding: 8px;\n"])));
+var StyledGnbMyPassesInfoWrapper = styled(StyledGnbMyPassesContentWrapper)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 4px;\n"])), bg200);
+var StyledGnbMyPassesStatus = styled.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: 500;\n  color: ", ";\n"])), getTypographyStyles('Subtitle2'), roleGreen);
+
+export { StyledGnbMyAnchor, StyledGnbMyInfo, StyledGnbMyPasses, StyledGnbMyPassesContentWrapper, StyledGnbMyPassesInfoWrapper, StyledGnbMyPassesStatus, StyledGnbMyTitle, StyledGnbProfileButton, StyledGnbProfileCompany, StyledGnbProfileContent, StyledGnpProfileIconArrow2DownS };
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbProfile/style.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { StyledTypography } from '@/Common/Typography/styles';\nimport {\n  bg200,\n  contents100,\n  contents200,\n  getTypographyStyles,\n  roleGreen,\n  textEllipsis,\n} from '@remember-web/mixin';\nimport { StyledAvatar } from '@/Avatars/Avatar/styles';\nimport { IconArrow2DownS } from '@remember-web/icon';\nimport { DropdownMenu } from '@';\n\nexport const StyledGnpProfileIconArrow2DownS = styled(IconArrow2DownS)`\n  transition: transform 0.2s ease-out;\n  will-change: transform;\n`;\nexport const StyledGnbProfileButton = styled.button`\n  ${defaultGridButtonCss};\n\n  grid-auto-flow: column;\n  grid-auto-columns: 1fr min-content;\n  gap: 4px;\n  min-height: 24px;\n  height: 100%;\n\n  ${StyledTypography} {\n    width: 100%;\n    overflow: hidden;\n    ${textEllipsis};\n  }\n\n  // radix에서 부여됨\n  &[data-state='open'] ${StyledGnpProfileIconArrow2DownS} {\n    transform: rotateZ(-180deg);\n  }\n`;\n\nexport const StyledGnbProfileContent = styled(DropdownMenu.Content)`\n  ${fullPopoverContentCss};\n  min-width: 225px;\n`;\n\nexport const StyledGnbMyTitle = styled.b`\n  display: block;\n  max-width: 140px;\n  ${textEllipsis};\n  ${getTypographyStyles('Title1')};\n  font-weight: 600;\n`;\n\nexport const StyledGnbProfileCompany = styled.span`\n  ${getTypographyStyles('Body1')};\n  ${textEllipsis};\n  color: ${contents100};\n  max-width: 140px;\n`;\nexport const StyledGnbMyAnchor = styled.a`\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  color: ${contents200};\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  ${getTypographyStyles('Body1')};\n`;\nexport const StyledGnbMyInfo = styled.div`\n  display: grid;\n  grid-template-areas:\n    'avatar name'\n    'avatar go-profile';\n  grid-template-columns: max-content 1fr;\n  column-gap: 8px;\n  place-items: center start;\n  box-sizing: border-box;\n  padding: 10px 12px;\n\n  ${StyledAvatar} {\n    grid-area: avatar;\n  }\n\n  ${StyledGnbMyTitle} {\n    grid-area: name;\n  }\n\n  ${StyledGnbMyAnchor} {\n    text-decoration: none;\n    grid-area: go-profile;\n  }\n`;\n\nexport const StyledGnbMyPasses = styled.div`\n  padding: 4px 12px 12px;\n`;\n\nexport const StyledGnbMyPassesContentWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding: 8px;\n`;\nexport const StyledGnbMyPassesInfoWrapper = styled(\n  StyledGnbMyPassesContentWrapper\n)`\n  background-color: ${bg200};\n  border-radius: 4px;\n`;\n\nexport const StyledGnbMyPassesStatus = styled.span`\n  ${getTypographyStyles('Subtitle2')};\n  font-weight: 500;\n  color: ${roleGreen};\n`;\n"],"names":["StyledGnpProfileIconArrow2DownS","styled","IconArrow2DownS","_templateObject","_taggedTemplateLiteral","StyledGnbProfileButton","button","_templateObject2","defaultGridButtonCss","StyledTypography","textEllipsis","StyledGnbProfileContent","DropdownMenu","Content","_templateObject3","fullPopoverContentCss","StyledGnbMyTitle","b","_templateObject4","getTypographyStyles","StyledGnbProfileCompany","span","_templateObject5","contents100","StyledGnbMyAnchor","a","_templateObject6","contents200","StyledGnbMyInfo","div","_templateObject7","StyledAvatar","StyledGnbMyPasses","_templateObject8","StyledGnbMyPassesContentWrapper","_templateObject9","StyledGnbMyPassesInfoWrapper","_templateObject10","bg200","StyledGnbMyPassesStatus","_templateObject11","roleGreen"],"mappings":";;;;;;;;;;;;AAgBaA,IAAAA,+BAA+B,GAAGC,MAAM,CAACC,eAAe,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAGrE,CAAA,uEAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,sBAAsB,GAAGJ,MAAM,CAACK,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,CAAA,CAAA,MAAA,EAAA,gIAAA,EAAA,mDAAA,EAAA,8EAAA,EAAA,6CAAA,CAAA,CAAA,CAAA,EAC/CI,oBAAoB,EAQpBC,gBAAgB,EAGdC,YAAY,EAIOV,+BAA+B,EAGvD;IAEYW,uBAAuB,GAAGV,MAAM,CAACW,YAAY,CAACC,OAAO,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,CAAA,CAAA,MAAA,EAAA,0BAAA,CAAA,CAAA,CAAA,EAC/DW,qBAAqB,EAExB;IAEYC,gBAAgB,GAAGf,MAAM,CAACgB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,0FAGpCM,YAAY,EACZS,mBAAmB,CAAC,QAAQ,CAAC,EAEhC;AAEM,IAAMC,uBAAuB,GAAGnB,MAAM,CAACoB,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,0BAAA,CAAA,CAAA,CAAA,EAC9Ce,mBAAmB,CAAC,OAAO,CAAC,EAC5BT,YAAY,EACLa,WAAW,EAErB;IACYC,iBAAiB,GAAGvB,MAAM,CAACwB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAtB,sBAAA,iKAI9BuB,WAAW,EAGlBR,mBAAmB,CAAC,OAAO,CAAC,EAC/B;IACYS,eAAe,GAAG3B,MAAM,CAAC4B,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAA1B,sBAAA,CAWrC2B,CAAAA,8OAAAA,EAAAA,uCAAAA,EAAAA,qCAAAA,EAAAA,mEAAAA,CAAAA,CAAAA,CAAAA,EAAAA,YAAY,EAIZf,gBAAgB,EAIhBQ,iBAAiB,EAIpB;AAEYQ,IAAAA,iBAAiB,GAAG/B,MAAM,CAAC4B,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAA7B,sBAAA,CAE1C,CAAA,+BAAA,CAAA,CAAA,CAAA,EAAA;AAEY8B,IAAAA,+BAA+B,GAAGjC,MAAM,CAAC4B,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAA/B,sBAAA,CAMxD,CAAA,6HAAA,CAAA,CAAA,CAAA,EAAA;AACYgC,IAAAA,4BAA4B,GAAGnC,MAAM,CAChDiC,+BACF,CAAC,CAAAG,iBAAA,KAAAA,iBAAA,GAAAjC,sBAAA,CAAA,CAAA,wBAAA,EAAA,4BAAA,CAAA,CAAA,CAAA,EACqBkC,KAAK,EAE1B;IAEYC,uBAAuB,GAAGtC,MAAM,CAACoB,IAAI,CAAAmB,iBAAA,KAAAA,iBAAA,GAAApC,sBAAA,yDAC9Ce,mBAAmB,CAAC,WAAW,CAAC,EAEzBsB,SAAS;;;;"}

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

@@ -0,0 +1,11 @@
+export interface ProfileInfo {
+    name: string;
+    avatarImageUrl?: string;
+}
+export type EmptyProfileInfo = {
+    email?: string;
+};
+export interface BusinessProfile extends ProfileInfo {
+    companyName: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbProfile/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,WAAW,EAAE,MAAM,CAAC;CACrB"}