@stackshift-ui/youtube-video 7.0.0-beta.3 → 7.0.0-beta.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/youtube-video",
   "description": "",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0-beta.4",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,19 +29,19 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.10",
-    "@stackshift-ui/eslint-config": "6.0.10"
+    "@stackshift-ui/eslint-config": "6.0.10",
+    "@stackshift-ui/typescript-config": "6.0.10"
   },
   "dependencies": {
-    "@stackshift-ui/scripts": "6.1.0-beta.2",
-    "@stackshift-ui/system": "6.1.0-beta.3"
+    "@stackshift-ui/system": "7.0.0-beta.4",
+    "@stackshift-ui/scripts": "7.0.0-beta.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.1.0-beta.3"
+    "@stackshift-ui/system": ">=7.0.0-beta.4"
   },
   "peerDependenciesMeta": {
     "next": {

package/dist/chunk-47HNBTP4.mjs

@@ -1,32 +0,0 @@
-// src/youtube-video.tsx
-import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
-import { jsx } from "react/jsx-runtime";
-var displayName = "YoutubeVideo";
-var YoutubeVideo = ({
-  videoLinkId,
-  title,
-  children,
-  className,
-  as,
-  ...props
-}) => {
-  const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
-  const defaultClass = "aspect-video";
-  return /* @__PURE__ */ jsx(Component, { as, className: defaultClass, ...props, children: /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      "aria-label": "Show Video Frame",
-      className: "w-full h-full rounded-lg",
-      src: `https://www.youtube.com/embed/${videoLinkId}`,
-      srcDoc: `<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${videoLinkId}`}><img src=${`https://i.ytimg.com/vi_webp/${videoLinkId}/maxresdefault.webp`} alt=${title} loading="lazy" /><span>\u25B6</span></a>`,
-      frameBorder: "0",
-      loading: "lazy",
-      allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-    }
-  ) });
-};
-YoutubeVideo.displayName = displayName;
-
-export {
-  YoutubeVideo
-};

package/dist/chunk-S3TW6OEF.mjs

@@ -1 +0,0 @@
-import{DefaultComponent as l,useStackShiftUIComponents as n}from"@stackshift-ui/system";import{jsx as t}from"react/jsx-runtime";var o="YoutubeVideo",m=({videoLinkId:e,title:a,children:p,className:c,as:s,...r})=>{let{[o]:i=l}=n();return t(i,{as:s,className:"aspect-video",...r,children:t("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full rounded-lg",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${a} loading="lazy" /><span>\u25B6</span></a>`,frameBorder:"0",loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"})})};m.displayName=o;export{m as a};

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from "./youtube-video";

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},b=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!f.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(r=d(t,o))||r.enumerable});return e};var g=e=>b(i({},"__esModule",{value:!0}),e);var y={};h(y,{YoutubeVideo:()=>m});module.exports=g(y);var s=require("@stackshift-ui/system"),l=require("react/jsx-runtime"),n="YoutubeVideo",m=({videoLinkId:e,title:t,children:a,className:r,as:o,...p})=>{let{[n]:c=s.DefaultComponent}=(0,s.useStackShiftUIComponents)();return(0,l.jsx)(c,{as:o,className:"aspect-video",...p,children:(0,l.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full rounded-lg",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${t} loading="lazy" /><span>\u25B6</span></a>`,frameBorder:"0",loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"})})};m.displayName=n;0&&(module.exports={YoutubeVideo});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as e}from"./chunk-S3TW6OEF.mjs";export{e as YoutubeVideo};

package/dist/youtube-video.d.ts

@@ -1,9 +0,0 @@
-import type { ElementType, HTMLProps, ReactNode } from "react";
-export interface YoutubeVideoProps extends Omit<HTMLProps<HTMLElement>, "as"> {
-    videoLinkId?: string;
-    title?: string;
-    children?: ReactNode;
-    className?: string;
-    as?: ElementType;
-}
-export declare const YoutubeVideo: React.FC<YoutubeVideoProps>;

package/dist/youtube-video.js

@@ -1 +0,0 @@
-"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},b=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!h.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(r=d(t,o))||r.enumerable});return e};var g=e=>b(i({},"__esModule",{value:!0}),e);var y={};f(y,{YoutubeVideo:()=>m});module.exports=g(y);var s=require("@stackshift-ui/system"),l=require("react/jsx-runtime"),n="YoutubeVideo",m=({videoLinkId:e,title:t,children:a,className:r,as:o,...p})=>{let{[n]:c=s.DefaultComponent}=(0,s.useStackShiftUIComponents)();return(0,l.jsx)(c,{as:o,className:"aspect-video",...p,children:(0,l.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full rounded-lg",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${t} loading="lazy" /><span>\u25B6</span></a>`,frameBorder:"0",loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"})})};m.displayName=n;0&&(module.exports={YoutubeVideo});

package/dist/youtube-video.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-S3TW6OEF.mjs";export{a as YoutubeVideo};