@nurihaus/web-design-system 3.7.0 → 3.8.0

package/dist/tokens.css

@@ -150,6 +150,74 @@
   --line-height-4xl: 43px;
   --line-height-5xl: 66px;
   --line-height-6xl: 82px;
+  --duration-xs: 120ms;
+  --duration-s: 160ms;
+  --duration-m: 240ms;
+  --duration-l: 350ms;
+  --duration-xl: 500ms;
+  --ease-out: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ease-in-out: cubic-bezier(0.4, 0, 0.1, 1);
+  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
+  --ease-symmetric: cubic-bezier(0.5, 0, 0.5, 1);
+  --ease-linear: linear;
+  --ease-spring-rapid: linear(0, 0.0273, 0.0945, 0.184, 0.2834, 0.384, 0.4804, 0.5691, 0.6483, 0.7174, 0.7764, 0.8259, 0.8667, 0.8999, 0.9264, 0.9473, 0.9634, 0.9757, 0.9849, 0.9916, 0.9964, 0.9996, 1.0017, 1.003, 1.0037, 1.0039, 1.0039, 1.0037, 1.0033, 1.003, 1.0026, 1.0022, 1.0018, 1.0015, 1.0012, 1.001, 1.0007, 1.0006, 1.0004, 1.0003, 1);
+  --duration-spring-rapid: 318ms;
+  --ease-spring-quick: linear(0, 0.024, 0.0825, 0.1604, 0.247, 0.3352, 0.4205, 0.5002, 0.5728, 0.6377, 0.6948, 0.7445, 0.7872, 0.8237, 0.8546, 0.8806, 0.9023, 0.9204, 0.9354, 0.9477, 0.9578, 0.9661, 0.9728, 0.9783, 0.9827, 0.9863, 0.9891, 0.9914, 0.9933, 0.9947, 0.9959, 0.9968, 0.9975, 0.9981, 0.9985, 0.9989, 0.9991, 0.9993, 0.9995, 0.9996, 1);
+  --duration-spring-quick: 334ms;
+  --ease-spring-small: linear(0, 0.0202, 0.069, 0.1334, 0.2049, 0.278, 0.3493, 0.417, 0.4799, 0.5375, 0.5898, 0.6369, 0.6791, 0.7167, 0.7501, 0.7798, 0.806, 0.8292, 0.8497, 0.8677, 0.8836, 0.8976, 0.91, 0.9208, 0.9304, 0.9388, 0.9462, 0.9527, 0.9584, 0.9634, 0.9679, 0.9717, 0.9752, 0.9782, 0.9808, 0.9831, 0.9852, 0.987, 0.9885, 0.9899, 0.9911, 0.9922, 0.9932, 0.994, 0.9947, 0.9954, 0.9959, 0.9964, 0.9968, 0.9972, 0.9976, 0.9979, 0.9981, 0.9983, 0.9985, 0.9987, 0.9989, 0.999, 0.9991, 1);
+  --duration-spring-small: 587ms;
+  --ease-spring-medium: linear(0, 0.0121, 0.0444, 0.0919, 0.1501, 0.2152, 0.2844, 0.355, 0.4252, 0.4934, 0.5585, 0.6195, 0.6761, 0.7278, 0.7746, 0.8164, 0.8533, 0.8855, 0.9134, 0.9372, 0.9572, 0.9739, 0.9875, 0.9984, 1.007, 1.0136, 1.0184, 1.0217, 1.0238, 1.0249, 1.0252, 1.0248, 1.0239, 1.0227, 1.0212, 1.0196, 1.0178, 1.016, 1.0143, 1.0126, 1.0109, 1.0094, 1.008, 1.0067, 1.0055, 1.0045, 1.0036, 1.0028, 1.0021, 1.0015, 1.001, 1.0006, 1.0003, 1, 0.9998, 0.9996, 1);
+  --duration-spring-medium: 552ms;
+  --ease-spring-basic: linear(0, 0.0089, 0.0322, 0.0658, 0.1066, 0.152, 0.2001, 0.2493, 0.2986, 0.3471, 0.3941, 0.4393, 0.4824, 0.5232, 0.5615, 0.5974, 0.6309, 0.662, 0.6909, 0.7175, 0.7421, 0.7648, 0.7855, 0.8046, 0.8221, 0.8381, 0.8527, 0.8661, 0.8783, 0.8894, 0.8995, 0.9088, 0.9172, 0.9248, 0.9318, 0.9381, 0.9438, 0.949, 0.9538, 0.9581, 0.962, 0.9655, 0.9687, 0.9717, 0.9743, 0.9767, 0.9789, 0.9809, 0.9827, 0.9843, 0.9858, 0.9871, 0.9883, 0.9894, 0.9904, 0.9913, 0.9921, 0.9929, 0.9935, 0.9941, 0.9947, 0.9952, 0.9956, 0.9961, 0.9964, 0.9968, 0.9971, 0.9973, 0.9976, 0.9978, 0.998, 0.9982, 0.9984, 0.9985, 0.9987, 0.9988, 0.9989, 1);
+  --duration-spring-basic: 761ms;
+  --ease-spring-large: linear(0, 0.0047, 0.0179, 0.0383, 0.0648, 0.0961, 0.1315, 0.1699, 0.2106, 0.2529, 0.2963, 0.3401, 0.3838, 0.4272, 0.4699, 0.5115, 0.5518, 0.5906, 0.6278, 0.6633, 0.697, 0.7288, 0.7586, 0.7866, 0.8126, 0.8368, 0.859, 0.8795, 0.8983, 0.9154, 0.9309, 0.9449, 0.9575, 0.9687, 0.9786, 0.9874, 0.995, 1.0017, 1.0074, 1.0122, 1.0163, 1.0196, 1.0223, 1.0244, 1.0261, 1.0272, 1.0279, 1.0283, 1.0284, 1.0282, 1.0277, 1.0271, 1.0263, 1.0254, 1.0243, 1.0232, 1.0221, 1.0208, 1.0196, 1.0184, 1.0171, 1.0159, 1.0147, 1.0135, 1.0124, 1.0113, 1.0103, 1.0093, 1.0083, 1.0074, 1.0066, 1.0058, 1.0051, 1.0044, 1.0038, 1.0033, 1.0027, 1.0023, 1.0018, 1.0015, 1.0011, 1.0008, 1.0005, 1.0003, 1.0001, 0.9999, 0.9997, 0.9996, 1);
+  --duration-spring-large: 876ms;
+  --ease-spring-bounce: linear(0, 0.0142, 0.0537, 0.1139, 0.1902, 0.2784, 0.3743, 0.4741, 0.5747, 0.673, 0.7667, 0.8538, 0.9329, 1.0028, 1.063, 1.113, 1.153, 1.1831, 1.204, 1.2164, 1.221, 1.2189, 1.211, 1.1984, 1.182, 1.1629, 1.1419, 1.1199, 1.0977, 1.0758, 1.0549, 1.0354, 1.0176, 1.0018, 0.9881, 0.9767, 0.9675, 0.9605, 0.9555, 0.9525, 0.9512, 0.9514, 0.953, 0.9556, 0.9591, 0.9633, 0.9678, 0.9727, 0.9776, 0.9825, 0.9871, 0.9915, 0.9955, 0.9991, 1.0022, 1.0048, 1.0069, 1.0085, 1.0097, 1.0104, 1.0108, 1.0108, 1.0105, 1.0099, 1.0092, 1.0083, 1.0073, 1.0062, 1.0051, 1.0041, 1.003, 1.002, 1.0011, 1.0003, 0.9996, 0.999, 0.9985, 0.9982, 0.9979, 0.9977, 0.9976, 0.9976, 0.9977, 0.9978, 0.9979, 0.9981, 0.9984, 0.9986, 0.9988, 0.9991, 0.9993, 0.9995, 0.9997, 0.9999, 1.0001, 1.0002, 1);
+  --duration-spring-bounce: 958ms;
+  --ease-spring-slow: linear(0, 0.0033, 0.0122, 0.0257, 0.043, 0.0631, 0.0855, 0.1096, 0.135, 0.1612, 0.188, 0.215, 0.2421, 0.2691, 0.2958, 0.3221, 0.348, 0.3732, 0.3979, 0.4219, 0.4452, 0.4677, 0.4896, 0.5107, 0.5311, 0.5507, 0.5697, 0.5879, 0.6054, 0.6222, 0.6384, 0.654, 0.6689, 0.6832, 0.6969, 0.71, 0.7226, 0.7347, 0.7462, 0.7573, 0.7679, 0.778, 0.7877, 0.797, 0.8059, 0.8144, 0.8225, 0.8303, 0.8378, 0.8449, 0.8517, 0.8582, 0.8645, 0.8704, 0.8761, 0.8816, 0.8868, 0.8918, 0.8965, 0.9011, 0.9054, 0.9096, 0.9136, 0.9174, 0.921, 0.9245, 0.9278, 0.931, 0.934, 0.9369, 0.9397, 0.9424, 0.9449, 0.9473, 0.9497, 0.9519, 0.954, 0.956, 0.958, 0.9598, 0.9616, 0.9633, 0.9649, 0.9664, 0.9679, 0.9693, 0.9707, 0.972, 0.9732, 0.9744, 0.9755, 0.9766, 0.9776, 0.9786, 0.9796, 0.9805, 0.9813, 0.9821, 0.9829, 0.9837, 0.9844, 0.9851, 0.9857, 0.9864, 0.987, 0.9875, 0.9881, 0.9886, 0.9891, 0.9896, 0.9901, 0.9905, 0.9909, 0.9913, 0.9917, 0.9921, 0.9924, 0.9927, 0.9931, 0.9934, 0.9937, 0.9939, 0.9942, 0.9945, 0.9947, 0.9949, 0.9952, 0.9954, 0.9956, 0.9958, 0.996, 0.9961, 0.9963, 0.9965, 0.9966, 0.9968, 0.9969, 0.9971, 0.9972, 0.9973, 0.9974, 0.9975, 0.9976, 0.9978, 0.9979, 0.9979, 0.998, 0.9981, 0.9982, 0.9983, 0.9984, 0.9984, 0.9985, 0.9986, 0.9986, 0.9987, 0.9987, 0.9988, 0.9989, 0.9989, 0.999, 1);
+  --duration-spring-slow: 1604ms;
+  --motion-press-duration: var(--duration-xs);
+  --motion-press-ease: var(--ease-out);
+  --motion-press-scale: 0.98;
+  --motion-press-dim: 0.12;
+  --motion-confirm-weak-ease: var(--ease-spring-small);
+  --motion-confirm-weak-duration: var(--duration-spring-small);
+  --motion-confirm-strong-ease: var(--ease-spring-bounce);
+  --motion-confirm-strong-duration: var(--duration-spring-bounce);
+  --motion-reject-duration: var(--duration-l);
+  --motion-reject-ease: var(--ease-linear);
+  --motion-reject-distance: 2px;
+  --motion-enter-duration: var(--duration-m);
+  --motion-enter-ease: var(--ease-out);
+  --motion-enter-strong-ease: var(--ease-spring-bounce);
+  --motion-enter-strong-duration: var(--duration-spring-bounce);
+  --motion-enter-scale-from: 0.96;
+  --motion-enter-offset: 16px;
+  --motion-enter-pop-scale: 0.6;
+  --motion-exit-duration: var(--duration-s);
+  --motion-exit-ease: var(--ease-in);
+  --motion-appear-duration: var(--duration-m);
+  --motion-appear-ease: var(--ease-out);
+  --motion-reveal-duration: var(--duration-m);
+  --motion-reveal-ease: var(--ease-out);
+  --motion-reveal-gap: 80ms;
+  --motion-progress-duration: var(--duration-m);
+  --motion-progress-spring-ease: var(--ease-spring-basic);
+  --motion-progress-spring-duration: var(--duration-spring-basic);
+  --motion-expand-duration: var(--duration-m);
+  --motion-expand-ease: var(--ease-out);
+  --motion-expand-rotate: 180deg;
+  --motion-dismiss-on-scroll-duration: var(--duration-m);
+  --motion-dismiss-on-scroll-ease: var(--ease-out);
+  --motion-dismiss-on-scroll-threshold: 1px;
+  --motion-attention-shine: 2500ms;
+  --motion-attention-blink: 300ms;
+  --motion-attention-float-distance: 3px;
+  --motion-busy-ring: 1200ms;
+  --motion-busy-ring-ease: var(--ease-symmetric);
+  --motion-busy-shimmer: 1500ms;
+  --motion-busy-dots: 600ms;
   /* 한 줄에 나란히 놓이는 컨트롤: button, drop-down, text-field */
   --control-height-xs: 28px;
   --control-height-s: 36px;
