@kkcompany/app-ui 0.1.32 → 0.1.33

package/dist/index.cjs

@@ -1440,7 +1440,7 @@ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__
 	...rest,
 	children
 });
-const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClick, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, title = data.title || data.display_text, synopsis = data.synopsis, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClick, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
 	onClick,
 	css: [videoItemStyle, style],
 	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
@@ -1460,11 +1460,11 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
 			children: [
 				/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
 					css: titleStyle,
-					children: data.title || data.display_text
+					children: title
 				}),
 				/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
 					css: [descriptionStyle, desktopDescriptionStyle],
-					children: data.synopsis
+					children: synopsis
 				}),
 				secondaryText ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: secondaryText }) : null
 			]
@@ -1473,7 +1473,7 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
 		slots,
 		href,
 		css: descriptionStyle,
-		children: data.synopsis
+		children: synopsis
 	})]
 });
 var VideoItem_default = VideoItem;

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react0 from "react";
 import { ComponentType, ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
-import * as _emotion_react_jsx_runtime2 from "@emotion/react/jsx-runtime";
+import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
 import { CSSObject } from "@emotion/react";
 import Link from "next/link";
 
@@ -65,7 +65,7 @@ declare const HiddenToggle: ({
   defaultEnabled?: boolean;
   children: any;
   onChange: any;
-}) => _emotion_react_jsx_runtime2.JSX.Element;
+}) => _emotion_react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Icon.d.ts
 declare const Icon: ({
@@ -74,7 +74,7 @@ declare const Icon: ({
 }: {
   style?: {};
   src: any;
-}) => _emotion_react_jsx_runtime2.JSX.Element;
+}) => _emotion_react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Modal/index.d.ts
 type ModalProps = {
@@ -138,7 +138,7 @@ declare const SeeMore: ({
   style?: CSSObject;
   messages?: typeof defaultMessages;
   children?: ReactNode;
-}) => _emotion_react_jsx_runtime2.JSX.Element;
+}) => _emotion_react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/VideoItem.d.ts
 type VideoDetail = {
@@ -152,6 +152,8 @@ declare const VideoItem: ({
   thumbnailHref,
   imageUrl,
   data,
+  title,
+  synopsis,
   secondaryText,
   progress,
   topTags,
@@ -166,6 +168,8 @@ declare const VideoItem: ({
   thumbnailHref?: string;
   imageUrl?: string;
   data?: VideoDetail;
+  title?: string;
+  synopsis?: string;
   secondaryText?: string;
   progress?: number;
   topTags?: string[];
@@ -202,6 +206,6 @@ declare const VideoThumbnail: ({
     Image?: ElementType;
   };
   onClick?: MouseEventHandler<HTMLAnchorElement>;
-}) => _emotion_react_jsx_runtime2.JSX.Element;
+}) => _emotion_react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Banner, Dropdown, HiddenToggle, Icon, Modal, Pagination, SeeMore, VideoItem, VideoThumbnail };

package/dist/index.d.mts

@@ -152,6 +152,8 @@ declare const VideoItem: ({
   thumbnailHref,
   imageUrl,
   data,
+  title,
+  synopsis,
   secondaryText,
   progress,
   topTags,
@@ -166,6 +168,8 @@ declare const VideoItem: ({
   thumbnailHref?: string;
   imageUrl?: string;
   data?: VideoDetail;
+  title?: string;
+  synopsis?: string;
   secondaryText?: string;
   progress?: number;
   topTags?: string[];

package/dist/index.mjs

@@ -1440,7 +1440,7 @@ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__
 	...rest,
 	children
 });
-const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClick, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ jsxs("div", {
+const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, title = data.title || data.display_text, synopsis = data.synopsis, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClick, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ jsxs("div", {
 	onClick,
 	css: [videoItemStyle, style],
 	children: [/* @__PURE__ */ jsxs("div", {
@@ -1460,11 +1460,11 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
 			children: [
 				/* @__PURE__ */ jsx$1("div", {
 					css: titleStyle,
-					children: data.title || data.display_text
+					children: title
 				}),
 				/* @__PURE__ */ jsx$1("div", {
 					css: [descriptionStyle, desktopDescriptionStyle],
-					children: data.synopsis
+					children: synopsis
 				}),
 				secondaryText ? /* @__PURE__ */ jsx$1("div", { children: secondaryText }) : null
 			]
@@ -1473,7 +1473,7 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
 		slots,
 		href,
 		css: descriptionStyle,
-		children: data.synopsis
+		children: synopsis
 	})]
 });
 var VideoItem_default = VideoItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kkcompany/app-ui",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "module": "dist/index.mjs",
   "main": "dist/index.js",
   "types": "dist/index.d.mts",