@melony/react 0.1.47 → 0.1.50

package/dist/index.cjs

@@ -691,6 +691,52 @@ var Image = ({
     )
   ] });
 };
+var Video = ({
+  src,
+  poster,
+  autoPlay = false,
+  controls = true,
+  loop = false,
+  muted = false,
+  aspectRatio = "16/9",
+  width = "100%",
+  className,
+  style
+}) => {
+  const aspectRatios = {
+    "16/9": "aspect-video",
+    "4/3": "aspect-[4/3]",
+    "1/1": "aspect-square",
+    "9/16": "aspect-[9/16]"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-lg bg-black shadow-sm",
+        aspectRatios[aspectRatio] || "aspect-video",
+        className
+      ),
+      style: {
+        width: typeof width === "number" ? `${width}px` : width,
+        ...style
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "video",
+        {
+          src,
+          poster,
+          autoPlay,
+          controls,
+          loop,
+          muted,
+          playsInline: true,
+          className: "h-full w-full object-cover"
+        }
+      )
+    }
+  );
+};
 var Icon = ({
   name,
   size,
@@ -2104,6 +2150,7 @@ function UIRenderer({ node }) {
     divider: Divider,
     box: Box,
     image: Image,
+    video: Video,
     icon: Icon,
     list: List,
     listItem: ListItem,
@@ -3987,6 +4034,7 @@ exports.Chart = Chart;
 exports.ChatHeader = ChatHeader;
 exports.Checkbox = Checkbox;
 exports.Col = Col;
+exports.ColorPicker = ColorPicker;
 exports.Composer = Composer;
 exports.CreateThreadButton = CreateThreadButton;
 exports.CreateThreadListItem = CreateThreadListItem;
@@ -3995,6 +4043,7 @@ exports.Dropdown = Dropdown;
 exports.Form = Form;
 exports.FullChat = FullChat;
 exports.Heading = Heading;
+exports.Hidden = Hidden;
 exports.Image = Image;
 exports.Input = Input2;
 exports.Label = Label2;
@@ -4029,5 +4078,11 @@ exports.useScreenSize = useScreenSize;
 exports.useSidebar = useSidebar;
 exports.useTheme = useTheme;
 exports.useThreads = useThreads;
+Object.keys(ICONS).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return ICONS[k]; }
+  });
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map