@@ -214,6 +282,27 @@
   --bottom-nav-badge-count: 18px;
   --glass-blur: 18px;
 
+  /* 목록 행: list-row. 한 줄 이름에 보조 글이 붙어도 이 높이부터 */
+  --list-row-height: 56px;
+
+  /* 손가락 터치 영역. 보이는 크기가 작은 버튼(아이콘 버튼·빼기·보내기)이 이만큼 눌린다 */
+  --touch-target: 44px;
+
+  /* 사진·영상 썸네일: media-thumbnail. 말풍선 안에서는 쓰는 쪽이 width 로 정하고 이 폭을 넘지 않는다 */
+  --media-thumbnail-size-s: 64px;
+  --media-thumbnail-size-m: 96px;
+  --media-thumbnail-max-width: 240px;
+  --media-overlay-button-size: 36px;
+  --media-remove-size: 20px;
+  --media-invalid-border: 2px;
+
+  /* 메시지 입력: message-composer. 보내기 원과 입력 칸 최대 높이(16/22 다섯 줄 + 위아래 안쪽) */
+  --composer-send-size: 36px;
+  --composer-max-height: 132px;
+
+  /* 빈 화면: empty-state 아이콘 원 */
+  --empty-state-icon-box: 64px;
+
   /* 진행 단계 바 */
   --step-bar-height: 4px;
 
