@nurihaus/web-design-system 3.7.0 → 3.9.0

package/dist/media-thumbnail.js

@@ -0,0 +1,412 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__ from "radix-ui";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
+/******/ var __webpack_modules__ = ({
+
+/***/ 946
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+
+// EXPORTS
+__nuri_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ media_thumbnail)
+});
+
+// EXTERNAL MODULE: external {"root":"jsx-runtime","commonjs2":"react/jsx-runtime","commonjs":"react/jsx-runtime","amd":"react/jsx-runtime","module":"react/jsx-runtime"}
+var jsx_runtime_ = __nuri_require__(612);
+// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react","module":"react"}
+var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(1041);
+// EXTERNAL MODULE: ./helpers/hooks/useTrack.ts
+var useTrack = __nuri_require__(4560);
+// EXTERNAL MODULE: ./helpers/utils/classNames.js
+var classNames = __nuri_require__(3274);
+// EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
+var getMergedProps = __nuri_require__(7335);
+// EXTERNAL MODULE: ./components/button/base-button.tsx
+var base_button = __nuri_require__(8933);
+// EXTERNAL MODULE: ./components/icon/icon.tsx
+var icon = __nuri_require__(3547);
+// EXTERNAL MODULE: ./components/loading/spinner/spinner.tsx + 2 modules
+var spinner = __nuri_require__(6302);
+// EXTERNAL MODULE: ./helpers/props/common-props.ts
+var common_props = __nuri_require__(7298);
+;// ./components/media/media-props.ts
+
+var sizes = ['s', 'm', 'l'];
+var mediaTypes = (/* unused pure expression or super */ null && (['image', 'video']));
+var mediaThumbnailProps = {
+  size: (0,common_props/* sizeProp */.lw)(sizes, 'm')
+};
+// EXTERNAL MODULE: ./components/media/media-viewer.tsx
+var media_viewer = __nuri_require__(4268);
+;// ./components/media/media-thumbnail.tsx
+
+
+
+
+
+
+
+
+
+
+// 버튼 안에 버튼을 둘 수 없어 여는 버튼과 지우기 버튼을 형제로 두고 div 로 감싼다. ref 는 그 div 다.
+var MediaThumbnail = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var _a = (0,getMergedProps/* getMergedProps */.p)(props, mediaThumbnailProps),
+    src = _a.src,
+    _b = _a.type,
+    type = _b === void 0 ? 'image' : _b,
+    alt = _a.alt,
+    viewLabel = _a.viewLabel,
+    closeLabel = _a.closeLabel,
+    loading = _a.loading,
+    invalid = _a.invalid,
+    onRemove = _a.onRemove,
+    removeLabel = _a.removeLabel,
+    className = _a.className,
+    style = _a.style,
+    track = _a.track,
+    trackProps = _a.trackProps;
+  var emit = (0,useTrack/* useTrack */.n)('MediaThumbnail', {
+    track: track,
+    trackProps: trackProps
+  });
+  return (0,jsx_runtime_.jsxs)("div", {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-media', className, 'media-thumbnail'),
+    style: style,
+    children: [(0,jsx_runtime_.jsx)(media_viewer/* default */.A, {
+      src: src,
+      type: type,
+      alt: alt,
+      title: alt !== null && alt !== void 0 ? alt : viewLabel,
+      closeLabel: closeLabel,
+      onOpenChange: function onOpenChange(next) {
+        return next && emit('open');
+      },
+      trigger: (0,jsx_runtime_.jsxs)(base_button/* default */.A, {
+        className: 'media-thumbnail-open',
+        "aria-label": alt !== null && alt !== void 0 ? alt : viewLabel,
+        "aria-busy": loading || undefined,
+        disabled: loading || invalid,
+        "data-invalid": invalid || undefined,
+        children: [type === 'video' ? (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+          children: [(0,jsx_runtime_.jsx)("video", {
+            className: 'media-thumbnail-media',
+            src: "".concat(src, "#t=0.001"),
+            preload: 'metadata',
+            muted: true,
+            playsInline: true
+          }), (0,jsx_runtime_.jsx)("span", {
+            className: 'media-thumbnail-play',
+            children: (0,jsx_runtime_.jsx)(icon/* default */.A, {
+              name: 'play',
+              weight: 'fill',
+              size: 's'
+            })
+          })]
+        }) : (0,jsx_runtime_.jsx)("img", {
+          className: 'media-thumbnail-media',
+          src: src,
+          alt: '',
+          loading: 'lazy'
+        }), loading && (0,jsx_runtime_.jsx)("span", {
+          className: 'media-thumbnail-loading',
+          children: (0,jsx_runtime_.jsx)(spinner/* default */.A, {
+            className: 'media-thumbnail-spinner'
+          })
+        })]
+      })
+    }), onRemove && (0,jsx_runtime_.jsx)(base_button/* default */.A, {
+      className: 'media-thumbnail-remove',
+      type: 'button',
+      "aria-label": removeLabel,
+      onClick: onRemove,
+      children: (0,jsx_runtime_.jsx)(icon/* default */.A, {
+        name: 'x',
+        size: 'xs'
+      })
+    })]
+  });
+});
+MediaThumbnail.displayName = 'MediaThumbnail';
+/* harmony default export */ const media_thumbnail = (MediaThumbnail);
+
+/***/ },
+
+/***/ 4268
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
+/* harmony import */ var _helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(4560);
+/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
+/* harmony import */ var _icon_icon__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(3547);
+/* harmony import */ var _base_media__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(6459);
+
+
+
+
+
+
+// ref 는 화면 전체를 덮는 Dialog.Content div 에 붙는다. Root 는 DOM 을 그리지 않는다.
+// 닫히면 Content 가 빠지므로 영상도 함께 빠져 재생이 멈춘다.
+var MediaViewer = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var trigger = props.trigger,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    _onOpenChange = props.onOpenChange,
+    src = props.src,
+    _a = props.type,
+    type = _a === void 0 ? 'image' : _a,
+    alt = props.alt,
+    title = props.title,
+    closeLabel = props.closeLabel,
+    className = props.className,
+    style = props.style,
+    track = props.track,
+    trackProps = props.trackProps;
+  var emit = (0,_helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__/* .useTrack */ .n)('MediaViewer', {
+    track: track,
+    trackProps: trackProps
+  });
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: function onOpenChange(next) {
+      emit(next ? 'open' : 'close');
+      _onOpenChange === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(next);
+    },
+    children: [trigger && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Trigger, {
+      asChild: true,
+      children: trigger
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Content, {
+      ref: ref,
+      className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)(className, 'media-viewer'),
+      style: style,
+      "aria-describedby": undefined,
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Title, {
+        children: title !== null && title !== void 0 ? title : alt
+      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Close, {
+        className: 'media-viewer-close',
+        "aria-label": closeLabel,
+        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
+          name: 'x',
+          size: 'l'
+        })
+      }), type === 'video' ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("video", {
+        className: 'media-viewer-media',
+        src: src,
+        controls: true,
+        autoPlay: true,
+        playsInline: true
+      }) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
+        className: 'media-viewer-media',
+        src: src,
+        alt: alt !== null && alt !== void 0 ? alt : ''
+      })]
+    })]
+  });
+});
+MediaViewer.displayName = 'MediaViewer';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MediaViewer);
+
+/***/ },
+
+/***/ 0
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["Dialog"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__.Dialog), ["VisuallyHidden"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__.VisuallyHidden) });
+
+/***/ },
+
+/***/ 1041
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["Children"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Children), ["cloneElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.cloneElement), ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["isValidElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.isValidElement), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef) });
+
+/***/ },
+
+/***/ 612
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.Fragment), ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsx), ["jsxs"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsxs) });
+
+/***/ }
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __nuri_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __nuri_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __nuri_require__.m = __webpack_modules__;
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/chunk loaded */
+/******/ (() => {
+/******/ 	var deferred = [];
+/******/ 	__nuri_require__.O = (result, chunkIds, fn, priority) => {
+/******/ 		if(chunkIds) {
+/******/ 			priority = priority || 0;
+/******/ 			for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ 			deferred[i] = [chunkIds, fn, priority];
+/******/ 			return;
+/******/ 		}
+/******/ 		var notFulfilled = Infinity;
+/******/ 		for (var i = 0; i < deferred.length; i++) {
+/******/ 			var [chunkIds, fn, priority] = deferred[i];
+/******/ 			var fulfilled = true;
+/******/ 			for (var j = 0; j < chunkIds.length; j++) {
+/******/ 				if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__nuri_require__.O).every((key) => (__nuri_require__.O[key](chunkIds[j])))) {
+/******/ 					chunkIds.splice(j--, 1);
+/******/ 				} else {
+/******/ 					fulfilled = false;
+/******/ 					if(priority < notFulfilled) notFulfilled = priority;
+/******/ 				}
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferred.splice(i--, 1)
+/******/ 				var r = fn();
+/******/ 				if (r !== undefined) result = r;
+/******/ 			}
+/******/ 		}
+/******/ 		return result;
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__nuri_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__nuri_require__.o(definition, key) && !__nuri_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__nuri_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/export webpack runtime */
+/******/ export { __nuri_require__ };
+/******/ 
+/******/ /* webpack/runtime/import chunk loading */
+/******/ (() => {
+/******/ 	// no baseURI
+/******/ 	
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// [resolve, Promise] = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		7078: 0,
+/******/ 		7744: 0
+/******/ 	};
+/******/ 	
+/******/ 	var installChunk = (data) => {
+/******/ 		var {__webpack_esm_ids__, __webpack_esm_modules__, __webpack_esm_runtime__} = data;
+/******/ 		// add "modules" to the modules object,
+/******/ 		// then flag all "ids" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0;
+/******/ 		for(moduleId in __webpack_esm_modules__) {
+/******/ 			if(__nuri_require__.o(__webpack_esm_modules__, moduleId)) {
+/******/ 				__nuri_require__.m[moduleId] = __webpack_esm_modules__[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(__webpack_esm_runtime__) __webpack_esm_runtime__(__nuri_require__);
+/******/ 		for(;i < __webpack_esm_ids__.length; i++) {
+/******/ 			chunkId = __webpack_esm_ids__[i];
+/******/ 			if(__nuri_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 				installedChunks[chunkId][0]();
+/******/ 			}
+/******/ 			installedChunks[__webpack_esm_ids__[i]] = 0;
+/******/ 		}
+/******/ 		__nuri_require__.O();
+/******/ 	}
+/******/ 	
+/******/ 	// no chunk on demand loading
+/******/ 	
+/******/ 	// no prefetching
+/******/ 	
+/******/ 	// no preloaded
+/******/ 	
+/******/ 	__nuri_require__.C = installChunk;
+/******/ 	
+/******/ 	__nuri_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/ 	// no HMR
+/******/ 	
+/******/ 	// no HMR manifest
+/******/ })();
+/******/ 
+/************************************************************************/
+/******/ 
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
+/******/ __nuri_require__.C(__webpack_chunk_1__);
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
+/******/ __nuri_require__.C(__webpack_chunk_2__);
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
+/******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-7298.js";
+/******/ __nuri_require__.C(__webpack_chunk_4__);
+/******/ import * as __webpack_chunk_5__ from "./chunk-2777.js";
+/******/ __nuri_require__.C(__webpack_chunk_5__);
+/******/ import * as __webpack_chunk_6__ from "./chunk-7653.js";
+/******/ __nuri_require__.C(__webpack_chunk_6__);
+/******/ import * as __webpack_chunk_7__ from "./chunk-3547.js";
+/******/ __nuri_require__.C(__webpack_chunk_7__);
+/******/ import * as __webpack_chunk_8__ from "./chunk-6302.js";
+/******/ __nuri_require__.C(__webpack_chunk_8__);
+/******/ import * as __webpack_chunk_9__ from "./chunk-8933.js";
+/******/ __nuri_require__.C(__webpack_chunk_9__);
+/******/ import * as __webpack_chunk_10__ from "./chunk-6459.js";
+/******/ __nuri_require__.C(__webpack_chunk_10__);
+/******/ 
+/******/ // 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, [3274,7335,4560,7298,2777,7653,3547,6302,8933,6459], () => (__nuri_require__(946)))
+/******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
+/******/ const __webpack_exports__default = __webpack_exports__.A;
+/******/ export { __webpack_exports__default as default };
+/******/ 

package/dist/media-viewer.js

@@ -0,0 +1,274 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__ from "radix-ui";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
+/******/ var __webpack_modules__ = ({
+
+/***/ 4268
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
+/* harmony import */ var _helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(4560);
+/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
+/* harmony import */ var _icon_icon__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(3547);
+/* harmony import */ var _base_media__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(6459);
+
+
+
+
+
+
+// ref 는 화면 전체를 덮는 Dialog.Content div 에 붙는다. Root 는 DOM 을 그리지 않는다.
+// 닫히면 Content 가 빠지므로 영상도 함께 빠져 재생이 멈춘다.
+var MediaViewer = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var trigger = props.trigger,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    _onOpenChange = props.onOpenChange,
+    src = props.src,
+    _a = props.type,
+    type = _a === void 0 ? 'image' : _a,
+    alt = props.alt,
+    title = props.title,
+    closeLabel = props.closeLabel,
+    className = props.className,
+    style = props.style,
+    track = props.track,
+    trackProps = props.trackProps;
+  var emit = (0,_helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__/* .useTrack */ .n)('MediaViewer', {
+    track: track,
+    trackProps: trackProps
+  });
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: function onOpenChange(next) {
+      emit(next ? 'open' : 'close');
+      _onOpenChange === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(next);
+    },
+    children: [trigger && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Trigger, {
+      asChild: true,
+      children: trigger
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Content, {
+      ref: ref,
+      className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)(className, 'media-viewer'),
+      style: style,
+      "aria-describedby": undefined,
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Title, {
+        children: title !== null && title !== void 0 ? title : alt
+      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_media__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Close, {
+        className: 'media-viewer-close',
+        "aria-label": closeLabel,
+        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icon_icon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
+          name: 'x',
+          size: 'l'
+        })
+      }), type === 'video' ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("video", {
+        className: 'media-viewer-media',
+        src: src,
+        controls: true,
+        autoPlay: true,
+        playsInline: true
+      }) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
+        className: 'media-viewer-media',
+        src: src,
+        alt: alt !== null && alt !== void 0 ? alt : ''
+      })]
+    })]
+  });
+});
+MediaViewer.displayName = 'MediaViewer';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MediaViewer);
+
+/***/ },
+
+/***/ 0
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["Dialog"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__.Dialog), ["VisuallyHidden"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__.VisuallyHidden) });
+
+/***/ },
+
+/***/ 1041
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef) });
+
+/***/ },
+
+/***/ 612
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsx), ["jsxs"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsxs) });
+
+/***/ }
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __nuri_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __nuri_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __nuri_require__.m = __webpack_modules__;
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/chunk loaded */
+/******/ (() => {
+/******/ 	var deferred = [];
+/******/ 	__nuri_require__.O = (result, chunkIds, fn, priority) => {
+/******/ 		if(chunkIds) {
+/******/ 			priority = priority || 0;
+/******/ 			for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ 			deferred[i] = [chunkIds, fn, priority];
+/******/ 			return;
+/******/ 		}
+/******/ 		var notFulfilled = Infinity;
+/******/ 		for (var i = 0; i < deferred.length; i++) {
+/******/ 			var [chunkIds, fn, priority] = deferred[i];
+/******/ 			var fulfilled = true;
+/******/ 			for (var j = 0; j < chunkIds.length; j++) {
+/******/ 				if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__nuri_require__.O).every((key) => (__nuri_require__.O[key](chunkIds[j])))) {
+/******/ 					chunkIds.splice(j--, 1);
+/******/ 				} else {
+/******/ 					fulfilled = false;
+/******/ 					if(priority < notFulfilled) notFulfilled = priority;
+/******/ 				}
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferred.splice(i--, 1)
+/******/ 				var r = fn();
+/******/ 				if (r !== undefined) result = r;
+/******/ 			}
+/******/ 		}
+/******/ 		return result;
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__nuri_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__nuri_require__.o(definition, key) && !__nuri_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__nuri_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/export webpack runtime */
+/******/ export { __nuri_require__ };
+/******/ 
+/******/ /* webpack/runtime/import chunk loading */
+/******/ (() => {
+/******/ 	// no baseURI
+/******/ 	
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// [resolve, Promise] = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		7744: 0
+/******/ 	};
+/******/ 	
+/******/ 	var installChunk = (data) => {
+/******/ 		var {__webpack_esm_ids__, __webpack_esm_modules__, __webpack_esm_runtime__} = data;
+/******/ 		// add "modules" to the modules object,
+/******/ 		// then flag all "ids" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0;
+/******/ 		for(moduleId in __webpack_esm_modules__) {
+/******/ 			if(__nuri_require__.o(__webpack_esm_modules__, moduleId)) {
+/******/ 				__nuri_require__.m[moduleId] = __webpack_esm_modules__[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(__webpack_esm_runtime__) __webpack_esm_runtime__(__nuri_require__);
+/******/ 		for(;i < __webpack_esm_ids__.length; i++) {
+/******/ 			chunkId = __webpack_esm_ids__[i];
+/******/ 			if(__nuri_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 				installedChunks[chunkId][0]();
+/******/ 			}
+/******/ 			installedChunks[__webpack_esm_ids__[i]] = 0;
+/******/ 		}
+/******/ 		__nuri_require__.O();
+/******/ 	}
+/******/ 	
+/******/ 	// no chunk on demand loading
+/******/ 	
+/******/ 	// no prefetching
+/******/ 	
+/******/ 	// no preloaded
+/******/ 	
+/******/ 	__nuri_require__.C = installChunk;
+/******/ 	
+/******/ 	__nuri_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/ 	// no HMR
+/******/ 	
+/******/ 	// no HMR manifest
+/******/ })();
+/******/ 
+/************************************************************************/
+/******/ 
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
+/******/ __nuri_require__.C(__webpack_chunk_1__);
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
+/******/ __nuri_require__.C(__webpack_chunk_2__);
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
+/******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-7298.js";
+/******/ __nuri_require__.C(__webpack_chunk_4__);
+/******/ import * as __webpack_chunk_5__ from "./chunk-7653.js";
+/******/ __nuri_require__.C(__webpack_chunk_5__);
+/******/ import * as __webpack_chunk_6__ from "./chunk-3547.js";
+/******/ __nuri_require__.C(__webpack_chunk_6__);
+/******/ import * as __webpack_chunk_7__ from "./chunk-6459.js";
+/******/ __nuri_require__.C(__webpack_chunk_7__);
+/******/ 
+/******/ // 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, [3274,7335,4560,7298,7653,3547,6459], () => (__nuri_require__(4268)))
+/******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
+/******/ const __webpack_exports__default = __webpack_exports__.A;
+/******/ export { __webpack_exports__default as default };
+/******/