@@ -253,7 +342,8 @@
   --z-modal: 9999;
   --z-toast: 10000;
 
-  /* 모션 */
+  /* 옛 모션 변수 */
+  /* 컴포넌트 작업(KAN-9516~9528)이 --motion-{토큰}-* 로 바꾸면 지운다. 새 코드는 쓰지 않는다. 새 토큰은 tokens/motion.json */
   --motion-fast: 160ms;
   --motion-base: 300ms;
   --motion-ease: ease;
@@ -377,8 +467,33 @@
   --button-size-l: 54;
   --button-size-xl: 60;
 }
+/* tokens/motion.json 에서 생성됨 — 손으로 고치지 않는다. `yarn tokens` */
+/* 시간을 0 으로 만들면 의미 토큰이 var() 로 따라온다. 끝 상태는 그대로 보인다 */
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --duration-xs: 0ms;
+    --duration-s: 0ms;
+    --duration-m: 0ms;
+    --duration-l: 0ms;
+    --duration-xl: 0ms;
+    --duration-spring-rapid: 0ms;
+    --duration-spring-quick: 0ms;
+    --duration-spring-small: 0ms;
+    --duration-spring-medium: 0ms;
+    --duration-spring-basic: 0ms;
+    --duration-spring-large: 0ms;
+    --duration-spring-bounce: 0ms;
+    --duration-spring-slow: 0ms;
+    --motion-reveal-gap: 0ms;
+    --motion-attention-shine: 0ms;
+    --motion-attention-blink: 0ms;
+    --motion-busy-ring: 0ms;
+    --motion-busy-shimmer: 0ms;
+    --motion-busy-dots: 0ms;
+  }
+}
 /*
- * 크기·두께·레이어·모션. figma.json 에서 만들지 않고 손으로 유지한다(font-face.css 와 같다).
+ * 크기·두께·레이어·옛 모션. figma.json 에서 만들지 않고 손으로 유지한다(font-face.css 와 같다).
  * 디자이너가 숫자를 바꾸는 곳은 여기다. 컴포넌트 CSS 는 숫자를 쓰지 않고 이 변수를 쓴다(빌드가 검사).
  * 크기 이름은 xs · s · m · l · xl 다섯 개다. 컴포넌트는 그중 지원하는 것만 고른다.
  */

package/dist/tokens.js

@@ -502,10 +502,165 @@ var colors = {
   "black": "#000000",
   "white": "#FFFFFF"
 };
+;// ./tokens/generated/motion.ts
+// tokens/motion.json 에서 생성됨 — 손으로 고치지 않는다. `yarn tokens`
+/** 원시값. 컴포넌트는 motionTokens 만 쓴다(빌드 R17). 시간은 초다(motion 의 transition 단위). */
+var motionPresets = {
+  "duration": {
+    "xs": 0.12,
+    "s": 0.16,
+    "m": 0.24,
+    "l": 0.35,
+    "xl": 0.5
+  },
+  "ease": {
+    "out": [0.25, 0.1, 0.25, 1],
+    "in": [0.4, 0, 1, 1],
+    "in-out": [0.4, 0, 0.1, 1],
+    "back": [0.34, 1.56, 0.64, 1],
+    "symmetric": [0.5, 0, 0.5, 1],
+    "linear": "linear"
+  },
+  "spring": {
+    "rapid": {
+      "type": "spring",
+      "stiffness": 1000,
+      "damping": 55,
+      "mass": 1
+    },
+    "quick": {
+      "type": "spring",
+      "stiffness": 800,
+      "damping": 55,
+      "mass": 1
+    },
+    "small": {
+      "type": "spring",
+      "stiffness": 480,
+      "damping": 50,
+      "mass": 1
+    },
+    "medium": {
+      "type": "spring",
+      "stiffness": 270,
+      "damping": 25,
+      "mass": 1
+    },
+    "basic": {
+      "type": "spring",
+      "stiffness": 200,
+      "damping": 30,
+      "mass": 1
+    },
+    "large": {
+      "type": "spring",
+      "stiffness": 100,
+      "damping": 15,
+      "mass": 1
+    },
+    "bounce": {
+      "type": "spring",
+      "stiffness": 300,
+      "damping": 15,
+      "mass": 1
+    },
+    "slow": {
+      "type": "spring",
+      "stiffness": 70,
+      "damping": 20,
+      "mass": 1
+    }
+  }
+};
+/** 의미 토큰. 참조를 실제 값으로 풀었다. 시간은 초라 motion 의 transition 에 그대로 넣는다. */
+var motionTokens = {
+  "press": {
+    "duration": 0.12,
+    "ease": [0.25, 0.1, 0.25, 1],
+    "scale": 0.98,
+    "dim": 0.12
+  },
+  "confirm": {
+    "weak": {
+      "type": "spring",
+      "stiffness": 480,
+      "damping": 50,
+      "mass": 1
+    },
+    "strong": {
+      "type": "spring",
+      "stiffness": 300,
+      "damping": 15,
+      "mass": 1
+    }
+  },
+  "reject": {
+    "duration": 0.35,
+    "ease": "linear",
+    "distance": "2px"
+  },
+  "enter": {
+    "duration": 0.24,
+    "ease": [0.25, 0.1, 0.25, 1],
+    "strong": {
+      "type": "spring",
+      "stiffness": 300,
+      "damping": 15,
+      "mass": 1
+    },
+    "scale-from": 0.96,
+    "offset": "16px",
+    "pop-scale": 0.6
+  },
+  "exit": {
+    "duration": 0.16,
+    "ease": [0.4, 0, 1, 1]
+  },
+  "appear": {
+    "duration": 0.24,
+    "ease": [0.25, 0.1, 0.25, 1]
+  },
+  "reveal": {
+    "duration": 0.24,
+    "ease": [0.25, 0.1, 0.25, 1],
+    "gap": 0.08
+  },
+  "progress": {
+    "duration": 0.24,
+    "spring": {
+      "type": "spring",
+      "stiffness": 200,
+      "damping": 30,
+      "mass": 1
+    }
+  },
+  "expand": {
+    "duration": 0.24,
+    "ease": [0.25, 0.1, 0.25, 1],
+    "rotate": "180deg"
+  },
+  "dismiss-on-scroll": {
+    "duration": 0.24,
+    "ease": [0.25, 0.1, 0.25, 1],
+    "threshold": "1px"
+  },
+  "attention": {
+    "shine": 2.5,
+    "blink": 0.3,
+    "float-distance": "3px"
+  },
+  "busy": {
+    "ring": 1.2,
+    "ring-ease": [0.5, 0, 0.5, 1],
+    "shimmer": 1.5,
+    "dots": 0.6
+  }
+};
 ;// ./tokens/generated/index.ts
 // tokens/figma.json 에서 생성됨 — 손으로 고치지 않는다. `npm run tokens`
 
 
 
 
-export { colors, primitive, semanticAdmin, semanticApp };
+
+export { colors, motionPresets, motionTokens, primitive, semanticAdmin, semanticApp };

package/dist/tooltip.js

@@ -357,17 +357,19 @@ module.exports = x({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_ru
 /******/ 
 /************************************************************************/
 /******/ 
-/******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
 /******/ __nuri_require__.C(__webpack_chunk_1__);
-/******/ import * as __webpack_chunk_2__ from "./chunk-4560.js";
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
 /******/ __nuri_require__.C(__webpack_chunk_2__);
-/******/ import * as __webpack_chunk_3__ from "./chunk-8690.js";
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
 /******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-8690.js";
+/******/ __nuri_require__.C(__webpack_chunk_4__);
 /******/ 
 /******/ // startup
 /******/ // Load entry module and return exports
 /******/ // This entry module depends on other loaded chunks and execution need to be delayed
-/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [6364,4560,8690], () => (__nuri_require__(1563)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [3274,7335,4560,8690], () => (__nuri_require__(1563)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__TooltipProvider = __webpack_exports__.B;
 /******/ const __webpack_exports__default = __webpack_exports__.A;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurihaus/web-design-system",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "description": "Nurihaus 디자인 시스템 — 컴포넌트와 디자인 토큰",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -73,6 +73,7 @@
     "globals": "^17.13.0",
     "html-webpack-plugin": "^5.6.0",
     "jsdom": "^26.1.0",
+    "motion": "^12.0.0",
     "postcss": "^8.5.6",
     "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-discard-empty": "^7.0.1",
@@ -93,6 +94,7 @@
     "webpack-dev-server": "^5.1.0"
   },
   "peerDependencies": {
+    "motion": "^12.0.0",
     "radix-ui": "^1.4.3",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 ||^19.0.0"
@@ -231,9 +233,69 @@
       "types": "./dist/components/chip-group/chip-group.d.ts",
       "default": "./dist/chip-group.js"
     },
+    "./card": {
+      "types": "./dist/components/card/card.d.ts",
+      "default": "./dist/card.js"
+    },
+    "./list-group": {
+      "types": "./dist/components/list/list-group.d.ts",
+      "default": "./dist/list-group.js"
+    },
+    "./list-row": {
+      "types": "./dist/components/list/list-row.d.ts",
+      "default": "./dist/list-row.js"
+    },
+    "./description-list": {
+      "types": "./dist/components/description-list/description-list.d.ts",
+      "default": "./dist/description-list.js"
+    },
+    "./notice": {
+      "types": "./dist/components/notice/notice.d.ts",
+      "default": "./dist/notice.js"
+    },
+    "./empty-state": {
+      "types": "./dist/components/empty-state/empty-state.d.ts",
+      "default": "./dist/empty-state.js"
+    },
+    "./tag": {
+      "types": "./dist/components/tag/tag.d.ts",
+      "default": "./dist/tag.js"
+    },
+    "./message-thread": {
+      "types": "./dist/components/message/message-thread.d.ts",
+      "default": "./dist/message-thread.js"
+    },
+    "./message": {
+      "types": "./dist/components/message/message.d.ts",
+      "default": "./dist/message.js"
+    },
+    "./message-event": {
+      "types": "./dist/components/message/message-event.d.ts",
+      "default": "./dist/message-event.js"
+    },
+    "./message-composer": {
+      "types": "./dist/components/message-composer/message-composer.d.ts",
+      "default": "./dist/message-composer.js"
+    },
+    "./bottom-bar": {
+      "types": "./dist/components/bottom-bar/bottom-bar.d.ts",
+      "default": "./dist/bottom-bar.js"
+    },
+    "./media-thumbnail": {
+      "types": "./dist/components/media/media-thumbnail.d.ts",
+      "default": "./dist/media-thumbnail.js"
+    },
+    "./media-viewer": {
+      "types": "./dist/components/media/media-viewer.d.ts",
+      "default": "./dist/media-viewer.js"
+    },
     "./logging": {
       "types": "./dist/components/logging/logging.d.ts",
       "default": "./dist/logging.js"
+    },
+    "./motion": {
+      "types": "./dist/components/motion/motion.d.ts",
+      "default": "./dist/motion.js"
     }
   }
 }